@xeonr/platform-ui 0.2.5 → 0.3.1
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/index.d.ts +10 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +14 -5
- package/dist/index.js.map +1 -1
- package/dist/kit/Card.d.ts +44 -0
- package/dist/kit/Card.d.ts.map +1 -0
- package/dist/kit/Card.js +95 -0
- package/dist/kit/Card.js.map +1 -0
- package/dist/kit/Charts.d.ts +44 -0
- package/dist/kit/Charts.d.ts.map +1 -0
- package/dist/kit/Charts.js +164 -0
- package/dist/kit/Charts.js.map +1 -0
- package/dist/kit/DataTable.d.ts +3 -1
- package/dist/kit/DataTable.d.ts.map +1 -1
- package/dist/kit/DataTable.js +8 -2
- package/dist/kit/DataTable.js.map +1 -1
- package/dist/kit/Facet.d.ts +37 -0
- package/dist/kit/Facet.d.ts.map +1 -0
- package/dist/kit/Facet.js +126 -0
- package/dist/kit/Facet.js.map +1 -0
- package/dist/kit/Form.d.ts +8 -0
- package/dist/kit/Form.d.ts.map +1 -1
- package/dist/kit/Form.js +17 -0
- package/dist/kit/Form.js.map +1 -1
- package/dist/kit/Icon.d.ts +10 -0
- package/dist/kit/Icon.d.ts.map +1 -1
- package/dist/kit/Icon.js +4 -1
- package/dist/kit/Icon.js.map +1 -1
- package/dist/kit/Range.d.ts +30 -0
- package/dist/kit/Range.d.ts.map +1 -0
- package/dist/kit/Range.js +137 -0
- package/dist/kit/Range.js.map +1 -0
- package/dist/kit/Search.d.ts +9 -0
- package/dist/kit/Search.d.ts.map +1 -0
- package/dist/kit/Search.js +59 -0
- package/dist/kit/Search.js.map +1 -0
- package/dist/kit/Skeleton.d.ts +6 -0
- package/dist/kit/Skeleton.d.ts.map +1 -1
- package/dist/kit/Skeleton.js +15 -0
- package/dist/kit/Skeleton.js.map +1 -1
- package/dist/kit/Toast.d.ts +10 -2
- package/dist/kit/Toast.d.ts.map +1 -1
- package/dist/kit/Toast.js +9 -2
- package/dist/kit/Toast.js.map +1 -1
- package/dist/theme/ThemeProvider.d.ts +15 -2
- package/dist/theme/ThemeProvider.d.ts.map +1 -1
- package/dist/theme/ThemeProvider.js +43 -53
- package/dist/theme/ThemeProvider.js.map +1 -1
- package/dist/theme/tokens.d.ts +1 -0
- package/dist/theme/tokens.d.ts.map +1 -1
- package/dist/theme/tokens.js +47 -0
- package/dist/theme/tokens.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Facet.d.ts","sourceRoot":"","sources":["../../src/kit/Facet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASpE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,mCAAmC;AACnC,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAKnD;AAED,6CAA6C;AAC7C,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAG9C;AAsFD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;IACxF,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,+BAoDA;AAID,wFAAwF;AACxF,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAA0B,EAAE,KAAK,EAAE,EAAE;IAC7E,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,+BAcA"}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useRef, useState } from "react";
|
|
3
|
+
import styled from "styled-components";
|
|
4
|
+
import { v } from "../theme/tokens.js";
|
|
5
|
+
import { Icon } from "./Icon.js";
|
|
6
|
+
/** compact count: 1234 → "1.2k" */
|
|
7
|
+
export function fmtCount(n) {
|
|
8
|
+
const x = typeof n === "bigint" ? Number(n) : n;
|
|
9
|
+
if (Math.abs(x) >= 1_000_000)
|
|
10
|
+
return `${(x / 1_000_000).toFixed(1)}M`;
|
|
11
|
+
if (Math.abs(x) >= 1_000)
|
|
12
|
+
return `${(x / 1_000).toFixed(1)}k`;
|
|
13
|
+
return String(x);
|
|
14
|
+
}
|
|
15
|
+
/** share as a percentage: 0.0421 → "4.2%" */
|
|
16
|
+
export function fmtShare(share) {
|
|
17
|
+
const pct = share * 100;
|
|
18
|
+
return pct >= 10 ? `${Math.round(pct)}%` : `${pct.toFixed(1)}%`;
|
|
19
|
+
}
|
|
20
|
+
const Wrap = styled.div `position: relative;`;
|
|
21
|
+
const Trigger = styled.button `
|
|
22
|
+
display: inline-flex;
|
|
23
|
+
align-items: center;
|
|
24
|
+
gap: 7px;
|
|
25
|
+
height: 30px;
|
|
26
|
+
padding: 0 11px;
|
|
27
|
+
border-radius: ${v.rCtl};
|
|
28
|
+
font-size: 12.5px;
|
|
29
|
+
font-weight: 500;
|
|
30
|
+
color: ${(p) => (p.$muted ? v.faint : v.text)};
|
|
31
|
+
background: ${(p) => (p.$active ? v.brand12 : v.field)};
|
|
32
|
+
border: 1px solid ${(p) => (p.$active ? v.brand55 : v.fieldLine)};
|
|
33
|
+
cursor: pointer;
|
|
34
|
+
white-space: nowrap;
|
|
35
|
+
&:hover { border-color: ${v.brand55}; }
|
|
36
|
+
&:focus-visible { outline: none; box-shadow: ${v.ring}; }
|
|
37
|
+
.n { color: ${v.muted}; font-size: 11.5px; font-variant-numeric: tabular-nums; }
|
|
38
|
+
.caret { font-size: 10px; opacity: 0.7; }
|
|
39
|
+
`;
|
|
40
|
+
const Menu = styled.div `
|
|
41
|
+
position: absolute;
|
|
42
|
+
top: calc(100% + 6px);
|
|
43
|
+
left: 0;
|
|
44
|
+
min-width: 260px;
|
|
45
|
+
max-height: 320px;
|
|
46
|
+
overflow-y: auto;
|
|
47
|
+
background: ${v.surface2};
|
|
48
|
+
border: 1px solid ${v.line2};
|
|
49
|
+
border-radius: ${v.rCard};
|
|
50
|
+
box-shadow: ${v.elev};
|
|
51
|
+
z-index: ${v.zPop};
|
|
52
|
+
padding: 5px;
|
|
53
|
+
`;
|
|
54
|
+
// The share bar sits behind the row rather than beside it: it turns the list
|
|
55
|
+
// into a distribution at a glance without costing a column.
|
|
56
|
+
const RankRow = styled.label `
|
|
57
|
+
position: relative;
|
|
58
|
+
display: flex;
|
|
59
|
+
align-items: center;
|
|
60
|
+
gap: 9px;
|
|
61
|
+
padding: 7px 9px;
|
|
62
|
+
border-radius: ${v.rCtl};
|
|
63
|
+
font-size: 12.5px;
|
|
64
|
+
color: ${v.text};
|
|
65
|
+
overflow: hidden;
|
|
66
|
+
${(p) => p.$click && `cursor: pointer; &:hover { background: ${v.hover}; }`}
|
|
67
|
+
input { position: relative; }
|
|
68
|
+
`;
|
|
69
|
+
const Bar = styled.span `
|
|
70
|
+
position: absolute;
|
|
71
|
+
inset: 0 auto 0 0;
|
|
72
|
+
width: ${(p) => Math.max(2, p.$share * 100)}%;
|
|
73
|
+
background: ${v.brand08};
|
|
74
|
+
pointer-events: none;
|
|
75
|
+
`;
|
|
76
|
+
const Label = styled.span `
|
|
77
|
+
position: relative;
|
|
78
|
+
flex: 1;
|
|
79
|
+
overflow: hidden;
|
|
80
|
+
text-overflow: ellipsis;
|
|
81
|
+
white-space: nowrap;
|
|
82
|
+
`;
|
|
83
|
+
const Meta = styled.span `
|
|
84
|
+
position: relative;
|
|
85
|
+
color: ${v.faint};
|
|
86
|
+
font-size: 11px;
|
|
87
|
+
font-variant-numeric: tabular-nums;
|
|
88
|
+
white-space: nowrap;
|
|
89
|
+
`;
|
|
90
|
+
const Note = styled.div `
|
|
91
|
+
padding: 12px;
|
|
92
|
+
color: ${v.faint};
|
|
93
|
+
font-size: 12px;
|
|
94
|
+
text-align: center;
|
|
95
|
+
`;
|
|
96
|
+
/**
|
|
97
|
+
* FacetSelect: a multi-select over the values a field takes, each with its
|
|
98
|
+
* count and share. Clearing from the chip is the common case once a filter is
|
|
99
|
+
* set, so the trailing × clears without opening the menu.
|
|
100
|
+
*/
|
|
101
|
+
export function FacetSelect({ label, options, selected, onChange, loading, unavailable }) {
|
|
102
|
+
const [open, setOpen] = useState(false);
|
|
103
|
+
const wrap = useRef(null);
|
|
104
|
+
useEffect(() => {
|
|
105
|
+
if (!open)
|
|
106
|
+
return;
|
|
107
|
+
const onDown = (e) => {
|
|
108
|
+
if (wrap.current && !wrap.current.contains(e.target))
|
|
109
|
+
setOpen(false);
|
|
110
|
+
};
|
|
111
|
+
document.addEventListener("mousedown", onDown);
|
|
112
|
+
return () => document.removeEventListener("mousedown", onDown);
|
|
113
|
+
}, [open]);
|
|
114
|
+
const toggle = (val) => onChange(selected.includes(val) ? selected.filter((s) => s !== val) : [...selected, val]);
|
|
115
|
+
const active = selected.length > 0;
|
|
116
|
+
return (_jsxs(Wrap, { ref: wrap, children: [_jsxs(Trigger, { type: "button", "$active": active, "$muted": !!unavailable, title: unavailable, "aria-expanded": open, onClick: () => setOpen((o) => !o), children: [label, active ? _jsx("span", { className: "n", children: selected.length }) : null, active ? (_jsx("span", { className: "caret", role: "button", "aria-label": "Clear", onClick: (e) => { e.stopPropagation(); onChange([]); setOpen(false); }, children: _jsx(Icon, { name: "close" }) })) : (_jsx("span", { className: "caret", children: _jsx(Icon, { name: "chevron-down" }) }))] }), open ? (_jsxs(Menu, { role: "listbox", "aria-multiselectable": "true", children: [loading ? _jsx(Note, { children: "Loading\u2026" }) : null, !loading && unavailable ? _jsx(Note, { children: unavailable }) : null, !loading && !unavailable && options.length === 0 ? _jsx(Note, { children: "No values in range" }) : null, options.map((o) => (_jsxs(RankRow, { "$click": true, children: [_jsx(Bar, { "$share": o.share }), _jsx("input", { type: "checkbox", checked: selected.includes(o.value), onChange: () => toggle(o.value) }), _jsx(Label, { title: o.value, children: o.value || "(empty)" }), _jsxs(Meta, { children: [fmtCount(o.count), " \u00B7 ", fmtShare(o.share)] })] }, o.value)))] })) : null] }));
|
|
117
|
+
}
|
|
118
|
+
const RankWrap = styled.div `display: flex; flex-direction: column; gap: 1px;`;
|
|
119
|
+
/** RankList: ranked rows with a share bar behind each — "top events", "top clients". */
|
|
120
|
+
export function RankList({ items, onPick, empty = "Nothing in range", limit }) {
|
|
121
|
+
const rows = limit ? items.slice(0, limit) : items;
|
|
122
|
+
if (rows.length === 0)
|
|
123
|
+
return _jsx(Note, { children: empty });
|
|
124
|
+
return (_jsx(RankWrap, { children: rows.map((o) => (_jsxs(RankRow, { as: onPick ? "button" : "div", "$click": !!onPick, onClick: onPick ? () => onPick(o.value) : undefined, children: [_jsx(Bar, { "$share": o.share }), _jsx(Label, { title: o.value, children: o.value || "(empty)" }), _jsxs(Meta, { children: [fmtCount(o.count), " \u00B7 ", fmtShare(o.share)] })] }, o.value))) }));
|
|
125
|
+
}
|
|
126
|
+
//# sourceMappingURL=Facet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Facet.js","sourceRoot":"","sources":["../../src/kit/Facet.tsx"],"names":[],"mappings":"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"}
|
package/dist/kit/Form.d.ts
CHANGED
|
@@ -75,4 +75,12 @@ export declare const FormActions: import("styled-components/dist/types").IStyled
|
|
|
75
75
|
export declare const InlineError: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
76
76
|
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
|
|
77
77
|
}> & string;
|
|
78
|
+
export declare function CheckRow({ checked, onChange, label, desc, nested, disabled }: {
|
|
79
|
+
checked: boolean;
|
|
80
|
+
onChange: (c: boolean) => void;
|
|
81
|
+
label: ReactNode;
|
|
82
|
+
desc?: ReactNode | undefined;
|
|
83
|
+
nested?: boolean | undefined;
|
|
84
|
+
disabled?: boolean | undefined;
|
|
85
|
+
}): import("react").JSX.Element;
|
|
78
86
|
//# sourceMappingURL=Form.d.ts.map
|
package/dist/kit/Form.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/kit/Form.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/kit/Form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,eAAO,MAAM,QAAQ;;;YAAwB,MAAM,GAAG,SAAS;YAK9D,CAAC;AAEF,eAAO,MAAM,SAAS;;;YAA0B,MAAM,GAAG,SAAS;YAIjE,CAAC;AASF,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAQrJ;AAiBD,eAAO,MAAM,KAAK;;WAAuB,CAAC;AAC1C,eAAO,MAAM,SAAS;;WAAkE,CAAC;AACzF,eAAO,MAAM,MAAM;;WAQlB,CAAC;AACF,eAAO,MAAM,QAAQ;;;YAA6B,OAAO,GAAG,SAAS;YAQpE,CAAC;AAuBF,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IACxE,OAAO,EAAE;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;CAC5B,+BAUA;AA6BD,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAC7D,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,+BAQA;AA4BD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAa7J;AAqCD,MAAM,WAAW,MAAM;IAAG,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE;AAEhD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAuB,EAAE,gBAA0B,EAAE,QAA2B,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE;IAC5J,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,yEAAyE;IACzE,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CAC5D,+BA4CA;AAED,+DAA+D;AAC/D,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAO9D;AAED,8CAA8C;AAC9C,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,GAAG,MAAM,EAAE,CAEvE;AAED,eAAO,MAAM,WAAW;;WAMvB,CAAC;AAEF,eAAO,MAAM,WAAW;;WAOvB,CAAC;AAeF,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;IAC7E,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,+BAOA"}
|
package/dist/kit/Form.js
CHANGED
|
@@ -207,4 +207,21 @@ export const InlineError = styled.div `
|
|
|
207
207
|
color: ${v.danger};
|
|
208
208
|
font-size: 12px;
|
|
209
209
|
`;
|
|
210
|
+
/** CheckRow: a checkbox with a label and a one-line explanation; `nested` indents it under the row above. */
|
|
211
|
+
const CheckWrap = styled.label `
|
|
212
|
+
display: flex;
|
|
213
|
+
align-items: flex-start;
|
|
214
|
+
gap: 8px;
|
|
215
|
+
font-size: 12.5px;
|
|
216
|
+
color: ${v.text};
|
|
217
|
+
margin-left: ${(p) => (p.$nested ? "22px" : "0")};
|
|
218
|
+
cursor: ${(p) => (p.$disabled ? "not-allowed" : "pointer")};
|
|
219
|
+
opacity: ${(p) => (p.$disabled ? 0.6 : 1)};
|
|
220
|
+
input { margin-top: 3px; }
|
|
221
|
+
.what { display: block; font-size: 11.5px; color: ${v.faint}; margin-top: 2px; }
|
|
222
|
+
`;
|
|
223
|
+
export function CheckRow({ checked, onChange, label, desc, nested, disabled }) {
|
|
224
|
+
return (_jsxs(CheckWrap, { "$nested": nested, "$disabled": disabled, children: [_jsx("input", { type: "checkbox", checked: checked, disabled: disabled, onChange: (e) => { if (!disabled)
|
|
225
|
+
onChange(e.target.checked); } }), _jsxs("span", { children: [label, desc ? _jsx("span", { className: "what", children: desc }) : null] })] }));
|
|
226
|
+
}
|
|
210
227
|
//# sourceMappingURL=Form.js.map
|
package/dist/kit/Form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/kit/Form.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/kit/Form.tsx"],"names":[],"mappings":"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"}
|
package/dist/kit/Icon.d.ts
CHANGED
|
@@ -32,6 +32,16 @@ declare const MAP: {
|
|
|
32
32
|
tokens: IconDefinition;
|
|
33
33
|
lock: IconDefinition;
|
|
34
34
|
shield: IconDefinition;
|
|
35
|
+
email: IconDefinition;
|
|
36
|
+
passkey: IconDefinition;
|
|
37
|
+
profile: IconDefinition;
|
|
38
|
+
applications: IconDefinition;
|
|
39
|
+
clients: IconDefinition;
|
|
40
|
+
integrations: IconDefinition;
|
|
41
|
+
branding: IconDefinition;
|
|
42
|
+
palette: IconDefinition;
|
|
43
|
+
audit: IconDefinition;
|
|
44
|
+
policy: IconDefinition;
|
|
35
45
|
functions: IconDefinition;
|
|
36
46
|
build: IconDefinition;
|
|
37
47
|
deploys: IconDefinition;
|
package/dist/kit/Icon.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/kit/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/kit/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAqBxE,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BiC,CAAC;AAE3C,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,GAAG,CAAC;AAMxC,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,GAAG,IAAI,CAEtE;AAKD,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAC3D,IAAI,EAAE,QAAQ,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,+BASA"}
|
package/dist/kit/Icon.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
3
|
-
import { faGaugeHigh, faBolt, faRocket, faCode, faListUl, faUsers, faUserGroup, faKey, faClockRotateLeft, faGear, faMagnifyingGlass, faCircleHalfStroke, faRightFromBracket, faXmark, faChevronDown, faChevronRight, faChevronLeft, faCopy, faCheck, faPlus, faTrash, faPen, faDownload, faUpload, faFile, faFileCode, faFileZipper, faCodeBranch, faTriangleExclamation, faCircleExclamation, faCircleInfo, faGlobe, faArrowRotateRight, faArrowUpRightFromSquare, faFilter, faClock, faBox, faUser, faCircleNotch, faBars, faEllipsis, faLock, faEye, faEyeSlash, faServer, faFolder, faFolderOpen, faCircleUp, faPlay, faShieldHalved, faChartLine, faTerminal, faCubes, faLayerGroup, faThumbtack, faNetworkWired, faStop, faPause, faArrowsRotate, faCamera, faHouse, faTableCells, faDatabase, faEnvelope, faBell, faSun, faMoon, faDesktop, faArrowRight, faArrowLeft, faGrip, faSitemap, faDiagramProject, faBuilding, faIdBadge, faSliders, faBook, } from "@fortawesome/free-solid-svg-icons";
|
|
3
|
+
import { faGaugeHigh, faBolt, faRocket, faCode, faListUl, faUsers, faUserGroup, faKey, faClockRotateLeft, faGear, faMagnifyingGlass, faCircleHalfStroke, faRightFromBracket, faXmark, faChevronDown, faChevronRight, faChevronLeft, faCopy, faCheck, faPlus, faTrash, faPen, faDownload, faUpload, faFile, faFileCode, faFileZipper, faCodeBranch, faTriangleExclamation, faCircleExclamation, faCircleInfo, faGlobe, faArrowRotateRight, faArrowUpRightFromSquare, faFilter, faClock, faBox, faUser, faCircleNotch, faBars, faEllipsis, faLock, faEye, faEyeSlash, faServer, faFolder, faFolderOpen, faCircleUp, faPlay, faShieldHalved, faChartLine, faTerminal, faCubes, faLayerGroup, faThumbtack, faNetworkWired, faStop, faPause, faArrowsRotate, faCamera, faHouse, faTableCells, faDatabase, faEnvelope, faBell, faSun, faMoon, faDesktop, faArrowRight, faArrowLeft, faGrip, faSitemap, faDiagramProject, faBuilding, faIdBadge, faSliders, faBook, faPalette, faPlug, faFingerprint, faAddressCard, faScaleBalanced, } from "@fortawesome/free-solid-svg-icons";
|
|
4
4
|
// One semantic icon map (ported pattern from the xmb kit): call sites name the
|
|
5
5
|
// concept, never the glyph, so swapping the underlying set is a one-file change.
|
|
6
6
|
// This is the union of the container-platform and functions maps plus the
|
|
@@ -16,6 +16,9 @@ const MAP = {
|
|
|
16
16
|
// teams / identity
|
|
17
17
|
members: faUsers, team: faUserGroup, user: faUser, organisation: faBuilding, role: faIdBadge,
|
|
18
18
|
invite: faEnvelope, key: faKey, tokens: faKey, lock: faLock, shield: faShieldHalved,
|
|
19
|
+
email: faEnvelope, passkey: faFingerprint, profile: faAddressCard, applications: faLayerGroup,
|
|
20
|
+
clients: faPlug, integrations: faPlug, branding: faPalette, palette: faPalette,
|
|
21
|
+
audit: faClockRotateLeft, policy: faScaleBalanced,
|
|
19
22
|
// product nouns (generic enough to share)
|
|
20
23
|
functions: faBolt, build: faBolt, deploys: faRocket, code: faCode, logs: faListUl, list: faListUl,
|
|
21
24
|
activity: faClockRotateLeft, settings: faGear, sliders: faSliders, stats: faChartLine,
|
package/dist/kit/Icon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/kit/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EACL,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAC5E,iBAAiB,EAAE,MAAM,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,kBAAkB,EACpF,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAC9E,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EACpF,qBAAqB,EAAE,mBAAmB,EAAE,YAAY,EAAE,OAAO,EAAE,kBAAkB,EACrF,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EACjF,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EACnF,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EACnF,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAChF,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EACnF,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/kit/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EACL,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAC5E,iBAAiB,EAAE,MAAM,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,kBAAkB,EACpF,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAC9E,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EACpF,qBAAqB,EAAE,mBAAmB,EAAE,YAAY,EAAE,OAAO,EAAE,kBAAkB,EACrF,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EACjF,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EACnF,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EACnF,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAChF,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EACnF,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAC7E,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,GACjE,MAAM,mCAAmC,CAAC;AAE3C,+EAA+E;AAC/E,iFAAiF;AACjF,0EAA0E;AAC1E,kEAAkE;AAClE,+CAA+C;AAC/C,MAAM,GAAG,GAAG;IACV,qBAAqB;IACrB,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM;IAClG,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS;IACjG,UAAU,EAAE,kBAAkB,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IAC1F,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa;IAC7G,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,wBAAwB;IAC1F,mBAAmB;IACnB,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS;IAC5F,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc;IACnF,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY;IAC7F,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS;IAC9E,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,eAAe;IACjD,0CAA0C;IAC1C,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ;IACjG,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW;IACrF,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO;IACvF,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY;IAC/F,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB;IAC9F,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO;IACvF,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ;IACzD,UAAU;IACV,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU;IAC7F,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,WAAW;IAChG,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM;IAC9F,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa;IAC9E,SAAS;IACT,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU;CACpE,CAAC;AAI3C,2EAA2E;AAC3E,4EAA4E;AAC5E,sEAAsE;AACtE,MAAM,KAAK,GAAmC,EAAE,CAAC;AACjD,MAAM,UAAU,WAAW,CAAC,IAAoC;IAC9D,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AAC7B,CAAC;AACD,SAAS,MAAM,CAAC,IAAY;IAC1B,OAAQ,GAAsC,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC;AACtF,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAMxD;IACC,OAAO,CACL,KAAC,eAAe,IACd,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,IAAI,KAAK,EAAE,MAAM,EAAE,IAAI,IAAI,KAAK,EAAE,GAAG,KAAK,EAAE,GAChE,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export interface RangePreset {
|
|
2
|
+
label: string;
|
|
3
|
+
minutes: number;
|
|
4
|
+
}
|
|
5
|
+
export declare const RANGE_PRESETS: RangePreset[];
|
|
6
|
+
export type TimeRange = {
|
|
7
|
+
kind: "relative";
|
|
8
|
+
preset: string;
|
|
9
|
+
} | {
|
|
10
|
+
kind: "absolute";
|
|
11
|
+
from: Date;
|
|
12
|
+
to: Date;
|
|
13
|
+
};
|
|
14
|
+
export declare const DEFAULT_RANGE: TimeRange;
|
|
15
|
+
export declare function presetMinutes(label: string, presets?: RangePreset[]): number;
|
|
16
|
+
/** The concrete window a range denotes right now. */
|
|
17
|
+
export declare function rangeBounds(range: TimeRange, now?: Date, presets?: RangePreset[]): {
|
|
18
|
+
from: Date;
|
|
19
|
+
to: Date;
|
|
20
|
+
};
|
|
21
|
+
export declare function rangeMinutes(range: TimeRange, presets?: RangePreset[]): number;
|
|
22
|
+
/** How a range reads in the picker's trigger. */
|
|
23
|
+
export declare function describeRange(range: TimeRange): string;
|
|
24
|
+
/** RangePicker: presets for watching, an absolute from/to for reading. */
|
|
25
|
+
export declare function RangePicker({ range, onChange, presets }: {
|
|
26
|
+
range: TimeRange;
|
|
27
|
+
onChange: (r: TimeRange) => void;
|
|
28
|
+
presets?: RangePreset[] | undefined;
|
|
29
|
+
}): import("react").JSX.Element;
|
|
30
|
+
//# sourceMappingURL=Range.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../src/kit/Range.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,WAAW;IAAG,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE;AAE/D,eAAO,MAAM,aAAa,EAAE,WAAW,EAQtC,CAAC;AAEF,MAAM,MAAM,SAAS,GACjB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GACpC;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,IAAI,CAAC;IAAC,EAAE,EAAE,IAAI,CAAA;CAAE,CAAC;AAE/C,eAAO,MAAM,aAAa,EAAE,SAA8C,CAAC;AAE3E,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,WAAW,EAAkB,GAAG,MAAM,CAE3F;AAED,qDAAqD;AACrD,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,GAAE,IAAiB,EAAE,OAAO,GAAE,WAAW,EAAkB,GAAG;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,EAAE,EAAE,IAAI,CAAA;CAAE,CAGtI;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,GAAE,WAAW,EAAkB,GAAG,MAAM,CAG7F;AAED,iDAAiD;AACjD,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAItD;AAgFD,0EAA0E;AAC1E,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAuB,EAAE,EAAE;IACxE,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;CACrC,+BAsDA"}
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useRef, useState } from "react";
|
|
3
|
+
import styled from "styled-components";
|
|
4
|
+
import { v } from "../theme/tokens.js";
|
|
5
|
+
import { Icon } from "./Icon.js";
|
|
6
|
+
export const RANGE_PRESETS = [
|
|
7
|
+
{ label: "5m", minutes: 5 },
|
|
8
|
+
{ label: "15m", minutes: 15 },
|
|
9
|
+
{ label: "1h", minutes: 60 },
|
|
10
|
+
{ label: "6h", minutes: 360 },
|
|
11
|
+
{ label: "24h", minutes: 1440 },
|
|
12
|
+
{ label: "7d", minutes: 10080 },
|
|
13
|
+
{ label: "30d", minutes: 43200 },
|
|
14
|
+
];
|
|
15
|
+
export const DEFAULT_RANGE = { kind: "relative", preset: "1h" };
|
|
16
|
+
export function presetMinutes(label, presets = RANGE_PRESETS) {
|
|
17
|
+
return presets.find((p) => p.label === label)?.minutes ?? 60;
|
|
18
|
+
}
|
|
19
|
+
/** The concrete window a range denotes right now. */
|
|
20
|
+
export function rangeBounds(range, now = new Date(), presets = RANGE_PRESETS) {
|
|
21
|
+
if (range.kind === "absolute")
|
|
22
|
+
return { from: range.from, to: range.to };
|
|
23
|
+
return { from: new Date(now.getTime() - presetMinutes(range.preset, presets) * 60_000), to: now };
|
|
24
|
+
}
|
|
25
|
+
export function rangeMinutes(range, presets = RANGE_PRESETS) {
|
|
26
|
+
const { from, to } = rangeBounds(range, new Date(), presets);
|
|
27
|
+
return Math.max(1, (to.getTime() - from.getTime()) / 60_000);
|
|
28
|
+
}
|
|
29
|
+
/** How a range reads in the picker's trigger. */
|
|
30
|
+
export function describeRange(range) {
|
|
31
|
+
if (range.kind === "relative")
|
|
32
|
+
return `Last ${range.preset}`;
|
|
33
|
+
const fmt = (d) => d.toLocaleString(undefined, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" });
|
|
34
|
+
return `${fmt(range.from)} — ${fmt(range.to)}`;
|
|
35
|
+
}
|
|
36
|
+
const Wrap = styled.div `position: relative;`;
|
|
37
|
+
const Trigger = styled.button `
|
|
38
|
+
display: inline-flex;
|
|
39
|
+
align-items: center;
|
|
40
|
+
gap: 7px;
|
|
41
|
+
height: 30px;
|
|
42
|
+
padding: 0 11px;
|
|
43
|
+
border-radius: ${v.rCtl};
|
|
44
|
+
font-size: 12.5px;
|
|
45
|
+
font-weight: 500;
|
|
46
|
+
color: ${v.text};
|
|
47
|
+
background: ${(p) => (p.$active ? v.brand12 : v.field)};
|
|
48
|
+
border: 1px solid ${(p) => (p.$active ? v.brand55 : v.fieldLine)};
|
|
49
|
+
cursor: pointer;
|
|
50
|
+
white-space: nowrap;
|
|
51
|
+
&:hover { border-color: ${v.brand55}; }
|
|
52
|
+
&:focus-visible { outline: none; box-shadow: ${v.ring}; }
|
|
53
|
+
svg { font-size: 10px; opacity: 0.7; }
|
|
54
|
+
`;
|
|
55
|
+
const Menu = styled.div `
|
|
56
|
+
position: absolute;
|
|
57
|
+
top: calc(100% + 6px);
|
|
58
|
+
right: 0;
|
|
59
|
+
min-width: 280px;
|
|
60
|
+
background: ${v.surface2};
|
|
61
|
+
border: 1px solid ${v.line2};
|
|
62
|
+
border-radius: ${v.rCard};
|
|
63
|
+
box-shadow: ${v.elev};
|
|
64
|
+
z-index: ${v.zPop};
|
|
65
|
+
padding: 8px;
|
|
66
|
+
`;
|
|
67
|
+
const Presets = styled.div `display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px;`;
|
|
68
|
+
const Preset = styled.button `
|
|
69
|
+
padding: 6px 4px;
|
|
70
|
+
border-radius: ${v.rCtl};
|
|
71
|
+
font-size: 12px;
|
|
72
|
+
color: ${(p) => (p.$on ? v.text : v.muted)};
|
|
73
|
+
background: ${(p) => (p.$on ? v.brand12 : "transparent")};
|
|
74
|
+
border: 1px solid ${(p) => (p.$on ? v.brand55 : v.fieldLine)};
|
|
75
|
+
&:hover { background: ${v.hover}; }
|
|
76
|
+
`;
|
|
77
|
+
const Rule = styled.div `height: 1px; background: ${v.line}; margin: 9px 0;`;
|
|
78
|
+
const Row = styled.label `
|
|
79
|
+
display: flex; align-items: center; gap: 8px;
|
|
80
|
+
font-size: 12px; color: ${v.muted}; margin-bottom: 6px;
|
|
81
|
+
`;
|
|
82
|
+
const Stamp = styled.input `
|
|
83
|
+
flex: 1;
|
|
84
|
+
background: ${v.field};
|
|
85
|
+
border: 1px solid ${v.fieldLine};
|
|
86
|
+
color: ${v.text};
|
|
87
|
+
border-radius: ${v.rCtl};
|
|
88
|
+
padding: 5px 7px;
|
|
89
|
+
font-size: 12px;
|
|
90
|
+
font-family: inherit;
|
|
91
|
+
&:focus-visible { outline: none; box-shadow: ${v.ring}; }
|
|
92
|
+
`;
|
|
93
|
+
const Apply = styled.button `
|
|
94
|
+
width: 100%; margin-top: 4px; padding: 6px;
|
|
95
|
+
border-radius: ${v.rCtl}; font-size: 12px;
|
|
96
|
+
color: ${v.text}; background: ${v.brand12}; border: 1px solid ${v.brand55};
|
|
97
|
+
&:hover { background: ${v.brand16}; }
|
|
98
|
+
`;
|
|
99
|
+
/** <input type="datetime-local"> wants local time with no zone and no seconds. */
|
|
100
|
+
function toLocalInput(d) {
|
|
101
|
+
const pad = (n) => String(n).padStart(2, "0");
|
|
102
|
+
return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
|
|
103
|
+
}
|
|
104
|
+
/** RangePicker: presets for watching, an absolute from/to for reading. */
|
|
105
|
+
export function RangePicker({ range, onChange, presets = RANGE_PRESETS }) {
|
|
106
|
+
const [open, setOpen] = useState(false);
|
|
107
|
+
const wrap = useRef(null);
|
|
108
|
+
const bounds = rangeBounds(range, new Date(), presets);
|
|
109
|
+
const [from, setFrom] = useState(toLocalInput(bounds.from));
|
|
110
|
+
const [to, setTo] = useState(toLocalInput(bounds.to));
|
|
111
|
+
// Seeded from whatever is showing, once, on open: re-seeding while the menu
|
|
112
|
+
// is open would fight with typing, since a relative range moves on refetch.
|
|
113
|
+
useEffect(() => {
|
|
114
|
+
if (!open)
|
|
115
|
+
return;
|
|
116
|
+
const b = rangeBounds(range, new Date(), presets);
|
|
117
|
+
setFrom(toLocalInput(b.from));
|
|
118
|
+
setTo(toLocalInput(b.to));
|
|
119
|
+
const onDown = (e) => {
|
|
120
|
+
if (wrap.current && !wrap.current.contains(e.target))
|
|
121
|
+
setOpen(false);
|
|
122
|
+
};
|
|
123
|
+
document.addEventListener("mousedown", onDown);
|
|
124
|
+
return () => document.removeEventListener("mousedown", onDown);
|
|
125
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
126
|
+
}, [open]);
|
|
127
|
+
const applyAbsolute = () => {
|
|
128
|
+
const f = new Date(from);
|
|
129
|
+
const t = new Date(to);
|
|
130
|
+
if (Number.isNaN(f.getTime()) || Number.isNaN(t.getTime()) || f >= t)
|
|
131
|
+
return;
|
|
132
|
+
onChange({ kind: "absolute", from: f, to: t });
|
|
133
|
+
setOpen(false);
|
|
134
|
+
};
|
|
135
|
+
return (_jsxs(Wrap, { ref: wrap, children: [_jsxs(Trigger, { type: "button", "$active": range.kind === "absolute", "aria-expanded": open, onClick: () => setOpen((o) => !o), title: range.kind === "absolute" ? "Showing a fixed window" : undefined, children: [_jsx(Icon, { name: "clock" }), describeRange(range), _jsx(Icon, { name: "chevron-down" })] }), open ? (_jsxs(Menu, { children: [_jsx(Presets, { children: presets.map((p) => (_jsx(Preset, { type: "button", "$on": range.kind === "relative" && range.preset === p.label, onClick: () => { onChange({ kind: "relative", preset: p.label }); setOpen(false); }, children: p.label }, p.label))) }), _jsx(Rule, {}), _jsxs(Row, { children: ["From", _jsx(Stamp, { type: "datetime-local", value: from, onChange: (e) => setFrom(e.target.value) })] }), _jsxs(Row, { children: ["To", _jsx(Stamp, { type: "datetime-local", value: to, onChange: (e) => setTo(e.target.value) })] }), _jsx(Apply, { type: "button", onClick: applyAbsolute, children: "Apply fixed window" })] })) : null] }));
|
|
136
|
+
}
|
|
137
|
+
//# sourceMappingURL=Range.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../src/kit/Range.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAY,CAAC;AASlC,MAAM,CAAC,MAAM,aAAa,GAAkB;IAC1C,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE;IAC3B,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7B,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5B,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE;IAC7B,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE;IAC/B,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE;CACjC,CAAC;AAMF,MAAM,CAAC,MAAM,aAAa,GAAc,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;AAE3E,MAAM,UAAU,aAAa,CAAC,KAAa,EAAE,UAAyB,aAAa;IACjF,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,OAAO,IAAI,EAAE,CAAC;AAC/D,CAAC;AAED,qDAAqD;AACrD,MAAM,UAAU,WAAW,CAAC,KAAgB,EAAE,MAAY,IAAI,IAAI,EAAE,EAAE,UAAyB,aAAa;IAC1G,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU;QAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;IACzE,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC;AACpG,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAgB,EAAE,UAAyB,aAAa;IACnF,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,EAAE,OAAO,CAAC,CAAC;IAC7D,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;AAC/D,CAAC;AAED,iDAAiD;AACjD,MAAM,UAAU,aAAa,CAAC,KAAgB;IAC5C,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU;QAAE,OAAO,QAAQ,KAAK,CAAC,MAAM,EAAE,CAAC;IAC7D,MAAM,GAAG,GAAG,CAAC,CAAO,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IAC7H,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;AACjD,CAAC;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA,qBAAqB,CAAC;AAE7C,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAsB;;;;;;mBAMhC,CAAC,CAAC,IAAI;;;WAGd,CAAC,CAAC,IAAI;gBACD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;sBAClC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;;;4BAGtC,CAAC,CAAC,OAAO;iDACY,CAAC,CAAC,IAAI;;CAEtD,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;gBAKP,CAAC,CAAC,QAAQ;sBACJ,CAAC,CAAC,KAAK;mBACV,CAAC,CAAC,KAAK;gBACV,CAAC,CAAC,IAAI;aACT,CAAC,CAAC,IAAI;;CAElB,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA,iEAAiE,CAAC;AAE5F,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAkB;;mBAE3B,CAAC,CAAC,IAAI;;WAEd,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;gBAC5B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;sBACpC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;0BACpC,CAAC,CAAC,KAAK;CAChC,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA,4BAA4B,CAAC,CAAC,IAAI,kBAAkB,CAAC;AAE5E,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAA;;4BAEI,CAAC,CAAC,KAAK;CAClC,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;;gBAEV,CAAC,CAAC,KAAK;sBACD,CAAC,CAAC,SAAS;WACtB,CAAC,CAAC,IAAI;mBACE,CAAC,CAAC,IAAI;;;;iDAIwB,CAAC,CAAC,IAAI;CACtD,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAA;;mBAER,CAAC,CAAC,IAAI;WACd,CAAC,CAAC,IAAI,iBAAiB,CAAC,CAAC,OAAO,uBAAuB,CAAC,CAAC,OAAO;0BACjD,CAAC,CAAC,OAAO;CAClC,CAAC;AAEF,kFAAkF;AAClF,SAAS,YAAY,CAAC,CAAO;IAC3B,MAAM,GAAG,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACtD,OAAO,GAAG,CAAC,CAAC,WAAW,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC;AACvH,CAAC;AAED,0EAA0E;AAC1E,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,GAAG,aAAa,EAIrE;IACC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,IAAI,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,EAAE,OAAO,CAAC,CAAC;IACvD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5D,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IAEtD,4EAA4E;IAC5E,4EAA4E;IAC5E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,MAAM,CAAC,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,EAAE,OAAO,CAAC,CAAC;QAClD,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9B,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC1B,MAAM,MAAM,GAAG,CAAC,CAAa,EAAE,EAAE;YAC/B,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC;gBAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC/E,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAC/C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAC/D,uDAAuD;IACzD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;QACzB,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,EAAE,CAAC,CAAC;QACvB,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC;YAAE,OAAO;QAC7E,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;QAC/C,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAE,IAAI,aACb,MAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,aAAU,KAAK,CAAC,IAAI,KAAK,UAAU,mBAAiB,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,SAAS,aACxL,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,EACpB,aAAa,CAAC,KAAK,CAAC,EACrB,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,IACpB,EACT,IAAI,CAAC,CAAC,CAAC,CACN,MAAC,IAAI,eACH,KAAC,OAAO,cACL,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,KAAC,MAAM,IAAe,IAAI,EAAC,QAAQ,SAAM,KAAK,CAAC,IAAI,KAAK,UAAU,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAChL,CAAC,CAAC,KAAK,IADG,CAAC,CAAC,KAAK,CAEX,CACV,CAAC,GACM,EACV,KAAC,IAAI,KAAG,EACR,MAAC,GAAG,uBAAK,KAAC,KAAK,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAI,IAAM,EACrG,MAAC,GAAG,qBAAG,KAAC,KAAK,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAI,IAAM,EAC/F,KAAC,KAAK,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,mCAA4B,IAClE,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare function SearchBox({ value, onChange, placeholder, delay, width, autoFocus }: {
|
|
2
|
+
value: string;
|
|
3
|
+
onChange: (v: string) => void;
|
|
4
|
+
placeholder?: string | undefined;
|
|
5
|
+
delay?: number | undefined;
|
|
6
|
+
width?: number | undefined;
|
|
7
|
+
autoFocus?: boolean | undefined;
|
|
8
|
+
}): import("react").JSX.Element;
|
|
9
|
+
//# sourceMappingURL=Search.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/kit/Search.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAsB,EAAE,KAAW,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IACpG,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC,+BAqCA"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
|
+
import styled from "styled-components";
|
|
4
|
+
import { v } from "../theme/tokens.js";
|
|
5
|
+
import { Icon } from "./Icon.js";
|
|
6
|
+
// SearchBox: debounced free-text search. Every change re-runs the list, the
|
|
7
|
+
// histogram and the facets, so a query per keystroke would make typing
|
|
8
|
+
// "connection" fourteen rounds of three queries. The value is held locally
|
|
9
|
+
// while typing and lifted only when it settles.
|
|
10
|
+
const Wrap = styled.div `
|
|
11
|
+
position: relative;
|
|
12
|
+
display: flex;
|
|
13
|
+
align-items: center;
|
|
14
|
+
min-width: ${(p) => p.$w ?? 220}px;
|
|
15
|
+
svg.glass { position: absolute; left: 10px; color: ${v.faint}; font-size: 12px; pointer-events: none; }
|
|
16
|
+
`;
|
|
17
|
+
const Field = styled.input `
|
|
18
|
+
width: 100%;
|
|
19
|
+
height: 30px;
|
|
20
|
+
background: ${v.field};
|
|
21
|
+
border: 1px solid ${v.fieldLine};
|
|
22
|
+
color: ${v.text};
|
|
23
|
+
border-radius: ${v.rCtl};
|
|
24
|
+
padding: 0 28px 0 30px;
|
|
25
|
+
font-size: 12.5px;
|
|
26
|
+
font-family: inherit;
|
|
27
|
+
&::placeholder { color: ${v.faint}; }
|
|
28
|
+
&:focus-visible { outline: none; box-shadow: ${v.ring}; border-color: ${v.brand55}; }
|
|
29
|
+
`;
|
|
30
|
+
const Clear = styled.button `
|
|
31
|
+
position: absolute;
|
|
32
|
+
right: 6px;
|
|
33
|
+
color: ${v.faint};
|
|
34
|
+
padding: 4px;
|
|
35
|
+
font-size: 12px;
|
|
36
|
+
&:hover { color: ${v.text}; }
|
|
37
|
+
`;
|
|
38
|
+
export function SearchBox({ value, onChange, placeholder = "Search", delay = 300, width, autoFocus }) {
|
|
39
|
+
const [draft, setDraft] = useState(value);
|
|
40
|
+
// Follow the value when it changes from outside — restoring a saved query,
|
|
41
|
+
// or clearing every filter — without clobbering what is being typed.
|
|
42
|
+
useEffect(() => setDraft(value), [value]);
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
if (draft === value)
|
|
45
|
+
return;
|
|
46
|
+
const t = setTimeout(() => onChange(draft), delay);
|
|
47
|
+
return () => clearTimeout(t);
|
|
48
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
49
|
+
}, [draft, delay]);
|
|
50
|
+
return (_jsxs(Wrap, { "$w": width, children: [_jsx(Icon, { className: "glass", name: "search" }), _jsx(Field, { value: draft, placeholder: placeholder, autoFocus: autoFocus, "aria-label": placeholder, onChange: (e) => setDraft(e.target.value), onKeyDown: (e) => {
|
|
51
|
+
// Enter searches now rather than waiting out the debounce; Escape
|
|
52
|
+
// abandons what was typed.
|
|
53
|
+
if (e.key === "Enter")
|
|
54
|
+
onChange(draft);
|
|
55
|
+
if (e.key === "Escape")
|
|
56
|
+
setDraft(value);
|
|
57
|
+
} }), draft ? (_jsx(Clear, { type: "button", title: "Clear search", "aria-label": "Clear search", onClick: () => { setDraft(""); onChange(""); }, children: _jsx(Icon, { name: "close" }) })) : null] }));
|
|
58
|
+
}
|
|
59
|
+
//# sourceMappingURL=Search.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../src/kit/Search.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAY,CAAC;AAElC,4EAA4E;AAC5E,uEAAuE;AACvE,2EAA2E;AAC3E,gDAAgD;AAEhD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAA6B;;;;eAIrC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG;uDACsB,CAAC,CAAC,KAAK;CAC7D,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;;;gBAGV,CAAC,CAAC,KAAK;sBACD,CAAC,CAAC,SAAS;WACtB,CAAC,CAAC,IAAI;mBACE,CAAC,CAAC,IAAI;;;;4BAIG,CAAC,CAAC,KAAK;iDACc,CAAC,CAAC,IAAI,mBAAmB,CAAC,CAAC,OAAO;CAClF,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAA;;;WAGhB,CAAC,CAAC,KAAK;;;qBAGG,CAAC,CAAC,IAAI;CAC1B,CAAC;AAEF,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,GAAG,QAAQ,EAAE,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,SAAS,EAOjG;IACC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,2EAA2E;IAC3E,qEAAqE;IACrE,SAAS,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE1C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,KAAK;YAAE,OAAO;QAC5B,MAAM,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAC7B,uDAAuD;IACzD,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,MAAC,IAAI,UAAK,KAAK,aACb,KAAC,IAAI,IAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,GAAG,EACxC,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,gBACR,WAAW,EACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,kEAAkE;oBAClE,2BAA2B;oBAC3B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;wBAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;oBACvC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;wBAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAC1C,CAAC,GACD,EACD,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,KAAK,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,cAAc,gBAAY,cAAc,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAChH,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACf,CACT,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC"}
|
package/dist/kit/Skeleton.d.ts
CHANGED
|
@@ -9,4 +9,10 @@ export declare const Skeleton: import("styled-components/dist/types").IStyledCom
|
|
|
9
9
|
export declare const SkeletonRow: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
10
10
|
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
|
|
11
11
|
}> & string;
|
|
12
|
+
/** Spinner: an indeterminate wait of unknown length. */
|
|
13
|
+
export declare const Spinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
|
|
14
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
|
|
15
|
+
}, {
|
|
16
|
+
$size?: number | undefined;
|
|
17
|
+
}>> & string;
|
|
12
18
|
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/kit/Skeleton.tsx"],"names":[],"mappings":"AAKA,6FAA6F;AAC7F,eAAO,MAAM,QAAQ;;;SAAsB,MAAM,GAAG,SAAS;SAAO,MAAM,GAAG,SAAS;SAAO,MAAM,GAAG,SAAS;YAO9G,CAAC;AAEF,eAAO,MAAM,WAAW;;WAOvB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/kit/Skeleton.tsx"],"names":[],"mappings":"AAKA,6FAA6F;AAC7F,eAAO,MAAM,QAAQ;;;SAAsB,MAAM,GAAG,SAAS;SAAO,MAAM,GAAG,SAAS;SAAO,MAAM,GAAG,SAAS;YAO9G,CAAC;AAEF,eAAO,MAAM,WAAW;;WAOvB,CAAC;AAOF,wDAAwD;AACxD,eAAO,MAAM,OAAO;;;YAAyB,MAAM,GAAG,SAAS;YAS9D,CAAC"}
|
package/dist/kit/Skeleton.js
CHANGED
|
@@ -18,4 +18,19 @@ export const SkeletonRow = styled.div `
|
|
|
18
18
|
border-bottom: 1px solid ${v.line};
|
|
19
19
|
&:last-child { border-bottom: none; }
|
|
20
20
|
`;
|
|
21
|
+
// A spinner is for a wait whose shape is unknown — a pod starting, an editor
|
|
22
|
+
// coming up. A wait whose shape IS known gets a Skeleton at the final geometry
|
|
23
|
+
// instead; that rule is why this is the only spinner in the kit.
|
|
24
|
+
const spin = keyframes `to { transform: rotate(360deg); }`;
|
|
25
|
+
/** Spinner: an indeterminate wait of unknown length. */
|
|
26
|
+
export const Spinner = styled.span `
|
|
27
|
+
display: inline-block;
|
|
28
|
+
flex: none;
|
|
29
|
+
width: ${(p) => p.$size ?? 22}px;
|
|
30
|
+
height: ${(p) => p.$size ?? 22}px;
|
|
31
|
+
border: 2px solid ${v.line2};
|
|
32
|
+
border-top-color: ${v.brand};
|
|
33
|
+
border-radius: 50%;
|
|
34
|
+
animation: ${spin} 0.8s linear infinite;
|
|
35
|
+
`;
|
|
21
36
|
//# sourceMappingURL=Skeleton.js.map
|
package/dist/kit/Skeleton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/kit/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AAEvC,MAAM,OAAO,GAAG,SAAS,CAAA,wBAAwB,CAAC;AAElD,6FAA6F;AAC7F,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAA+E;;WAEvG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM;YACpB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM;mBACd,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK;gBACvB,CAAC,CAAC,KAAK;eACR,OAAO;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;6BAKR,CAAC,CAAC,IAAI;;CAElC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/kit/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AAEvC,MAAM,OAAO,GAAG,SAAS,CAAA,wBAAwB,CAAC;AAElD,6FAA6F;AAC7F,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAA+E;;WAEvG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM;YACpB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM;mBACd,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK;gBACvB,CAAC,CAAC,KAAK;eACR,OAAO;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;6BAKR,CAAC,CAAC,IAAI;;CAElC,CAAC;AAEF,6EAA6E;AAC7E,+EAA+E;AAC/E,iEAAiE;AACjE,MAAM,IAAI,GAAG,SAAS,CAAA,mCAAmC,CAAC;AAE1D,wDAAwD;AACxD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAgC;;;WAGvD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;YACnB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;sBACV,CAAC,CAAC,KAAK;sBACP,CAAC,CAAC,KAAK;;eAEd,IAAI;CAClB,CAAC"}
|