@zealsolutions/zeal-ui 1.0.0-alpha.333 → 1.0.0-alpha.334

package/dist/components/session/index.js

@@ -0,0 +1,65 @@
+import { ref as p, openBlock as k, createElementBlock as D, createElementVNode as h, toDisplayString as E } from "vue";
+const I = ["mousemove", "keydown", "click", "scroll", "touchstart"], M = 1e3, L = 1e3, R = 60 * 1e3;
+function C({
+  idleMinutes: s,
+  countdownSeconds: n,
+  redirectUrl: a,
+  onKeepAlive: o,
+  isEnabled: T
+}) {
+  const t = p(!1), u = p(n), f = s * 60 * 1e3, x = f - n * 1e3;
+  let l = Date.now(), m = 0, r = !1, c = 0, i = null, d = !1;
+  function w() {
+    if (o)
+      try {
+        o();
+      } catch {
+      }
+  }
+  function g() {
+    const e = Date.now();
+    e < m || (m = e + L, l = e, r = !0, t.value && (t.value = !1));
+  }
+  function _() {
+    const e = Date.now(), v = e - l;
+    if (v >= f) {
+      d || (d = !0, y(), window.location.assign(a));
+      return;
+    }
+    v >= x ? (t.value = !0, u.value = Math.max(0, Math.ceil((f - v) / 1e3))) : (t.value = !1, r && o && e - c >= R && (c = e, w())), r = !1;
+  }
+  function b() {
+    !T || i || (l = Date.now(), r = !1, c = 0, d = !1, I.forEach((e) => window.addEventListener(e, g, { passive: !0 })), i = setInterval(_, M));
+  }
+  function y() {
+    i && (clearInterval(i), i = null), I.forEach((e) => window.removeEventListener(e, g));
+  }
+  function A() {
+    l = Date.now(), c = Date.now(), t.value = !1, u.value = n, w();
+  }
+  return { isWarning: t, secondsRemaining: u, stayActive: A, start: b, stop: y };
+}
+const S = {
+  role: "alert",
+  class: "fixed inset-x-0 top-0 z-[9999] flex items-center justify-center gap-4 bg-warning-950 px-4 py-3 text-white shadow-lg"
+}, V = { class: "text-sm font-medium" }, N = {
+  __name: "IdleWarningBar",
+  props: {
+    secondsRemaining: { type: Number, required: !0 }
+  },
+  emits: ["stay-active"],
+  setup(s) {
+    return (n, a) => (k(), D("div", S, [
+      h("span", V, " You will be logged out in " + E(s.secondsRemaining) + " second" + E(s.secondsRemaining === 1 ? "" : "s") + " due to inactivity. ", 1),
+      h("button", {
+        type: "button",
+        class: "rounded-md bg-white/20 px-3 py-1 text-sm font-semibold hover:bg-white/30",
+        onClick: a[0] || (a[0] = (o) => n.$emit("stay-active"))
+      }, " Stay logged in ")
+    ]));
+  }
+};
+export {
+  N as IdleWarningBar,
+  C as useIdleTimeout
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zealsolutions/zeal-ui",
-    "version": "1.0.0-alpha.333",
+    "version": "1.0.0-alpha.334",
     "description": "UI library for Zeal Solutions",
     "author": "Zeal Solutions",
     "license": "ISC",
@@ -38,6 +38,7 @@
         "./modals": "./dist/components/modals/index",
         "./navigation": "./dist/components/navigation/index",
         "./overlays": "./dist/components/overlays/index",
+        "./session": "./dist/components/session/index",
         "./tiptap": "./dist/components/tiptap/index",
         "./tooltips": "./dist/components/tooltips/index",
         "./transitions": "./dist/components/transitions/index",
@@ -50,6 +51,7 @@
         "build": "vite build",
         "build:publish": "npm run build && npm publish",
         "preview": "vite preview",
+        "test": "vitest run",
         "storybook": "storybook dev -p 6006",
         "build-storybook": "storybook build",
         "chromatic": "npx chromatic --project-token=chpt_368bf7fc8d469c1"
@@ -106,8 +108,10 @@
         "@whitespace/storybook-addon-html": "^6.1.1",
         "autoprefixer": "^10.4.19",
         "chromatic": "^11.3.1",
+        "jsdom": "^25.0.0",
         "storybook": "^8.1.11",
         "vite": "^5.2.8",
-        "vite-plugin-vue-devtools": "^7.0.25"
+        "vite-plugin-vue-devtools": "^7.0.25",
+        "vitest": "^3.0.0"
     }
 }