@mantine/nprogress 5.0.0-alpha.1

package/README.md

@@ -0,0 +1,19 @@
+# Mantine NProgress
+
+A navigation progress bar
+
+[Documentation](https://mantine.dev/)
+
+## Installation
+
+```sh
+# With yarn
+yarn add @mantine/nprogress @mantine/core @mantine/hooks
+
+# With npm
+npm install @mantine/nprogress @mantine/core @mantine/hooks
+```
+
+## License
+
+MIT

package/cjs/NProgress.js

@@ -0,0 +1,134 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@mantine/core');
+var hooks = require('@mantine/hooks');
+var styles = require('@mantine/styles');
+var React = require('react');
+var events = require('./events.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function NProgress({
+  defaultProgress = 0,
+  color = "blue",
+  size = 2,
+  stepIntervalTime = 500,
+  progressTransition = "ease",
+  progressTransitionDuration = 600,
+  exitTimeout = 700,
+  exitTransitionDuration = 600,
+  exitTransition = "ease",
+  onFinish,
+  autoReset = false,
+  withinPortal = true,
+  zIndex = styles.getDefaultZIndex("nprogress")
+}) {
+  const reducedMotion = hooks.useReducedMotion();
+  const [_progress, setProgress] = React.useState(defaultProgress);
+  const [mounted, setMounted] = React.useState(true);
+  const resetRef = React.useRef();
+  const unmountRef = React.useRef();
+  const unmountProgressRef = React.useRef(false);
+  const interval = hooks.useInterval(() => {
+    setProgress((amount) => {
+      let next = 0;
+      if (amount >= 0 && amount <= 20) {
+        next = 10;
+      } else if (amount >= 20 && amount <= 50) {
+        next = 4;
+      } else if (amount >= 50 && amount <= 80) {
+        next = 2;
+      } else if (amount >= 80 && amount <= 99) {
+        next = 0.5;
+      }
+      return amount + next;
+    });
+  }, stepIntervalTime);
+  const cancelUnmount = () => {
+    if (unmountRef.current) {
+      window.clearTimeout(unmountRef.current);
+      unmountRef.current = null;
+    }
+    if (resetRef.current) {
+      window.clearTimeout(resetRef.current);
+      resetRef.current = null;
+    }
+    setMounted(true);
+  };
+  const set = (value) => setProgress(value);
+  const add = (value) => setProgress((c) => Math.min(c + value, 100));
+  const decrease = (value) => setProgress((c) => Math.max(c - value, 0));
+  const start = () => {
+    interval.stop();
+    interval.start();
+  };
+  const stop = () => interval.stop();
+  const reset = () => {
+    unmountProgressRef.current = true;
+    stop();
+    setProgress(0);
+    unmountProgressRef.current = false;
+  };
+  const ctx = {
+    set,
+    add,
+    decrease,
+    start,
+    stop,
+    reset
+  };
+  const unmountProgress = () => {
+    unmountRef.current = null;
+    setMounted(false);
+    if (autoReset) {
+      resetRef.current = window.setTimeout(() => {
+        resetRef.current = null;
+        reset();
+      }, exitTransitionDuration);
+    }
+  };
+  hooks.useDidUpdate(() => {
+    if (_progress >= 100) {
+      stop();
+      onFinish && onFinish();
+      unmountRef.current = window.setTimeout(unmountProgress, exitTimeout);
+    } else if (!mounted) {
+      cancelUnmount();
+    }
+  }, [_progress]);
+  events.useNProgressEvents(ctx);
+  return /* @__PURE__ */ React__default.createElement(core.OptionalPortal, {
+    withinPortal,
+    zIndex
+  }, !unmountProgressRef.current && /* @__PURE__ */ React__default.createElement(core.Progress, {
+    radius: 0,
+    value: _progress,
+    size,
+    color,
+    styles: {
+      root: {
+        top: 0,
+        left: 0,
+        position: "fixed",
+        width: "100vw",
+        backgroundColor: "transparent",
+        transitionProperty: "opacity",
+        transitionTimingFunction: exitTransition,
+        transitionDuration: `${reducedMotion || _progress !== 100 ? 0 : exitTransitionDuration}ms`,
+        opacity: mounted ? 1 : 0
+      },
+      bar: {
+        transitionProperty: "width",
+        transitionTimingFunction: progressTransition,
+        transitionDuration: `${reducedMotion || !mounted ? 0 : progressTransitionDuration}ms`
+      }
+    }
+  }));
+}
+
+exports.NProgress = NProgress;
+//# sourceMappingURL=NProgress.js.map

package/cjs/NProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NProgress.js","sources":["../src/NProgress.tsx"],"sourcesContent":["import { OptionalPortal, Progress } from '@mantine/core';\nimport { useDidUpdate, useInterval, useReducedMotion } from '@mantine/hooks';\nimport { getDefaultZIndex, MantineColor } from '@mantine/styles';\nimport React, { useRef, useState } from 'react';\nimport { useNProgressEvents } from './events';\n\nexport interface NProgressProps {\n  /** The default progress */\n  defaultProgress?: number;\n\n  /** The color of the progressbar */\n  color?: MantineColor;\n\n  /** The height of the progressbar */\n  size?: number;\n\n  /** Called when the progress is 100% */\n  onFinish?: () => void;\n\n  /** Automatically resets the progress when 100% is reached */\n  autoReset?: boolean;\n\n  /** Step delay in ms */\n  stepIntervalTime?: number;\n\n  /** Transition function (transition-timing-function) */\n  progressTransition?: string;\n\n  /** Transition duration in ms */\n  progressTransitionDuration?: number;\n\n  /** The time when the component should be unmounted after progress is 100% */\n  exitTimeout?: number;\n\n  /** Exit transition duration in ms */\n  exitTransitionDuration?: number;\n\n  /** Exit transition function (transition-timing-function)*/\n  exitTransition?: string;\n\n  /** Determines whether NProgress should be rendered within Portal, defaults to true */\n  withinPortal?: boolean;\n\n  /** NProgress container z-index */\n  zIndex?: number;\n}\n\nexport function NProgress({\n  defaultProgress = 0,\n  color = 'blue',\n  size = 2,\n  stepIntervalTime = 500,\n  progressTransition = 'ease',\n  progressTransitionDuration = 600,\n  exitTimeout = 700,\n  exitTransitionDuration = 600,\n  exitTransition = 'ease',\n  onFinish,\n  autoReset = false,\n  withinPortal = true,\n  zIndex = getDefaultZIndex('nprogress'),\n}: NProgressProps) {\n  const reducedMotion = useReducedMotion();\n  const [_progress, setProgress] = useState(defaultProgress);\n  const [mounted, setMounted] = useState(true);\n  const resetRef = useRef<number>();\n  const unmountRef = useRef<number>();\n  const unmountProgressRef = useRef(false);\n\n  const interval = useInterval(() => {\n    setProgress((amount) => {\n      let next = 0;\n      if (amount >= 0 && amount <= 20) {\n        next = 10;\n      } else if (amount >= 20 && amount <= 50) {\n        next = 4;\n      } else if (amount >= 50 && amount <= 80) {\n        next = 2;\n      } else if (amount >= 80 && amount <= 99) {\n        next = 0.5;\n      }\n\n      return amount + next;\n    });\n  }, stepIntervalTime);\n\n  const cancelUnmount = () => {\n    if (unmountRef.current) {\n      window.clearTimeout(unmountRef.current);\n      unmountRef.current = null;\n    }\n    if (resetRef.current) {\n      window.clearTimeout(resetRef.current);\n      resetRef.current = null;\n    }\n\n    setMounted(true);\n  };\n\n  const set = (value: React.SetStateAction<number>) => setProgress(value);\n  const add = (value: number) => setProgress((c) => Math.min(c + value, 100));\n  const decrease = (value: number) => setProgress((c) => Math.max(c - value, 0));\n  const start = () => {\n    interval.stop();\n    interval.start();\n  };\n  const stop = () => interval.stop();\n  const reset = () => {\n    unmountProgressRef.current = true;\n    stop();\n    setProgress(0);\n    unmountProgressRef.current = false;\n  };\n\n  const ctx = {\n    set,\n    add,\n    decrease,\n    start,\n    stop,\n    reset,\n  };\n\n  const unmountProgress = () => {\n    unmountRef.current = null;\n    setMounted(false);\n\n    if (autoReset) {\n      resetRef.current = window.setTimeout(() => {\n        resetRef.current = null;\n        reset();\n      }, exitTransitionDuration);\n    }\n  };\n\n  useDidUpdate(() => {\n    if (_progress >= 100) {\n      stop();\n      onFinish && onFinish();\n      unmountRef.current = window.setTimeout(unmountProgress, exitTimeout);\n    } else if (!mounted) {\n      cancelUnmount();\n    }\n  }, [_progress]);\n\n  useNProgressEvents(ctx);\n\n  return (\n    <OptionalPortal withinPortal={withinPortal} zIndex={zIndex}>\n      {!unmountProgressRef.current && (\n        <Progress\n          radius={0}\n          value={_progress}\n          size={size}\n          color={color}\n          styles={{\n            root: {\n              top: 0,\n              left: 0,\n              position: 'fixed',\n              width: '100vw',\n              backgroundColor: 'transparent',\n              transitionProperty: 'opacity',\n              transitionTimingFunction: exitTransition,\n              transitionDuration: `${\n                reducedMotion || _progress !== 100 ? 0 : exitTransitionDuration\n              }ms`,\n              opacity: mounted ? 1 : 0,\n            },\n            bar: {\n              transitionProperty: 'width',\n              transitionTimingFunction: progressTransition,\n              transitionDuration: `${reducedMotion || !mounted ? 0 : progressTransitionDuration}ms`,\n            },\n          }}\n        />\n      )}\n    </OptionalPortal>\n  );\n}\n"],"names":["getDefaultZIndex","useReducedMotion","useState","useRef","useInterval","useDidUpdate","useNProgressEvents","React","OptionalPortal","Progress"],"mappings":"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"}

package/cjs/events.js

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const NPROGRESS_EVENTS = {
+  add: "mantine:add-nprogress",
+  decrease: "mantine:decrease-nprogress",
+  set: "mantine:set-nprogress",
+  start: "mantine:start-nprogress",
+  stop: "mantine:stop-nprogress",
+  reset: "mantine:reset-nprogress"
+};
+function createEvent(type, detail) {
+  return new CustomEvent(type, { detail });
+}
+function addNProgress(progress) {
+  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.add, progress));
+}
+function decreaseNProgress(progress) {
+  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.decrease, progress));
+}
+function setNProgress(progress) {
+  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.set, progress));
+}
+function startNProgress() {
+  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.start));
+}
+function stopNProgress() {
+  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.stop));
+}
+function resetNProgress() {
+  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.reset));
+}
+function useNProgressEvents(ctx) {
+  const events = {
+    add: (event) => ctx.add(event.detail),
+    decrease: (event) => ctx.decrease(event.detail),
+    set: (event) => ctx.set(event.detail),
+    start: ctx.start,
+    stop: ctx.stop,
+    reset: ctx.reset
+  };
+  React.useEffect(() => {
+    Object.keys(events).forEach((event) => {
+      window.addEventListener(NPROGRESS_EVENTS[event], events[event]);
+    });
+    return () => {
+      Object.keys(events).forEach((event) => {
+        window.removeEventListener(NPROGRESS_EVENTS[event], events[event]);
+      });
+    };
+  }, []);
+}
+
+exports.NPROGRESS_EVENTS = NPROGRESS_EVENTS;
+exports.addNProgress = addNProgress;
+exports.createEvent = createEvent;
+exports.decreaseNProgress = decreaseNProgress;
+exports.resetNProgress = resetNProgress;
+exports.setNProgress = setNProgress;
+exports.startNProgress = startNProgress;
+exports.stopNProgress = stopNProgress;
+exports.useNProgressEvents = useNProgressEvents;
+//# sourceMappingURL=events.js.map

package/cjs/events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sources":["../src/events.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype ValueOf<T> = T[keyof T];\n\ninterface NProgressProps {\n  start: () => void;\n  stop: () => void;\n  set: (progress: number) => void;\n  add: (progress: number) => void;\n  decrease: (progress: number) => void;\n  reset: () => void;\n}\n\nexport const NPROGRESS_EVENTS = {\n  add: 'mantine:add-nprogress',\n  decrease: 'mantine:decrease-nprogress',\n  set: 'mantine:set-nprogress',\n  start: 'mantine:start-nprogress',\n  stop: 'mantine:stop-nprogress',\n  reset: 'mantine:reset-nprogress',\n} as const;\n\nexport function createEvent(type: ValueOf<typeof NPROGRESS_EVENTS>, detail?: any) {\n  return new CustomEvent(type, { detail });\n}\n\nexport function addNProgress(progress: number) {\n  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.add, progress));\n}\n\nexport function decreaseNProgress(progress: number) {\n  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.decrease, progress));\n}\n\nexport function setNProgress(progress: React.SetStateAction<number>) {\n  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.set, progress));\n}\n\nexport function startNProgress() {\n  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.start));\n}\n\nexport function stopNProgress() {\n  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.stop));\n}\n\nexport function resetNProgress() {\n  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.reset));\n}\n\nexport function useNProgressEvents(ctx: NProgressProps) {\n  const events = {\n    add: (event: any) => ctx.add(event.detail),\n    decrease: (event: any) => ctx.decrease(event.detail),\n    set: (event: any) => ctx.set(event.detail),\n    start: ctx.start,\n    stop: ctx.stop,\n    reset: ctx.reset,\n  };\n\n  useEffect(() => {\n    Object.keys(events).forEach((event) => {\n      window.addEventListener(NPROGRESS_EVENTS[event], events[event]);\n    });\n\n    return () => {\n      Object.keys(events).forEach((event) => {\n        window.removeEventListener(NPROGRESS_EVENTS[event], events[event]);\n      });\n    };\n  }, []);\n}\n"],"names":["useEffect"],"mappings":";;;;;;AACY,MAAC,gBAAgB,GAAG;AAChC,EAAE,GAAG,EAAE,uBAAuB;AAC9B,EAAE,QAAQ,EAAE,4BAA4B;AACxC,EAAE,GAAG,EAAE,uBAAuB;AAC9B,EAAE,KAAK,EAAE,yBAAyB;AAClC,EAAE,IAAI,EAAE,wBAAwB;AAChC,EAAE,KAAK,EAAE,yBAAyB;AAClC,EAAE;AACK,SAAS,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE;AAC1C,EAAE,OAAO,IAAI,WAAW,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AAC3C,CAAC;AACM,SAAS,YAAY,CAAC,QAAQ,EAAE;AACvC,EAAE,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AACpE,CAAC;AACM,SAAS,iBAAiB,CAAC,QAAQ,EAAE;AAC5C,EAAE,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AACzE,CAAC;AACM,SAAS,YAAY,CAAC,QAAQ,EAAE;AACvC,EAAE,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AACpE,CAAC;AACM,SAAS,cAAc,GAAG;AACjC,EAAE,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5D,CAAC;AACM,SAAS,aAAa,GAAG;AAChC,EAAE,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3D,CAAC;AACM,SAAS,cAAc,GAAG;AACjC,EAAE,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5D,CAAC;AACM,SAAS,kBAAkB,CAAC,GAAG,EAAE;AACxC,EAAE,MAAM,MAAM,GAAG;AACjB,IAAI,GAAG,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC;AACzC,IAAI,QAAQ,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;AACnD,IAAI,GAAG,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC;AACzC,IAAI,KAAK,EAAE,GAAG,CAAC,KAAK;AACpB,IAAI,IAAI,EAAE,GAAG,CAAC,IAAI;AAClB,IAAI,KAAK,EAAE,GAAG,CAAC,KAAK;AACpB,GAAG,CAAC;AACJ,EAAEA,eAAS,CAAC,MAAM;AAClB,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK;AAC3C,MAAM,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AACtE,KAAK,CAAC,CAAC;AACP,IAAI,OAAO,MAAM;AACjB,MAAM,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK;AAC7C,QAAQ,MAAM,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAC3E,OAAO,CAAC,CAAC;AACT,KAAK,CAAC;AACN,GAAG,EAAE,EAAE,CAAC,CAAC;AACT;;;;;;;;;;;;"}

package/cjs/index.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var NProgress = require('./NProgress.js');
+var events = require('./events.js');
+
+
+
+exports.NProgress = NProgress.NProgress;
+exports.addNProgress = events.addNProgress;
+exports.decreaseNProgress = events.decreaseNProgress;
+exports.resetNProgress = events.resetNProgress;
+exports.setNProgress = events.setNProgress;
+exports.startNProgress = events.startNProgress;
+exports.stopNProgress = events.stopNProgress;
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

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

package/esm/NProgress.js

@@ -0,0 +1,126 @@
+import { OptionalPortal, Progress } from '@mantine/core';
+import { useReducedMotion, useInterval, useDidUpdate } from '@mantine/hooks';
+import { getDefaultZIndex } from '@mantine/styles';
+import React, { useState, useRef } from 'react';
+import { useNProgressEvents } from './events.js';
+
+function NProgress({
+  defaultProgress = 0,
+  color = "blue",
+  size = 2,
+  stepIntervalTime = 500,
+  progressTransition = "ease",
+  progressTransitionDuration = 600,
+  exitTimeout = 700,
+  exitTransitionDuration = 600,
+  exitTransition = "ease",
+  onFinish,
+  autoReset = false,
+  withinPortal = true,
+  zIndex = getDefaultZIndex("nprogress")
+}) {
+  const reducedMotion = useReducedMotion();
+  const [_progress, setProgress] = useState(defaultProgress);
+  const [mounted, setMounted] = useState(true);
+  const resetRef = useRef();
+  const unmountRef = useRef();
+  const unmountProgressRef = useRef(false);
+  const interval = useInterval(() => {
+    setProgress((amount) => {
+      let next = 0;
+      if (amount >= 0 && amount <= 20) {
+        next = 10;
+      } else if (amount >= 20 && amount <= 50) {
+        next = 4;
+      } else if (amount >= 50 && amount <= 80) {
+        next = 2;
+      } else if (amount >= 80 && amount <= 99) {
+        next = 0.5;
+      }
+      return amount + next;
+    });
+  }, stepIntervalTime);
+  const cancelUnmount = () => {
+    if (unmountRef.current) {
+      window.clearTimeout(unmountRef.current);
+      unmountRef.current = null;
+    }
+    if (resetRef.current) {
+      window.clearTimeout(resetRef.current);
+      resetRef.current = null;
+    }
+    setMounted(true);
+  };
+  const set = (value) => setProgress(value);
+  const add = (value) => setProgress((c) => Math.min(c + value, 100));
+  const decrease = (value) => setProgress((c) => Math.max(c - value, 0));
+  const start = () => {
+    interval.stop();
+    interval.start();
+  };
+  const stop = () => interval.stop();
+  const reset = () => {
+    unmountProgressRef.current = true;
+    stop();
+    setProgress(0);
+    unmountProgressRef.current = false;
+  };
+  const ctx = {
+    set,
+    add,
+    decrease,
+    start,
+    stop,
+    reset
+  };
+  const unmountProgress = () => {
+    unmountRef.current = null;
+    setMounted(false);
+    if (autoReset) {
+      resetRef.current = window.setTimeout(() => {
+        resetRef.current = null;
+        reset();
+      }, exitTransitionDuration);
+    }
+  };
+  useDidUpdate(() => {
+    if (_progress >= 100) {
+      stop();
+      onFinish && onFinish();
+      unmountRef.current = window.setTimeout(unmountProgress, exitTimeout);
+    } else if (!mounted) {
+      cancelUnmount();
+    }
+  }, [_progress]);
+  useNProgressEvents(ctx);
+  return /* @__PURE__ */ React.createElement(OptionalPortal, {
+    withinPortal,
+    zIndex
+  }, !unmountProgressRef.current && /* @__PURE__ */ React.createElement(Progress, {
+    radius: 0,
+    value: _progress,
+    size,
+    color,
+    styles: {
+      root: {
+        top: 0,
+        left: 0,
+        position: "fixed",
+        width: "100vw",
+        backgroundColor: "transparent",
+        transitionProperty: "opacity",
+        transitionTimingFunction: exitTransition,
+        transitionDuration: `${reducedMotion || _progress !== 100 ? 0 : exitTransitionDuration}ms`,
+        opacity: mounted ? 1 : 0
+      },
+      bar: {
+        transitionProperty: "width",
+        transitionTimingFunction: progressTransition,
+        transitionDuration: `${reducedMotion || !mounted ? 0 : progressTransitionDuration}ms`
+      }
+    }
+  }));
+}
+
+export { NProgress };
+//# sourceMappingURL=NProgress.js.map

package/esm/NProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NProgress.js","sources":["../src/NProgress.tsx"],"sourcesContent":["import { OptionalPortal, Progress } from '@mantine/core';\nimport { useDidUpdate, useInterval, useReducedMotion } from '@mantine/hooks';\nimport { getDefaultZIndex, MantineColor } from '@mantine/styles';\nimport React, { useRef, useState } from 'react';\nimport { useNProgressEvents } from './events';\n\nexport interface NProgressProps {\n  /** The default progress */\n  defaultProgress?: number;\n\n  /** The color of the progressbar */\n  color?: MantineColor;\n\n  /** The height of the progressbar */\n  size?: number;\n\n  /** Called when the progress is 100% */\n  onFinish?: () => void;\n\n  /** Automatically resets the progress when 100% is reached */\n  autoReset?: boolean;\n\n  /** Step delay in ms */\n  stepIntervalTime?: number;\n\n  /** Transition function (transition-timing-function) */\n  progressTransition?: string;\n\n  /** Transition duration in ms */\n  progressTransitionDuration?: number;\n\n  /** The time when the component should be unmounted after progress is 100% */\n  exitTimeout?: number;\n\n  /** Exit transition duration in ms */\n  exitTransitionDuration?: number;\n\n  /** Exit transition function (transition-timing-function)*/\n  exitTransition?: string;\n\n  /** Determines whether NProgress should be rendered within Portal, defaults to true */\n  withinPortal?: boolean;\n\n  /** NProgress container z-index */\n  zIndex?: number;\n}\n\nexport function NProgress({\n  defaultProgress = 0,\n  color = 'blue',\n  size = 2,\n  stepIntervalTime = 500,\n  progressTransition = 'ease',\n  progressTransitionDuration = 600,\n  exitTimeout = 700,\n  exitTransitionDuration = 600,\n  exitTransition = 'ease',\n  onFinish,\n  autoReset = false,\n  withinPortal = true,\n  zIndex = getDefaultZIndex('nprogress'),\n}: NProgressProps) {\n  const reducedMotion = useReducedMotion();\n  const [_progress, setProgress] = useState(defaultProgress);\n  const [mounted, setMounted] = useState(true);\n  const resetRef = useRef<number>();\n  const unmountRef = useRef<number>();\n  const unmountProgressRef = useRef(false);\n\n  const interval = useInterval(() => {\n    setProgress((amount) => {\n      let next = 0;\n      if (amount >= 0 && amount <= 20) {\n        next = 10;\n      } else if (amount >= 20 && amount <= 50) {\n        next = 4;\n      } else if (amount >= 50 && amount <= 80) {\n        next = 2;\n      } else if (amount >= 80 && amount <= 99) {\n        next = 0.5;\n      }\n\n      return amount + next;\n    });\n  }, stepIntervalTime);\n\n  const cancelUnmount = () => {\n    if (unmountRef.current) {\n      window.clearTimeout(unmountRef.current);\n      unmountRef.current = null;\n    }\n    if (resetRef.current) {\n      window.clearTimeout(resetRef.current);\n      resetRef.current = null;\n    }\n\n    setMounted(true);\n  };\n\n  const set = (value: React.SetStateAction<number>) => setProgress(value);\n  const add = (value: number) => setProgress((c) => Math.min(c + value, 100));\n  const decrease = (value: number) => setProgress((c) => Math.max(c - value, 0));\n  const start = () => {\n    interval.stop();\n    interval.start();\n  };\n  const stop = () => interval.stop();\n  const reset = () => {\n    unmountProgressRef.current = true;\n    stop();\n    setProgress(0);\n    unmountProgressRef.current = false;\n  };\n\n  const ctx = {\n    set,\n    add,\n    decrease,\n    start,\n    stop,\n    reset,\n  };\n\n  const unmountProgress = () => {\n    unmountRef.current = null;\n    setMounted(false);\n\n    if (autoReset) {\n      resetRef.current = window.setTimeout(() => {\n        resetRef.current = null;\n        reset();\n      }, exitTransitionDuration);\n    }\n  };\n\n  useDidUpdate(() => {\n    if (_progress >= 100) {\n      stop();\n      onFinish && onFinish();\n      unmountRef.current = window.setTimeout(unmountProgress, exitTimeout);\n    } else if (!mounted) {\n      cancelUnmount();\n    }\n  }, [_progress]);\n\n  useNProgressEvents(ctx);\n\n  return (\n    <OptionalPortal withinPortal={withinPortal} zIndex={zIndex}>\n      {!unmountProgressRef.current && (\n        <Progress\n          radius={0}\n          value={_progress}\n          size={size}\n          color={color}\n          styles={{\n            root: {\n              top: 0,\n              left: 0,\n              position: 'fixed',\n              width: '100vw',\n              backgroundColor: 'transparent',\n              transitionProperty: 'opacity',\n              transitionTimingFunction: exitTransition,\n              transitionDuration: `${\n                reducedMotion || _progress !== 100 ? 0 : exitTransitionDuration\n              }ms`,\n              opacity: mounted ? 1 : 0,\n            },\n            bar: {\n              transitionProperty: 'width',\n              transitionTimingFunction: progressTransition,\n              transitionDuration: `${reducedMotion || !mounted ? 0 : progressTransitionDuration}ms`,\n            },\n          }}\n        />\n      )}\n    </OptionalPortal>\n  );\n}\n"],"names":[],"mappings":"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"}

package/esm/events.js

@@ -0,0 +1,54 @@
+import { useEffect } from 'react';
+
+const NPROGRESS_EVENTS = {
+  add: "mantine:add-nprogress",
+  decrease: "mantine:decrease-nprogress",
+  set: "mantine:set-nprogress",
+  start: "mantine:start-nprogress",
+  stop: "mantine:stop-nprogress",
+  reset: "mantine:reset-nprogress"
+};
+function createEvent(type, detail) {
+  return new CustomEvent(type, { detail });
+}
+function addNProgress(progress) {
+  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.add, progress));
+}
+function decreaseNProgress(progress) {
+  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.decrease, progress));
+}
+function setNProgress(progress) {
+  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.set, progress));
+}
+function startNProgress() {
+  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.start));
+}
+function stopNProgress() {
+  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.stop));
+}
+function resetNProgress() {
+  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.reset));
+}
+function useNProgressEvents(ctx) {
+  const events = {
+    add: (event) => ctx.add(event.detail),
+    decrease: (event) => ctx.decrease(event.detail),
+    set: (event) => ctx.set(event.detail),
+    start: ctx.start,
+    stop: ctx.stop,
+    reset: ctx.reset
+  };
+  useEffect(() => {
+    Object.keys(events).forEach((event) => {
+      window.addEventListener(NPROGRESS_EVENTS[event], events[event]);
+    });
+    return () => {
+      Object.keys(events).forEach((event) => {
+        window.removeEventListener(NPROGRESS_EVENTS[event], events[event]);
+      });
+    };
+  }, []);
+}
+
+export { NPROGRESS_EVENTS, addNProgress, createEvent, decreaseNProgress, resetNProgress, setNProgress, startNProgress, stopNProgress, useNProgressEvents };
+//# sourceMappingURL=events.js.map

package/esm/events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sources":["../src/events.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype ValueOf<T> = T[keyof T];\n\ninterface NProgressProps {\n  start: () => void;\n  stop: () => void;\n  set: (progress: number) => void;\n  add: (progress: number) => void;\n  decrease: (progress: number) => void;\n  reset: () => void;\n}\n\nexport const NPROGRESS_EVENTS = {\n  add: 'mantine:add-nprogress',\n  decrease: 'mantine:decrease-nprogress',\n  set: 'mantine:set-nprogress',\n  start: 'mantine:start-nprogress',\n  stop: 'mantine:stop-nprogress',\n  reset: 'mantine:reset-nprogress',\n} as const;\n\nexport function createEvent(type: ValueOf<typeof NPROGRESS_EVENTS>, detail?: any) {\n  return new CustomEvent(type, { detail });\n}\n\nexport function addNProgress(progress: number) {\n  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.add, progress));\n}\n\nexport function decreaseNProgress(progress: number) {\n  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.decrease, progress));\n}\n\nexport function setNProgress(progress: React.SetStateAction<number>) {\n  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.set, progress));\n}\n\nexport function startNProgress() {\n  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.start));\n}\n\nexport function stopNProgress() {\n  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.stop));\n}\n\nexport function resetNProgress() {\n  window.dispatchEvent(createEvent(NPROGRESS_EVENTS.reset));\n}\n\nexport function useNProgressEvents(ctx: NProgressProps) {\n  const events = {\n    add: (event: any) => ctx.add(event.detail),\n    decrease: (event: any) => ctx.decrease(event.detail),\n    set: (event: any) => ctx.set(event.detail),\n    start: ctx.start,\n    stop: ctx.stop,\n    reset: ctx.reset,\n  };\n\n  useEffect(() => {\n    Object.keys(events).forEach((event) => {\n      window.addEventListener(NPROGRESS_EVENTS[event], events[event]);\n    });\n\n    return () => {\n      Object.keys(events).forEach((event) => {\n        window.removeEventListener(NPROGRESS_EVENTS[event], events[event]);\n      });\n    };\n  }, []);\n}\n"],"names":[],"mappings":";;AACY,MAAC,gBAAgB,GAAG;AAChC,EAAE,GAAG,EAAE,uBAAuB;AAC9B,EAAE,QAAQ,EAAE,4BAA4B;AACxC,EAAE,GAAG,EAAE,uBAAuB;AAC9B,EAAE,KAAK,EAAE,yBAAyB;AAClC,EAAE,IAAI,EAAE,wBAAwB;AAChC,EAAE,KAAK,EAAE,yBAAyB;AAClC,EAAE;AACK,SAAS,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE;AAC1C,EAAE,OAAO,IAAI,WAAW,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AAC3C,CAAC;AACM,SAAS,YAAY,CAAC,QAAQ,EAAE;AACvC,EAAE,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AACpE,CAAC;AACM,SAAS,iBAAiB,CAAC,QAAQ,EAAE;AAC5C,EAAE,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AACzE,CAAC;AACM,SAAS,YAAY,CAAC,QAAQ,EAAE;AACvC,EAAE,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AACpE,CAAC;AACM,SAAS,cAAc,GAAG;AACjC,EAAE,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5D,CAAC;AACM,SAAS,aAAa,GAAG;AAChC,EAAE,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3D,CAAC;AACM,SAAS,cAAc,GAAG;AACjC,EAAE,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5D,CAAC;AACM,SAAS,kBAAkB,CAAC,GAAG,EAAE;AACxC,EAAE,MAAM,MAAM,GAAG;AACjB,IAAI,GAAG,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC;AACzC,IAAI,QAAQ,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;AACnD,IAAI,GAAG,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC;AACzC,IAAI,KAAK,EAAE,GAAG,CAAC,KAAK;AACpB,IAAI,IAAI,EAAE,GAAG,CAAC,IAAI;AAClB,IAAI,KAAK,EAAE,GAAG,CAAC,KAAK;AACpB,GAAG,CAAC;AACJ,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK;AAC3C,MAAM,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AACtE,KAAK,CAAC,CAAC;AACP,IAAI,OAAO,MAAM;AACjB,MAAM,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK;AAC7C,QAAQ,MAAM,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAC3E,OAAO,CAAC,CAAC;AACT,KAAK,CAAC;AACN,GAAG,EAAE,EAAE,CAAC,CAAC;AACT;;;;"}

package/esm/index.js

@@ -0,0 +1,3 @@
+export { NProgress } from './NProgress.js';
+export { addNProgress, decreaseNProgress, resetNProgress, setNProgress, startNProgress, stopNProgress } from './events.js';
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

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

package/lib/NProgress.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { MantineColor } from '@mantine/styles';
+export interface NProgressProps {
+    /** The default progress */
+    defaultProgress?: number;
+    /** The color of the progressbar */
+    color?: MantineColor;
+    /** The height of the progressbar */
+    size?: number;
+    /** Called when the progress is 100% */
+    onFinish?: () => void;
+    /** Automatically resets the progress when 100% is reached */
+    autoReset?: boolean;
+    /** Step delay in ms */
+    stepIntervalTime?: number;
+    /** Transition function (transition-timing-function) */
+    progressTransition?: string;
+    /** Transition duration in ms */
+    progressTransitionDuration?: number;
+    /** The time when the component should be unmounted after progress is 100% */
+    exitTimeout?: number;
+    /** Exit transition duration in ms */
+    exitTransitionDuration?: number;
+    /** Exit transition function (transition-timing-function)*/
+    exitTransition?: string;
+    /** Determines whether NProgress should be rendered within Portal, defaults to true */
+    withinPortal?: boolean;
+    /** NProgress container z-index */
+    zIndex?: number;
+}
+export declare function NProgress({ defaultProgress, color, size, stepIntervalTime, progressTransition, progressTransitionDuration, exitTimeout, exitTransitionDuration, exitTransition, onFinish, autoReset, withinPortal, zIndex, }: NProgressProps): JSX.Element;
+//# sourceMappingURL=NProgress.d.ts.map

package/lib/NProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NProgress.d.ts","sourceRoot":"","sources":["../src/NProgress.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIjE,MAAM,WAAW,cAAc;IAC7B,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,mCAAmC;IACnC,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,uBAAuB;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,uDAAuD;IACvD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,gCAAgC;IAChC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAEpC,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qCAAqC;IACrC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,2DAA2D;IAC3D,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,sFAAsF;IACtF,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,SAAS,CAAC,EACxB,eAAmB,EACnB,KAAc,EACd,IAAQ,EACR,gBAAsB,EACtB,kBAA2B,EAC3B,0BAAgC,EAChC,WAAiB,EACjB,sBAA4B,EAC5B,cAAuB,EACvB,QAAQ,EACR,SAAiB,EACjB,YAAmB,EACnB,MAAsC,GACvC,EAAE,cAAc,eAsHhB"}

package/lib/events.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+declare type ValueOf<T> = T[keyof T];
+interface NProgressProps {
+    start: () => void;
+    stop: () => void;
+    set: (progress: number) => void;
+    add: (progress: number) => void;
+    decrease: (progress: number) => void;
+    reset: () => void;
+}
+export declare const NPROGRESS_EVENTS: {
+    readonly add: "mantine:add-nprogress";
+    readonly decrease: "mantine:decrease-nprogress";
+    readonly set: "mantine:set-nprogress";
+    readonly start: "mantine:start-nprogress";
+    readonly stop: "mantine:stop-nprogress";
+    readonly reset: "mantine:reset-nprogress";
+};
+export declare function createEvent(type: ValueOf<typeof NPROGRESS_EVENTS>, detail?: any): CustomEvent<any>;
+export declare function addNProgress(progress: number): void;
+export declare function decreaseNProgress(progress: number): void;
+export declare function setNProgress(progress: React.SetStateAction<number>): void;
+export declare function startNProgress(): void;
+export declare function stopNProgress(): void;
+export declare function resetNProgress(): void;
+export declare function useNProgressEvents(ctx: NProgressProps): void;
+export {};
+//# sourceMappingURL=events.d.ts.map

package/lib/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":";AAEA,aAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAE7B,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,GAAG,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,GAAG,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB;;;;;;;CAOnB,CAAC;AAEX,wBAAgB,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,GAAG,oBAE/E;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,QAE5C;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,QAEjD;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,QAElE;AAED,wBAAgB,cAAc,SAE7B;AAED,wBAAgB,aAAa,SAE5B;AAED,wBAAgB,cAAc,SAE7B;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,cAAc,QAqBrD"}

package/lib/index.d.ts

@@ -0,0 +1,4 @@
+export { NProgress } from './NProgress';
+export { addNProgress, decreaseNProgress, setNProgress, startNProgress, stopNProgress, resetNProgress, } from './events';
+export type { NProgressProps } from './NProgress';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,aAAa,EACb,cAAc,GACf,MAAM,UAAU,CAAC;AAElB,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@mantine/nprogress",
+  "description": "A navigation progress bar",
+  "version": "5.0.0-alpha.1",
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
+  "types": "lib/index.d.ts",
+  "license": "MIT",
+  "author": "Vitaly Rtishchev <rtivital@gmail.com>",
+  "sideEffects": false,
+  "homepage": "https://mantine.dev/others/nprogress/",
+  "repository": {
+    "url": "https://github.com/mantinedev/mantine.git",
+    "type": "git",
+    "directory": "src/mantine-nprogress"
+  },
+  "peerDependencies": {
+    "@mantine/core": "5.0.0-alpha.1",
+    "@mantine/hooks": "5.0.0-alpha.1",
+    "@mantine/styles": "5.0.0-alpha.1",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "dependencies": {},
+  "devDependencies": {}
+}