@workfort/ui-react 0.2.0 → 0.3.0

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export { Panel, Button, Badge, StatusDot, Skeleton, Divider, TextInput, List, ListItem, ScrollArea, ErrorFallback, } from './components.js';
 export { useAuth } from './use-auth.js';
 export { useTheme } from './use-theme.js';
+export { useIdleDetection } from './use-idle-detection.js';
+export { usePermissions } from './use-permissions.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAClD,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,GACrD,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAClD,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,GACrD,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/index.js

@@ -1,29 +1,29 @@
-import b, { forwardRef as m, useRef as w, useCallback as l, useSyncExternalStore as p } from "react";
-import "@workfort/ui";
-import { getAuthClient as g } from "@workfort/auth";
-function k(t, s) {
-  const r = w(null), c = w(/* @__PURE__ */ new Map()), n = {}, i = {};
-  for (const [o, a] of Object.entries(s))
-    if (o.startsWith("on") && o.length > 2 && typeof a == "function") {
-      const d = (o[2].toLowerCase() + o.slice(3)).replace(/([A-Z])/g, "-$1").toLowerCase();
-      i[d] = a;
+import b, { forwardRef as g, useRef as w, useCallback as f, useSyncExternalStore as d, useEffect as k, useState as p } from "react";
+import { IdleDetector as h, PermissionSet as S } from "@workfort/ui";
+import { getAuthClient as v } from "@workfort/auth";
+function x(t, n) {
+  const o = w(null), s = w(/* @__PURE__ */ new Map()), c = {}, a = {};
+  for (const [r, i] of Object.entries(n))
+    if (r.startsWith("on") && r.length > 2 && typeof i == "function") {
+      const m = (r[2].toLowerCase() + r.slice(3)).replace(/([A-Z])/g, "-$1").toLowerCase();
+      a[m] = i;
     } else
-      n[o] = a;
-  return { ref: l((o) => {
-    if (r.current && (c.current.forEach((a, f) => r.current.removeEventListener(f, a)), c.current.clear()), r.current = o, o)
-      for (const [a, f] of Object.entries(i))
-        o.addEventListener(a, f), c.current.set(a, f);
-    typeof t == "function" ? t(o) : t && (t.current = o);
-  }, [t, ...Object.keys(i)]), cleanProps: n };
+      c[r] = i;
+  return { ref: f((r) => {
+    if (o.current && (s.current.forEach((i, u) => o.current.removeEventListener(u, i)), s.current.clear()), o.current = r, r)
+      for (const [i, u] of Object.entries(a))
+        r.addEventListener(i, u), s.current.set(i, u);
+    typeof t == "function" ? t(r) : t && (t.current = r);
+  }, [t, ...Object.keys(a)]), cleanProps: c };
 }
-function e(t, s) {
-  const r = m(({ children: c, ...n }, i) => {
-    const { ref: u, cleanProps: o } = k(i, n);
-    return b.createElement(t, { ref: u, ...o }, c);
+function e(t, n) {
+  const o = g(({ children: s, ...c }, a) => {
+    const { ref: l, cleanProps: r } = x(a, c);
+    return b.createElement(t, { ref: l, ...r }, s);
   });
-  return r.displayName = s, r;
+  return o.displayName = n, o;
 }
-const C = e("wf-panel", "Panel"), A = e("wf-button", "Button"), E = e("wf-badge", "Badge"), P = e("wf-status-dot", "StatusDot"), T = e("wf-skeleton", "Skeleton"), y = e("wf-divider", "Divider"), D = e("wf-text-input", "TextInput"), L = e("wf-list", "List"), I = e("wf-list-item", "ListItem"), B = e("wf-scroll-area", "ScrollArea"), F = e("wf-error-fallback", "ErrorFallback");
+const D = e("wf-panel", "Panel"), T = e("wf-button", "Button"), y = e("wf-badge", "Badge"), I = e("wf-status-dot", "StatusDot"), L = e("wf-skeleton", "Skeleton"), B = e("wf-divider", "Divider"), F = e("wf-text-input", "TextInput"), R = e("wf-list", "List"), O = e("wf-list-item", "ListItem"), j = e("wf-scroll-area", "ScrollArea"), W = e("wf-error-fallback", "ErrorFallback");
 e("wf-input", "Input");
 e("wf-textarea", "Textarea");
 e("wf-select", "Select");
@@ -54,36 +54,51 @@ e("wf-stepper", "Stepper");
 e("wf-step", "Step");
 e("wf-progress", "Progress");
 e("wf-alert-dialog", "AlertDialog");
-function O() {
-  const t = g(), s = l((n) => (t.on("change", n), t.on("logout", n), () => {
-    t.off("change", n), t.off("logout", n);
-  }), [t]), r = l(() => t.getUser(), [t]), c = p(s, r);
-  return { user: c, isAuthenticated: c !== null };
+function G() {
+  const t = v(), n = f((c) => (t.on("change", c), t.on("logout", c), () => {
+    t.off("change", c), t.off("logout", c);
+  }), [t]), o = f(() => t.getUser(), [t]), s = d(n, o);
+  return { user: s, isAuthenticated: s !== null };
 }
-function h() {
+function P() {
   return typeof document > "u" ? "dark" : document.documentElement.getAttribute("data-theme") ?? "dark";
 }
-function R() {
-  const t = l((s) => {
+function M() {
+  const t = f((n) => {
     if (typeof document > "u") return () => {
     };
-    const r = new MutationObserver(() => s());
-    return r.observe(document.documentElement, { attributes: !0, attributeFilter: ["data-theme"] }), () => r.disconnect();
+    const o = new MutationObserver(() => n());
+    return o.observe(document.documentElement, { attributes: !0, attributeFilter: ["data-theme"] }), () => o.disconnect();
   }, []);
-  return p(t, h, () => "dark");
+  return d(t, P, () => "dark");
+}
+function N(t) {
+  const n = w(null);
+  k(() => {
+    const o = new h(t);
+    return o.start(), n.current = o, () => o.dispose();
+  }, []);
+}
+function U(t = []) {
+  const [n] = p(() => new S(t)), [, o] = p(0), s = f((a) => n.can(a), [n]), c = f((a) => {
+    n.update(a), o((l) => l + 1);
+  }, [n]);
+  return { can: s, update: c };
 }
 export {
-  E as Badge,
-  A as Button,
-  y as Divider,
-  F as ErrorFallback,
-  L as List,
-  I as ListItem,
-  C as Panel,
-  B as ScrollArea,
-  T as Skeleton,
-  P as StatusDot,
-  D as TextInput,
-  O as useAuth,
-  R as useTheme
+  y as Badge,
+  T as Button,
+  B as Divider,
+  W as ErrorFallback,
+  R as List,
+  O as ListItem,
+  D as Panel,
+  j as ScrollArea,
+  L as Skeleton,
+  I as StatusDot,
+  F as TextInput,
+  G as useAuth,
+  N as useIdleDetection,
+  U as usePermissions,
+  M as useTheme
 };

package/dist/use-idle-detection.d.ts

@@ -0,0 +1,3 @@
+import { IdleDetectorOptions } from '@workfort/ui';
+export declare function useIdleDetection(opts: IdleDetectorOptions): void;
+//# sourceMappingURL=use-idle-detection.d.ts.map

package/dist/use-idle-detection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-idle-detection.d.ts","sourceRoot":"","sources":["../src/use-idle-detection.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEtE,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAShE"}

package/dist/use-permissions.d.ts

@@ -0,0 +1,5 @@
+export declare function usePermissions(initial?: string[]): {
+    can: (permission: string) => any;
+    update: (perms: string[]) => void;
+};
+//# sourceMappingURL=use-permissions.d.ts.map

package/dist/use-permissions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-permissions.d.ts","sourceRoot":"","sources":["../src/use-permissions.ts"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,CAAC,OAAO,GAAE,MAAM,EAAO;sBAId,MAAM;oBAER,MAAM,EAAE;EAM5C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workfort/ui-react",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "type": "module",
   "license": "Apache-2.0",
   "exports": {