@workfort/ui-react 0.3.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.d.ts +26 -2
- package/dist/components.d.ts.map +1 -1
- package/dist/index.js +38 -34
- package/package.json +2 -2
package/dist/components.d.ts
CHANGED
|
@@ -31,10 +31,20 @@ export declare const Skeleton: React.ForwardRefExoticComponent<{
|
|
|
31
31
|
[key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
|
|
32
32
|
children?: React.ReactNode;
|
|
33
33
|
} & React.RefAttributes<WfSkeleton>>;
|
|
34
|
-
export declare const
|
|
34
|
+
export declare const Avatar: React.ForwardRefExoticComponent<{
|
|
35
|
+
username?: string;
|
|
36
|
+
size?: "sm" | "md";
|
|
37
|
+
status?: string;
|
|
38
|
+
} & React.HTMLAttributes<WfAvatar> & {
|
|
35
39
|
[key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
|
|
36
40
|
children?: React.ReactNode;
|
|
37
|
-
} & React.RefAttributes<
|
|
41
|
+
} & React.RefAttributes<WfAvatar>>;
|
|
42
|
+
export declare const Divider: React.ForwardRefExoticComponent<{
|
|
43
|
+
label?: string;
|
|
44
|
+
} & React.HTMLAttributes<WfDivider> & {
|
|
45
|
+
[key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
|
|
46
|
+
children?: React.ReactNode;
|
|
47
|
+
} & React.RefAttributes<WfDivider>>;
|
|
38
48
|
export declare const TextInput: React.ForwardRefExoticComponent<{
|
|
39
49
|
placeholder?: string;
|
|
40
50
|
value?: string;
|
|
@@ -277,4 +287,18 @@ export declare const AlertDialog: React.ForwardRefExoticComponent<React.HTMLAttr
|
|
|
277
287
|
[key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
|
|
278
288
|
children?: React.ReactNode;
|
|
279
289
|
} & React.RefAttributes<HTMLElement>>;
|
|
290
|
+
export declare const NavSidebar: React.ForwardRefExoticComponent<{
|
|
291
|
+
heading?: string;
|
|
292
|
+
searchPlaceholder?: string;
|
|
293
|
+
} & React.HTMLAttributes<WfNavSidebar> & {
|
|
294
|
+
[key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
|
|
295
|
+
children?: React.ReactNode;
|
|
296
|
+
} & React.RefAttributes<WfNavSidebar>>;
|
|
297
|
+
export declare const NavSection: React.ForwardRefExoticComponent<{
|
|
298
|
+
heading?: string;
|
|
299
|
+
collapsed?: boolean;
|
|
300
|
+
} & React.HTMLAttributes<WfNavSection> & {
|
|
301
|
+
[key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
|
|
302
|
+
children?: React.ReactNode;
|
|
303
|
+
} & React.RefAttributes<WfNavSection>>;
|
|
280
304
|
//# sourceMappingURL=components.d.ts.map
|
package/dist/components.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,cAAc,CAAC;AA8EtB,eAAO,MAAM,KAAK;YAA6B,MAAM;;yDAhEE,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;iCAkEiD,CAAC;AAC9E,eAAO,MAAM,MAAM;cAAgC,MAAM,GAAG,QAAQ;eAAa,OAAO;;yDAjEjC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;kCAmEsF,CAAC;AACnH,eAAO,MAAM,KAAK;YAA6B,MAAM;;yDAlEE,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;iCAoEiD,CAAC;AAC9E,eAAO,MAAM,SAAS;aAAkC,MAAM;;yDAnEP,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAqEmE,CAAC;AAChG,eAAO,MAAM,QAAQ;YAAgC,MAAM;aAAW,MAAM;;yDApErB,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;oCAsE8E,CAAC;AAC3G,eAAO,MAAM,MAAM;eAAiC,MAAM;WAAS,IAAI,GAAG,IAAI;aAAW,MAAM;;yDArExC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;kCAuE6F,CAAC;AAC1H,eAAO,MAAM,OAAO;YAA+B,MAAM;;yDAtEF,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;mCAwEyD,CAAC;AACtF,eAAO,MAAM,SAAS;kBAAuC,MAAM;YAAU,MAAM;eAAa,OAAO;;yDAvEhD,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAyE4G,CAAC;AACzI,eAAO,MAAM,IAAI;yDAxEsC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;gCA0E6B,CAAC;AAC1D,eAAO,MAAM,QAAQ;aAAiC,OAAO;;yDAzEN,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;oCA2EgE,CAAC;AAC7F,eAAO,MAAM,UAAU;yDA1EgC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;sCA4EsD,CAAC;AACnF,eAAO,MAAM,aAAa;YAAqC,MAAM;cAAY,MAAM;;yDA3EhC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;yCA6EoG,CAAC;AAGjI,eAAO,MAAM,KAAK;YAA6B,MAAM;WAAS,MAAM;kBAAgB,MAAM;eAAa,OAAO;eAAa,OAAO;;yDA9E3E,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;iCAgF8H,CAAC;AAC3J,eAAO,MAAM,QAAQ;YAAgC,MAAM;eAAa,OAAO;eAAa,OAAO;;yDA/E5C,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;oCAiFqG,CAAC;AAClI,eAAO,MAAM,MAAM;YAA8B,MAAM;eAAa,OAAO;;yDAhFpB,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;kCAkFyE,CAAC;AACtG,eAAO,MAAM,QAAQ;YAAgC,MAAM;eAAa,OAAO;;yDAjFxB,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;oCAmFiF,CAAC;AAC9G,eAAO,MAAM,aAAa;YAAqC,MAAM;;yDAlFd,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;yCAoFkF,CAAC;AAC/G,eAAO,MAAM,KAAK;YAA6B,MAAM;eAAa,OAAO;;yDAnFlB,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;iCAqFqE,CAAC;AAClG,eAAO,MAAM,UAAU;YAAkC,MAAM;;yDApFR,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;sCAsFsE,CAAC;AACnG,eAAO,MAAM,MAAM;cAAgC,OAAO;eAAa,OAAO;;yDArFvB,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;kCAuF4E,CAAC;AACzG,eAAO,MAAM,MAAM;UAA4B,MAAM;UAAQ,MAAM;WAAS,MAAM;YAAU,MAAM;eAAa,OAAO;;yDAtF/D,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;kCAwFoH,CAAC;AACjJ,eAAO,MAAM,QAAQ;YAAgC,MAAM;kBAAgB,MAAM;YAAU,MAAM;eAAa,OAAO;;yDAvF9D,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;oCAyFuH,CAAC;AACpJ,eAAO,MAAM,UAAU;YAAkC,MAAM;YAAU,MAAM;UAAQ,MAAM;UAAQ,MAAM;eAAa,OAAO;;yDAxFxE,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;sCA0FsI,CAAC;AACnK,eAAO,MAAM,UAAU;aAAmC,MAAM;eAAa,OAAO;eAAa,OAAO;;yDAzFjD,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;sCA2F+G,CAAC;AAC5I,eAAO,MAAM,IAAI;yDA1FsC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;gCA4F6B,CAAC;AAG1D,eAAO,MAAM,IAAI;cAAmC,MAAM;aAAW,OAAO;;yDA7FrB,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCA+FsE,CAAC;AACnG,eAAO,MAAM,IAAI;yDA9FsC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAgGkC,CAAC;AAC/D,eAAO,MAAM,QAAQ;WAAgC,MAAM;aAAW,OAAO;;yDA/FtB,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAiGgF,CAAC;AAC7G,eAAO,MAAM,SAAS;eAAoC,OAAO;;yDAhGV,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAkGqE,CAAC;AAClG,eAAO,MAAM,aAAa;WAAgC,OAAO;aAAW,MAAM;;yDAjG3B,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAmG+F,CAAC;AAC5H,eAAO,MAAM,MAAM;WAAgC,OAAO;;yDAlGH,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAoGwD,CAAC;AACrF,eAAO,MAAM,MAAM;WAAgC,OAAO;eAAa,MAAM;;yDAnGtB,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAqG2E,CAAC;AACxG,eAAO,MAAM,OAAO;WAAgC,MAAM;eAAa,MAAM;;yDApGtB,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAsG6E,CAAC;AAC1G,eAAO,MAAM,OAAO;WAAgC,OAAO;eAAa,MAAM;;yDArGvB,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAuG8E,CAAC;AAC3G,eAAO,MAAM,KAAK;cAAmC,OAAO,EAAE;WAAS,OAAO,EAAE;cAAY,OAAO;eAAa,MAAM;;yDAtG/D,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAwGkH,CAAC;AAG/I,eAAO,MAAM,WAAW;YAAiC,OAAO,EAAE;gBAAc,MAAM;;yDAzG/B,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCA2G8F,CAAC;AAC3H,eAAO,MAAM,OAAO;WAAgC,MAAM;;yDA1GH,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCA4G0D,CAAC;AACvF,eAAO,MAAM,UAAU;cAAmC,MAAM;YAAU,MAAM;;yDA3GzB,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCA6GsF,CAAC;AACnH,eAAO,MAAM,OAAO;yDA5GmC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCA8G2C,CAAC;AACxE,eAAO,MAAM,IAAI;YAAiC,MAAM;aAAW,MAAM;;yDA7GlB,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCA+GmE,CAAC;AAChG,eAAO,MAAM,QAAQ;YAAiC,MAAM;UAAQ,MAAM;UAAQ,MAAM;WAAS,MAAM;YAAU,MAAM;YAAU,MAAM;oBAAkB,OAAO;;yDA9GzG,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAgHkK,CAAC;AAC/L,eAAO,MAAM,WAAW;yDA/G+B,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAiHwD,CAAC;AAGrF,eAAO,MAAM,UAAU;cAAoC,MAAM;wBAAsB,MAAM;;yDAlHtC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;sCAoHoG,CAAC;AACjI,eAAO,MAAM,UAAU;cAAoC,MAAM;gBAAc,OAAO;;yDAnH/B,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;sCAqH6F,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,29 +1,31 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { IdleDetector as
|
|
3
|
-
import { getAuthClient as
|
|
4
|
-
function x(t,
|
|
5
|
-
const
|
|
6
|
-
for (const [r, i] of Object.entries(
|
|
1
|
+
import m, { forwardRef as g, useRef as w, useCallback as f, useSyncExternalStore as d, useEffect as k, useState as p } from "react";
|
|
2
|
+
import { IdleDetector as v, PermissionSet as S } from "@workfort/ui";
|
|
3
|
+
import { getAuthClient as h } from "@workfort/auth";
|
|
4
|
+
function x(t, o) {
|
|
5
|
+
const n = w(null), s = w(/* @__PURE__ */ new Map()), c = {}, a = {};
|
|
6
|
+
for (const [r, i] of Object.entries(o))
|
|
7
7
|
if (r.startsWith("on") && r.length > 2 && typeof i == "function") {
|
|
8
|
-
const
|
|
9
|
-
a[
|
|
8
|
+
const b = (r[2].toLowerCase() + r.slice(3)).replace(/([A-Z])/g, "-$1").toLowerCase();
|
|
9
|
+
a[b] = i;
|
|
10
10
|
} else
|
|
11
11
|
c[r] = i;
|
|
12
12
|
return { ref: f((r) => {
|
|
13
|
-
if (
|
|
13
|
+
if (n.current && (s.current.forEach((i, u) => n.current.removeEventListener(u, i)), s.current.clear()), n.current = r, r)
|
|
14
14
|
for (const [i, u] of Object.entries(a))
|
|
15
15
|
r.addEventListener(i, u), s.current.set(i, u);
|
|
16
16
|
typeof t == "function" ? t(r) : t && (t.current = r);
|
|
17
17
|
}, [t, ...Object.keys(a)]), cleanProps: c };
|
|
18
18
|
}
|
|
19
|
-
function e(t,
|
|
20
|
-
const
|
|
19
|
+
function e(t, o) {
|
|
20
|
+
const n = g(({ children: s, ...c }, a) => {
|
|
21
21
|
const { ref: l, cleanProps: r } = x(a, c);
|
|
22
|
-
return
|
|
22
|
+
return m.createElement(t, { ref: l, ...r }, s);
|
|
23
23
|
});
|
|
24
|
-
return
|
|
24
|
+
return n.displayName = o, n;
|
|
25
25
|
}
|
|
26
|
-
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")
|
|
26
|
+
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");
|
|
27
|
+
e("wf-avatar", "Avatar");
|
|
28
|
+
const B = e("wf-divider", "Divider"), F = e("wf-text-input", "TextInput"), R = e("wf-list", "List"), N = e("wf-list-item", "ListItem"), O = e("wf-scroll-area", "ScrollArea"), j = e("wf-error-fallback", "ErrorFallback");
|
|
27
29
|
e("wf-input", "Input");
|
|
28
30
|
e("wf-textarea", "Textarea");
|
|
29
31
|
e("wf-select", "Select");
|
|
@@ -54,51 +56,53 @@ e("wf-stepper", "Stepper");
|
|
|
54
56
|
e("wf-step", "Step");
|
|
55
57
|
e("wf-progress", "Progress");
|
|
56
58
|
e("wf-alert-dialog", "AlertDialog");
|
|
57
|
-
|
|
58
|
-
|
|
59
|
+
e("wf-nav-sidebar", "NavSidebar");
|
|
60
|
+
e("wf-nav-section", "NavSection");
|
|
61
|
+
function W() {
|
|
62
|
+
const t = h(), o = f((c) => (t.on("change", c), t.on("logout", c), () => {
|
|
59
63
|
t.off("change", c), t.off("logout", c);
|
|
60
|
-
}), [t]),
|
|
64
|
+
}), [t]), n = f(() => t.getUser(), [t]), s = d(o, n);
|
|
61
65
|
return { user: s, isAuthenticated: s !== null };
|
|
62
66
|
}
|
|
63
67
|
function P() {
|
|
64
68
|
return typeof document > "u" ? "dark" : document.documentElement.getAttribute("data-theme") ?? "dark";
|
|
65
69
|
}
|
|
66
|
-
function
|
|
67
|
-
const t = f((
|
|
70
|
+
function G() {
|
|
71
|
+
const t = f((o) => {
|
|
68
72
|
if (typeof document > "u") return () => {
|
|
69
73
|
};
|
|
70
|
-
const
|
|
71
|
-
return
|
|
74
|
+
const n = new MutationObserver(() => o());
|
|
75
|
+
return n.observe(document.documentElement, { attributes: !0, attributeFilter: ["data-theme"] }), () => n.disconnect();
|
|
72
76
|
}, []);
|
|
73
77
|
return d(t, P, () => "dark");
|
|
74
78
|
}
|
|
75
|
-
function
|
|
76
|
-
const
|
|
79
|
+
function M(t) {
|
|
80
|
+
const o = w(null);
|
|
77
81
|
k(() => {
|
|
78
|
-
const
|
|
79
|
-
return
|
|
82
|
+
const n = new v(t);
|
|
83
|
+
return n.start(), o.current = n, () => n.dispose();
|
|
80
84
|
}, []);
|
|
81
85
|
}
|
|
82
86
|
function U(t = []) {
|
|
83
|
-
const [
|
|
84
|
-
|
|
85
|
-
}, [
|
|
87
|
+
const [o] = p(() => new S(t)), [, n] = p(0), s = f((a) => o.can(a), [o]), c = f((a) => {
|
|
88
|
+
o.update(a), n((l) => l + 1);
|
|
89
|
+
}, [o]);
|
|
86
90
|
return { can: s, update: c };
|
|
87
91
|
}
|
|
88
92
|
export {
|
|
89
93
|
y as Badge,
|
|
90
94
|
T as Button,
|
|
91
95
|
B as Divider,
|
|
92
|
-
|
|
96
|
+
j as ErrorFallback,
|
|
93
97
|
R as List,
|
|
94
|
-
|
|
98
|
+
N as ListItem,
|
|
95
99
|
D as Panel,
|
|
96
|
-
|
|
100
|
+
O as ScrollArea,
|
|
97
101
|
L as Skeleton,
|
|
98
102
|
I as StatusDot,
|
|
99
103
|
F as TextInput,
|
|
100
|
-
|
|
101
|
-
|
|
104
|
+
W as useAuth,
|
|
105
|
+
M as useIdleDetection,
|
|
102
106
|
U as usePermissions,
|
|
103
|
-
|
|
107
|
+
G as useTheme
|
|
104
108
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workfort/ui-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"exports": {
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"@workfort/auth": "^0.0.1"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
|
-
"@workfort/ui": "^0.0
|
|
29
|
+
"@workfort/ui": "^0.1.0",
|
|
30
30
|
"react": "^18.0.0 || ^19.0.0"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|