vastgrid 0.1.1 → 0.2.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/README.md +175 -13
- package/dist/canvas/geometry.d.ts +92 -0
- package/dist/canvas/geometry.d.ts.map +1 -0
- package/dist/canvas/geometry.js +197 -0
- package/dist/canvas/geometry.js.map +1 -0
- package/dist/canvas/grid-canvas.d.ts +161 -0
- package/dist/canvas/grid-canvas.d.ts.map +1 -0
- package/dist/canvas/grid-canvas.js +1146 -0
- package/dist/canvas/grid-canvas.js.map +1 -0
- package/dist/canvas/hooks.d.ts +61 -0
- package/dist/canvas/hooks.d.ts.map +1 -0
- package/dist/canvas/hooks.js +2 -0
- package/dist/canvas/hooks.js.map +1 -0
- package/dist/canvas/keys.d.ts +26 -0
- package/dist/canvas/keys.d.ts.map +1 -0
- package/dist/canvas/keys.js +133 -0
- package/dist/canvas/keys.js.map +1 -0
- package/dist/canvas/layout.d.ts +26 -0
- package/dist/canvas/layout.d.ts.map +1 -0
- package/dist/canvas/layout.js +73 -0
- package/dist/canvas/layout.js.map +1 -0
- package/dist/canvas/scroll.d.ts +31 -0
- package/dist/canvas/scroll.d.ts.map +1 -0
- package/dist/canvas/scroll.js +111 -0
- package/dist/canvas/scroll.js.map +1 -0
- package/dist/canvas/text.d.ts +23 -0
- package/dist/canvas/text.d.ts.map +1 -0
- package/dist/canvas/text.js +142 -0
- package/dist/canvas/text.js.map +1 -0
- package/dist/{theme.d.ts → canvas/theme.d.ts} +8 -0
- package/dist/canvas/theme.d.ts.map +1 -0
- package/dist/canvas/theme.js +62 -0
- package/dist/canvas/theme.js.map +1 -0
- package/dist/core/cache.d.ts +48 -0
- package/dist/core/cache.d.ts.map +1 -0
- package/dist/core/cache.js +222 -0
- package/dist/core/cache.js.map +1 -0
- package/dist/core/checked.d.ts +20 -0
- package/dist/core/checked.d.ts.map +1 -0
- package/dist/core/checked.js +61 -0
- package/dist/core/checked.js.map +1 -0
- package/dist/core/client.d.ts +33 -0
- package/dist/core/client.d.ts.map +1 -0
- package/dist/core/client.js +103 -0
- package/dist/core/client.js.map +1 -0
- package/dist/core/conditions.d.ts +48 -0
- package/dist/core/conditions.d.ts.map +1 -0
- package/dist/core/conditions.js +105 -0
- package/dist/core/conditions.js.map +1 -0
- package/dist/core/evaluate.d.ts +20 -0
- package/dist/core/evaluate.d.ts.map +1 -0
- package/dist/core/evaluate.js +210 -0
- package/dist/core/evaluate.js.map +1 -0
- package/dist/core/filters.d.ts +51 -0
- package/dist/core/filters.d.ts.map +1 -0
- package/dist/core/filters.js +303 -0
- package/dist/core/filters.js.map +1 -0
- package/dist/core/format.d.ts +14 -0
- package/dist/core/format.d.ts.map +1 -0
- package/dist/core/format.js +303 -0
- package/dist/core/format.js.map +1 -0
- package/dist/core/measures.d.ts +26 -0
- package/dist/core/measures.d.ts.map +1 -0
- package/dist/core/measures.js +105 -0
- package/dist/core/measures.js.map +1 -0
- package/dist/core/request-ids.d.ts +20 -0
- package/dist/core/request-ids.d.ts.map +1 -0
- package/dist/core/request-ids.js +55 -0
- package/dist/core/request-ids.js.map +1 -0
- package/dist/core/rows.d.ts +79 -0
- package/dist/core/rows.d.ts.map +1 -0
- package/dist/core/rows.js +173 -0
- package/dist/core/rows.js.map +1 -0
- package/dist/core/store.d.ts +233 -0
- package/dist/core/store.d.ts.map +1 -0
- package/dist/core/store.js +1162 -0
- package/dist/core/store.js.map +1 -0
- package/dist/core/totals.d.ts +24 -0
- package/dist/core/totals.d.ts.map +1 -0
- package/dist/core/totals.js +49 -0
- package/dist/core/totals.js.map +1 -0
- package/dist/core/trace.d.ts +7 -0
- package/dist/core/trace.d.ts.map +1 -0
- package/dist/core/trace.js +26 -0
- package/dist/core/trace.js.map +1 -0
- package/dist/core/transports.d.ts +50 -0
- package/dist/core/transports.d.ts.map +1 -0
- package/dist/core/transports.js +160 -0
- package/dist/core/transports.js.map +1 -0
- package/dist/core/types.d.ts +151 -0
- package/dist/core/types.d.ts.map +1 -0
- package/dist/core/types.js +45 -0
- package/dist/core/types.js.map +1 -0
- package/dist/core.d.ts +12 -0
- package/dist/core.d.ts.map +1 -0
- package/dist/core.js +11 -0
- package/dist/core.js.map +1 -0
- package/dist/index.d.ts +15 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +13 -7
- package/dist/index.js.map +1 -1
- package/dist/react/accessible-rows.d.ts +13 -0
- package/dist/react/accessible-rows.d.ts.map +1 -0
- package/dist/react/accessible-rows.js +320 -0
- package/dist/react/accessible-rows.js.map +1 -0
- package/dist/react/cell-editor.d.ts +22 -0
- package/dist/react/cell-editor.d.ts.map +1 -0
- package/dist/react/cell-editor.js +431 -0
- package/dist/react/cell-editor.js.map +1 -0
- package/dist/react/cell-menu.d.ts +18 -0
- package/dist/react/cell-menu.d.ts.map +1 -0
- package/dist/react/cell-menu.js +299 -0
- package/dist/react/cell-menu.js.map +1 -0
- package/dist/react/column-menu.d.ts +16 -0
- package/dist/react/column-menu.d.ts.map +1 -0
- package/dist/react/column-menu.js +1311 -0
- package/dist/react/column-menu.js.map +1 -0
- package/dist/react/columns-menu.d.ts +7 -0
- package/dist/react/columns-menu.d.ts.map +1 -0
- package/dist/react/columns-menu.js +249 -0
- package/dist/react/columns-menu.js.map +1 -0
- package/dist/react/conditions-menu.d.ts +10 -0
- package/dist/react/conditions-menu.d.ts.map +1 -0
- package/dist/react/conditions-menu.js +795 -0
- package/dist/react/conditions-menu.js.map +1 -0
- package/dist/react/context.d.ts +29 -0
- package/dist/react/context.d.ts.map +1 -0
- package/dist/react/context.js +18 -0
- package/dist/react/context.js.map +1 -0
- package/dist/react/data-grid.d.ts +79 -0
- package/dist/react/data-grid.d.ts.map +1 -0
- package/dist/react/data-grid.js +653 -0
- package/dist/react/data-grid.js.map +1 -0
- package/dist/react/detail-panel.d.ts +22 -0
- package/dist/react/detail-panel.d.ts.map +1 -0
- package/dist/react/detail-panel.js +242 -0
- package/dist/react/detail-panel.js.map +1 -0
- package/dist/react/export-menu.d.ts +11 -0
- package/dist/react/export-menu.d.ts.map +1 -0
- package/dist/react/export-menu.js +304 -0
- package/dist/react/export-menu.js.map +1 -0
- package/dist/react/find-bar.d.ts +11 -0
- package/dist/react/find-bar.d.ts.map +1 -0
- package/dist/react/find-bar.js +303 -0
- package/dist/react/find-bar.js.map +1 -0
- package/dist/react/format-form.d.ts +12 -0
- package/dist/react/format-form.d.ts.map +1 -0
- package/dist/react/format-form.js +863 -0
- package/dist/react/format-form.js.map +1 -0
- package/dist/react/formula-menu.d.ts +6 -0
- package/dist/react/formula-menu.d.ts.map +1 -0
- package/dist/react/formula-menu.js +343 -0
- package/dist/react/formula-menu.js.map +1 -0
- package/dist/react/grid-body.d.ts +33 -0
- package/dist/react/grid-body.d.ts.map +1 -0
- package/dist/react/grid-body.js +1389 -0
- package/dist/react/grid-body.js.map +1 -0
- package/dist/react/group-menu.d.ts +7 -0
- package/dist/react/group-menu.d.ts.map +1 -0
- package/dist/react/group-menu.js +508 -0
- package/dist/react/group-menu.js.map +1 -0
- package/dist/react/hooks.d.ts +33 -0
- package/dist/react/hooks.d.ts.map +1 -0
- package/dist/react/hooks.js +161 -0
- package/dist/react/hooks.js.map +1 -0
- package/dist/react/messages.d.ts +180 -0
- package/dist/react/messages.d.ts.map +1 -0
- package/dist/react/messages.js +414 -0
- package/dist/react/messages.js.map +1 -0
- package/dist/react/save.d.ts +9 -0
- package/dist/react/save.d.ts.map +1 -0
- package/dist/react/save.js +102 -0
- package/dist/react/save.js.map +1 -0
- package/dist/react/static-rows.d.ts +9 -0
- package/dist/react/static-rows.d.ts.map +1 -0
- package/dist/react/static-rows.js +176 -0
- package/dist/react/static-rows.js.map +1 -0
- package/dist/react/status-bar.d.ts +12 -0
- package/dist/react/status-bar.d.ts.map +1 -0
- package/dist/react/status-bar.js +413 -0
- package/dist/react/status-bar.js.map +1 -0
- package/dist/react/toolbar-popover.d.ts +14 -0
- package/dist/react/toolbar-popover.d.ts.map +1 -0
- package/dist/react/toolbar-popover.js +143 -0
- package/dist/react/toolbar-popover.js.map +1 -0
- package/dist/react/toolbar.d.ts +13 -0
- package/dist/react/toolbar.d.ts.map +1 -0
- package/dist/react/toolbar.js +344 -0
- package/dist/react/toolbar.js.map +1 -0
- package/dist/server.d.ts +22 -0
- package/dist/server.d.ts.map +1 -0
- package/dist/server.js +45 -0
- package/dist/server.js.map +1 -0
- package/dist/styles.css +496 -316
- package/package.json +42 -17
- package/src/canvas/geometry.ts +197 -0
- package/src/canvas/grid-canvas.ts +1222 -0
- package/src/canvas/hooks.ts +61 -0
- package/src/canvas/keys.ts +96 -0
- package/src/canvas/layout.ts +77 -0
- package/src/canvas/scroll.ts +120 -0
- package/src/canvas/text.ts +155 -0
- package/src/{theme.ts → canvas/theme.ts} +14 -1
- package/src/core/cache.ts +247 -0
- package/src/core/checked.ts +64 -0
- package/src/core/client.ts +103 -0
- package/src/core/conditions.ts +89 -0
- package/src/core/evaluate.ts +221 -0
- package/src/core/filters.ts +268 -0
- package/src/core/format.ts +309 -0
- package/src/core/measures.ts +99 -0
- package/src/core/request-ids.ts +54 -0
- package/src/core/rows.ts +213 -0
- package/src/core/store.ts +1122 -0
- package/src/core/totals.ts +59 -0
- package/src/core/trace.ts +44 -0
- package/src/core/transports.ts +177 -0
- package/src/core/types.ts +169 -0
- package/src/core.ts +39 -0
- package/src/index.ts +24 -12
- package/src/react/accessible-rows.tsx +242 -0
- package/src/react/cell-editor.tsx +216 -0
- package/src/react/cell-menu.tsx +166 -0
- package/src/react/column-menu.tsx +619 -0
- package/src/react/columns-menu.tsx +116 -0
- package/src/react/conditions-menu.tsx +289 -0
- package/src/react/context.ts +33 -0
- package/src/react/data-grid.tsx +286 -0
- package/src/react/detail-panel.tsx +92 -0
- package/src/react/export-menu.tsx +112 -0
- package/src/react/find-bar.tsx +112 -0
- package/src/react/format-form.tsx +421 -0
- package/src/react/formula-menu.tsx +163 -0
- package/src/react/grid-body.tsx +744 -0
- package/src/react/group-menu.tsx +214 -0
- package/src/react/hooks.ts +104 -0
- package/src/react/messages.ts +556 -0
- package/src/react/save.ts +42 -0
- package/src/react/static-rows.tsx +59 -0
- package/src/react/status-bar.tsx +175 -0
- package/src/react/toolbar-popover.tsx +69 -0
- package/src/react/toolbar.tsx +152 -0
- package/src/server.ts +58 -0
- package/src/styles.css +496 -316
- package/dist/components/bars.d.ts +0 -14
- package/dist/components/bars.d.ts.map +0 -1
- package/dist/components/bars.js +0 -68
- package/dist/components/bars.js.map +0 -1
- package/dist/components/cell-inspector.d.ts +0 -11
- package/dist/components/cell-inspector.d.ts.map +0 -1
- package/dist/components/cell-inspector.js +0 -37
- package/dist/components/cell-inspector.js.map +0 -1
- package/dist/components/columns-panel.d.ts +0 -12
- package/dist/components/columns-panel.d.ts.map +0 -1
- package/dist/components/columns-panel.js +0 -11
- package/dist/components/columns-panel.js.map +0 -1
- package/dist/components/filter-panel.d.ts +0 -22
- package/dist/components/filter-panel.d.ts.map +0 -1
- package/dist/components/filter-panel.js +0 -169
- package/dist/components/filter-panel.js.map +0 -1
- package/dist/components/find-bar.d.ts +0 -9
- package/dist/components/find-bar.d.ts.map +0 -1
- package/dist/components/find-bar.js +0 -46
- package/dist/components/find-bar.js.map +0 -1
- package/dist/components/popover.d.ts +0 -38
- package/dist/components/popover.d.ts.map +0 -1
- package/dist/components/popover.js +0 -104
- package/dist/components/popover.js.map +0 -1
- package/dist/components/stats-panel.d.ts +0 -12
- package/dist/components/stats-panel.d.ts.map +0 -1
- package/dist/components/stats-panel.js +0 -40
- package/dist/components/stats-panel.js.map +0 -1
- package/dist/controller.d.ts +0 -227
- package/dist/controller.d.ts.map +0 -1
- package/dist/controller.js +0 -845
- package/dist/controller.js.map +0 -1
- package/dist/data-grid.d.ts +0 -51
- package/dist/data-grid.d.ts.map +0 -1
- package/dist/data-grid.js +0 -704
- package/dist/data-grid.js.map +0 -1
- package/dist/labels.d.ts +0 -9
- package/dist/labels.d.ts.map +0 -1
- package/dist/labels.js +0 -38
- package/dist/labels.js.map +0 -1
- package/dist/messages.d.ts +0 -99
- package/dist/messages.d.ts.map +0 -1
- package/dist/messages.js +0 -276
- package/dist/messages.js.map +0 -1
- package/dist/renderer.d.ts +0 -52
- package/dist/renderer.d.ts.map +0 -1
- package/dist/renderer.js +0 -522
- package/dist/renderer.js.map +0 -1
- package/dist/text.d.ts +0 -14
- package/dist/text.d.ts.map +0 -1
- package/dist/text.js +0 -63
- package/dist/text.js.map +0 -1
- package/dist/theme.d.ts.map +0 -1
- package/dist/theme.js +0 -54
- package/dist/theme.js.map +0 -1
- package/src/components/bars.tsx +0 -180
- package/src/components/cell-inspector.tsx +0 -70
- package/src/components/columns-panel.tsx +0 -59
- package/src/components/filter-panel.tsx +0 -293
- package/src/components/find-bar.tsx +0 -104
- package/src/components/popover.tsx +0 -194
- package/src/components/stats-panel.tsx +0 -153
- package/src/controller.ts +0 -945
- package/src/data-grid.tsx +0 -1035
- package/src/labels.ts +0 -46
- package/src/messages.ts +0 -390
- package/src/renderer.ts +0 -535
- package/src/text.ts +0 -55
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { GridController } from "../controller.js";
|
|
2
|
-
import type { Messages } from "../messages.js";
|
|
3
|
-
/** Search box, active sort and filters, row count and the columns button. */
|
|
4
|
-
export declare function Toolbar({ controller, messages, onColumns, }: {
|
|
5
|
-
controller: GridController;
|
|
6
|
-
messages: Messages;
|
|
7
|
-
onColumns: (button: HTMLButtonElement) => void;
|
|
8
|
-
}): import("react").JSX.Element;
|
|
9
|
-
/** The active cell and, for multi-cell selections, count, sum, average, minimum and maximum. */
|
|
10
|
-
export declare function StatusBar({ controller, messages }: {
|
|
11
|
-
controller: GridController;
|
|
12
|
-
messages: Messages;
|
|
13
|
-
}): import("react").JSX.Element;
|
|
14
|
-
//# sourceMappingURL=bars.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"bars.d.ts","sourceRoot":"","sources":["../../src/components/bars.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,6EAA6E;AAC7E,wBAAgB,OAAO,CAAC,EACtB,UAAU,EACV,QAAQ,EACR,SAAS,GACV,EAAE;IACD,UAAU,EAAE,cAAc,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAChD,+BAmHA;AAED,gGAAgG;AAChG,wBAAgB,SAAS,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE;IAAE,UAAU,EAAE,cAAc,CAAC;IAAC,QAAQ,EAAE,QAAQ,CAAA;CAAE,+BA8CrG"}
|
package/dist/components/bars.js
DELETED
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useRef, useState } from "react";
|
|
3
|
-
import { filtersRows } from "vastgrid-core";
|
|
4
|
-
import { countFormat, filterLabel, numberFormat } from "../labels.js";
|
|
5
|
-
/** Search box, active sort and filters, row count and the columns button. */
|
|
6
|
-
export function Toolbar({ controller, messages, onColumns, }) {
|
|
7
|
-
const query = controller.query;
|
|
8
|
-
const [search, setSearch] = useState(query.search ?? "");
|
|
9
|
-
const timer = useRef(undefined);
|
|
10
|
-
const applied = query.search ?? "";
|
|
11
|
-
const lastApplied = useRef(applied);
|
|
12
|
-
// Follow changes made elsewhere (for example "Clear all").
|
|
13
|
-
if (applied !== lastApplied.current) {
|
|
14
|
-
lastApplied.current = applied;
|
|
15
|
-
if (search !== applied)
|
|
16
|
-
setSearch(applied);
|
|
17
|
-
}
|
|
18
|
-
useEffect(() => () => clearTimeout(timer.current), []);
|
|
19
|
-
const ready = controller.info?.status === "ready";
|
|
20
|
-
const capabilities = controller.info?.capabilities;
|
|
21
|
-
const count = countFormat(controller.options.locale);
|
|
22
|
-
const filters = query.filters ?? [];
|
|
23
|
-
const sort = query.sort ?? [];
|
|
24
|
-
const total = controller.totalRows;
|
|
25
|
-
const filtered = controller.view.id !== null && filtersRows(query);
|
|
26
|
-
let rows;
|
|
27
|
-
if (controller.info?.status === "loading") {
|
|
28
|
-
const progress = controller.info.progress;
|
|
29
|
-
rows =
|
|
30
|
-
progress !== null && progress !== undefined && progress > 0
|
|
31
|
-
? messages.loadingProgress(`${Math.round(progress * 100)}%`)
|
|
32
|
-
: messages.loadingRows(count(controller.readableRows));
|
|
33
|
-
}
|
|
34
|
-
else if (filtered && total !== null) {
|
|
35
|
-
rows = messages.rowsOf(count(controller.rowCount), count(total));
|
|
36
|
-
}
|
|
37
|
-
else {
|
|
38
|
-
rows = messages.rows(count(controller.rowCount));
|
|
39
|
-
}
|
|
40
|
-
function change(value) {
|
|
41
|
-
setSearch(value);
|
|
42
|
-
clearTimeout(timer.current);
|
|
43
|
-
timer.current = setTimeout(() => controller.setSearch(value), 350);
|
|
44
|
-
}
|
|
45
|
-
return (_jsxs("div", { className: "vg-toolbar", children: [_jsx("input", { type: "search", className: "vg-input vg-toolbar__search", placeholder: messages.searchPlaceholder, "aria-label": messages.search, value: search, disabled: !ready || !capabilities?.search, onChange: (event) => change(event.target.value), onKeyDown: (event) => {
|
|
46
|
-
if (event.key === "Enter") {
|
|
47
|
-
clearTimeout(timer.current);
|
|
48
|
-
controller.setSearch(search);
|
|
49
|
-
}
|
|
50
|
-
} }), sort.length > 0 && (_jsxs("span", { className: "vg-chip", children: [_jsx("span", { children: messages.sortedBy(sort
|
|
51
|
-
.map((key) => `${controller.schema[key.column]?.name ?? key.column} ${key.direction === "asc" ? "↑" : "↓"}`)
|
|
52
|
-
.join(", ")) }), _jsx("button", { type: "button", className: "vg-chip__remove", "aria-label": messages.clearSort, title: messages.clearSort, onClick: () => controller.clearSort(), children: "\u00D7" })] })), filters.map((filter) => {
|
|
53
|
-
const label = filterLabel(filter, controller.schema[filter.column], controller.formatter, messages);
|
|
54
|
-
return (_jsxs("span", { className: "vg-chip vg-chip--filter", children: [_jsx("span", { title: label, children: label }), _jsx("button", { type: "button", className: "vg-chip__remove", "aria-label": messages.removeFilter(label), title: messages.removeFilter(label), onClick: () => controller.setFilter(filter.column, null), children: "\u00D7" })] }, filter.column));
|
|
55
|
-
}), filtersRows(query) && (_jsx("button", { type: "button", className: "vg-button vg-button--small", onClick: () => controller.clearFilters(), children: messages.clearFilters })), _jsx("span", { className: "vg-toolbar__spacer" }), _jsx("span", { className: "vg-toolbar__count", "aria-live": "polite", children: controller.viewPending ? messages.buildingView : rows }), _jsx("button", { type: "button", className: "vg-button vg-button--small", onClick: (event) => onColumns(event.currentTarget), disabled: !controller.info, children: messages.columns })] }));
|
|
56
|
-
}
|
|
57
|
-
/** The active cell and, for multi-cell selections, count, sum, average, minimum and maximum. */
|
|
58
|
-
export function StatusBar({ controller, messages }) {
|
|
59
|
-
const count = countFormat(controller.options.locale);
|
|
60
|
-
const number = numberFormat(controller.options.locale);
|
|
61
|
-
const active = controller.selection.active;
|
|
62
|
-
const schema = controller.columnSchema(active.col);
|
|
63
|
-
const summary = controller.summary;
|
|
64
|
-
const label = controller.rowLabel(active.row);
|
|
65
|
-
const notes = (controller.info?.notes ?? []).map((note) => messages.notes[note] ?? note);
|
|
66
|
-
return (_jsxs("div", { className: "vg-statusbar", children: [controller.rowCount > 0 && schema && (_jsxs("span", { className: "vg-statusbar__cell", children: [messages.cell(count(active.row + 1), schema.name), controller.view.id !== null && label !== null && (_jsxs("span", { className: "vg-statusbar__muted", children: [" \u00B7 ", messages.originalRow(count(label))] }))] })), notes.length > 0 && _jsx("span", { className: "vg-statusbar__note", children: notes.join(" ") }), _jsx("span", { className: "vg-toolbar__spacer" }), summary && (_jsxs("span", { className: "vg-statusbar__summary", children: [_jsxs("span", { children: [messages.summary.count, ": ", count(summary.count)] }), summary.numericCount > 0 && summary.sum !== null && (_jsxs(_Fragment, { children: [_jsxs("span", { children: [messages.summary.average, ": ", number(summary.average ?? 0)] }), _jsxs("span", { children: [messages.summary.min, ": ", number(summary.min ?? 0)] }), _jsxs("span", { children: [messages.summary.max, ": ", number(summary.max ?? 0)] }), _jsxs("span", { children: [messages.summary.sum, ": ", number(summary.sum)] })] }))] })), !summary && controller.summaryPending && _jsx("span", { className: "vg-statusbar__muted", children: "\u2026" })] }));
|
|
67
|
-
}
|
|
68
|
-
//# sourceMappingURL=bars.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"bars.js","sourceRoot":"","sources":["../../src/components/bars.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { type CellValue, type ColumnSchema } from "vastgrid-core";
|
|
2
|
-
import type { Messages } from "../messages.js";
|
|
3
|
-
/** The full value of a cell, with line breaks, JSON formatting and a copy button. */
|
|
4
|
-
export declare function CellInspector({ schema, messages, location, load, onCopy, }: {
|
|
5
|
-
schema: ColumnSchema;
|
|
6
|
-
messages: Messages;
|
|
7
|
-
location: string;
|
|
8
|
-
load: (signal: AbortSignal) => Promise<CellValue>;
|
|
9
|
-
onCopy: (text: string) => void;
|
|
10
|
-
}): import("react").JSX.Element;
|
|
11
|
-
//# sourceMappingURL=cell-inspector.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cell-inspector.d.ts","sourceRoot":"","sources":["../../src/components/cell-inspector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAA2B,MAAM,eAAe,CAAC;AAC3F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAa/C,qFAAqF;AACrF,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,MAAM,GACP,EAAE;IACD,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,SAAS,CAAC,CAAC;IAClD,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,+BAyCA"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useState } from "react";
|
|
3
|
-
import { isAbortError, plainText } from "vastgrid-core";
|
|
4
|
-
/** Pretty-prints JSON text; returns null when the text is not a JSON object or array. */
|
|
5
|
-
function prettyJson(text) {
|
|
6
|
-
const trimmed = text.trim();
|
|
7
|
-
if (!(trimmed.startsWith("{") || trimmed.startsWith("[")))
|
|
8
|
-
return null;
|
|
9
|
-
try {
|
|
10
|
-
return JSON.stringify(JSON.parse(trimmed), null, 2);
|
|
11
|
-
}
|
|
12
|
-
catch {
|
|
13
|
-
return null;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
/** The full value of a cell, with line breaks, JSON formatting and a copy button. */
|
|
17
|
-
export function CellInspector({ schema, messages, location, load, onCopy, }) {
|
|
18
|
-
const [value, setValue] = useState(null);
|
|
19
|
-
const [error, setError] = useState(null);
|
|
20
|
-
useEffect(() => {
|
|
21
|
-
const controller = new AbortController();
|
|
22
|
-
load(controller.signal)
|
|
23
|
-
.then((result) => {
|
|
24
|
-
if (!controller.signal.aborted)
|
|
25
|
-
setValue({ text: plainText(result), isNull: result === null });
|
|
26
|
-
})
|
|
27
|
-
.catch((cause) => {
|
|
28
|
-
if (controller.signal.aborted || isAbortError(cause))
|
|
29
|
-
return;
|
|
30
|
-
setError(cause instanceof Error ? cause.message : String(cause));
|
|
31
|
-
});
|
|
32
|
-
return () => controller.abort();
|
|
33
|
-
}, [load]);
|
|
34
|
-
const json = value ? prettyJson(value.text) : null;
|
|
35
|
-
return (_jsxs("div", { className: "vg-inspector", children: [_jsxs("p", { className: "vg-panel__title", children: [schema.name, _jsxs("span", { className: "vg-panel__muted", children: [" ", "\u00B7 ", location, " \u00B7 ", messages.types[schema.type] ?? schema.type] })] }), error && _jsx("p", { className: "vg-panel__error", children: error }), !value && !error && _jsx("p", { className: "vg-panel__muted", children: messages.loading }), value && (_jsx("pre", { className: "vg-inspector__value", "data-null": value.isNull || undefined, children: value.isNull ? "NULL" : (json ?? value.text) })), _jsx("div", { className: "vg-panel__actions", children: _jsx("button", { type: "button", className: "vg-button", disabled: !value, onClick: () => value && onCopy(value.text), children: messages.copy }) })] }));
|
|
36
|
-
}
|
|
37
|
-
//# sourceMappingURL=cell-inspector.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cell-inspector.js","sourceRoot":"","sources":["../../src/components/cell-inspector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { ColumnSchema } from "vastgrid-core";
|
|
2
|
-
import type { ColumnState } from "../controller.js";
|
|
3
|
-
import type { Messages } from "../messages.js";
|
|
4
|
-
/** Shows and hides columns. */
|
|
5
|
-
export declare function ColumnsPanel({ columns, schema, messages, onToggle, onShowAll, }: {
|
|
6
|
-
columns: ColumnState[];
|
|
7
|
-
schema: ColumnSchema[];
|
|
8
|
-
messages: Messages;
|
|
9
|
-
onToggle: (index: number, hidden: boolean) => void;
|
|
10
|
-
onShowAll: () => void;
|
|
11
|
-
}): import("react").JSX.Element;
|
|
12
|
-
//# sourceMappingURL=columns-panel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"columns-panel.d.ts","sourceRoot":"","sources":["../../src/components/columns-panel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,+BAA+B;AAC/B,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE;IACD,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,+BAwCA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from "react";
|
|
3
|
-
/** Shows and hides columns. */
|
|
4
|
-
export function ColumnsPanel({ columns, schema, messages, onToggle, onShowAll, }) {
|
|
5
|
-
const [search, setSearch] = useState("");
|
|
6
|
-
const needle = search.trim().toLowerCase();
|
|
7
|
-
const visibleCount = columns.filter((column) => !column.hidden).length;
|
|
8
|
-
const shown = columns.filter((column) => !needle || (schema[column.index]?.name ?? "").toLowerCase().includes(needle));
|
|
9
|
-
return (_jsxs("div", { className: "vg-columns", children: [_jsx("p", { className: "vg-panel__title", children: messages.columns }), _jsx("input", { type: "search", className: "vg-input", placeholder: messages.search, "aria-label": messages.search, value: search, "data-autofocus": true, onChange: (event) => setSearch(event.target.value) }), _jsx("div", { className: "vg-filter__values", children: shown.map((column) => (_jsxs("label", { className: "vg-check", children: [_jsx("input", { type: "checkbox", checked: !column.hidden, disabled: !column.hidden && visibleCount <= 1, onChange: (event) => onToggle(column.index, !event.target.checked) }), _jsx("span", { className: "vg-check__label", children: schema[column.index]?.name }), _jsx("span", { className: "vg-check__count", children: messages.types[schema[column.index]?.type ?? "unknown"] })] }, column.index))) }), _jsx("div", { className: "vg-panel__actions", children: _jsx("button", { type: "button", className: "vg-button", onClick: onShowAll, disabled: visibleCount === columns.length, children: messages.showAllColumns }) })] }));
|
|
10
|
-
}
|
|
11
|
-
//# sourceMappingURL=columns-panel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"columns-panel.js","sourceRoot":"","sources":["../../src/components/columns-panel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKjC,+BAA+B;AAC/B,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,GAOV;IACC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IAC3C,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC;IACvE,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAC1B,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CACzF,CAAC;IACF,OAAO,CACL,eAAK,SAAS,EAAC,YAAY,aACzB,YAAG,SAAS,EAAC,iBAAiB,YAAE,QAAQ,CAAC,OAAO,GAAK,EACrD,gBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,UAAU,EACpB,WAAW,EAAE,QAAQ,CAAC,MAAM,gBAChB,QAAQ,CAAC,MAAM,EAC3B,KAAK,EAAE,MAAM,0BAEb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAClD,EACF,cAAK,SAAS,EAAC,mBAAmB,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACrB,iBAAO,SAAS,EAAC,UAAU,aACzB,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,CAAC,MAAM,CAAC,MAAM,EACvB,QAAQ,EAAE,CAAC,MAAM,CAAC,MAAM,IAAI,YAAY,IAAI,CAAC,EAC7C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAClE,EACF,eAAM,SAAS,EAAC,iBAAiB,YAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,GAAQ,EACrE,eAAM,SAAS,EAAC,iBAAiB,YAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,IAAI,SAAS,CAAC,GAAQ,KARnE,MAAM,CAAC,KAAK,CASrC,CACT,CAAC,GACE,EACN,cAAK,SAAS,EAAC,mBAAmB,YAChC,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,KAAK,OAAO,CAAC,MAAM,YACtG,QAAQ,CAAC,cAAc,GACjB,GACL,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { type ColumnSchema, type ColumnType, type DistinctValues, type Filter, type ValueFormatter } from "vastgrid-core";
|
|
2
|
-
import type { Messages } from "../messages.js";
|
|
3
|
-
/**
|
|
4
|
-
* Converts typed text for a numeric column into a number when it is one. Decimals and integers that a
|
|
5
|
-
* JavaScript number cannot hold exactly (beyond 2^53) stay text, which servers compare exactly.
|
|
6
|
-
*/
|
|
7
|
-
export declare function comparable(text: string, type: ColumnType): string | number;
|
|
8
|
-
/**
|
|
9
|
-
* The filter for one column, in the manner of spreadsheet filters: a searchable list of values with
|
|
10
|
-
* check boxes, or a condition (comparison, text match, range, blank).
|
|
11
|
-
*/
|
|
12
|
-
export declare function FilterPanel({ column, schema, filter, messages, formatter, count, load, onApply, }: {
|
|
13
|
-
column: number;
|
|
14
|
-
schema: ColumnSchema;
|
|
15
|
-
filter: Filter | null;
|
|
16
|
-
messages: Messages;
|
|
17
|
-
formatter: ValueFormatter;
|
|
18
|
-
count: (value: number) => string;
|
|
19
|
-
load: (search: string, signal: AbortSignal) => Promise<DistinctValues> | null;
|
|
20
|
-
onApply: (filter: Filter | null) => void;
|
|
21
|
-
}): import("react").JSX.Element;
|
|
22
|
-
//# sourceMappingURL=filter-panel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"filter-panel.d.ts","sourceRoot":"","sources":["../../src/components/filter-panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,MAAM,EAKX,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AA2C/C;;;GAGG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAO1E;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,GACR,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjC,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC9E,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1C,+BAyMA"}
|
|
@@ -1,169 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useId, useMemo, useState } from "react";
|
|
3
|
-
import { isAbortError, isNumericType, isTemporalType, plainText, } from "vastgrid-core";
|
|
4
|
-
const numericOperators = ["none", "eq", "ne", "gt", "ge", "lt", "le", "between", "blank", "notBlank"];
|
|
5
|
-
const textOperators = [
|
|
6
|
-
"none",
|
|
7
|
-
"contains",
|
|
8
|
-
"notContains",
|
|
9
|
-
"startsWith",
|
|
10
|
-
"endsWith",
|
|
11
|
-
"equals",
|
|
12
|
-
"notEquals",
|
|
13
|
-
"blank",
|
|
14
|
-
"notBlank",
|
|
15
|
-
];
|
|
16
|
-
const NULL_KEY = "\u0000null";
|
|
17
|
-
function keyOf(value) {
|
|
18
|
-
return value === null ? NULL_KEY : plainText(value);
|
|
19
|
-
}
|
|
20
|
-
function initialCondition(filter) {
|
|
21
|
-
if (!filter)
|
|
22
|
-
return { operator: "none", first: "", second: "" };
|
|
23
|
-
switch (filter.type) {
|
|
24
|
-
case "compare":
|
|
25
|
-
return { operator: filter.op, first: plainText(filter.value), second: "" };
|
|
26
|
-
case "between":
|
|
27
|
-
return {
|
|
28
|
-
operator: "between",
|
|
29
|
-
first: filter.min === undefined ? "" : plainText(filter.min),
|
|
30
|
-
second: filter.max === undefined ? "" : plainText(filter.max),
|
|
31
|
-
};
|
|
32
|
-
case "text":
|
|
33
|
-
return { operator: filter.op, first: filter.value, second: "" };
|
|
34
|
-
case "blank":
|
|
35
|
-
return { operator: filter.blank ? "blank" : "notBlank", first: "", second: "" };
|
|
36
|
-
default:
|
|
37
|
-
return { operator: "none", first: "", second: "" };
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
/**
|
|
41
|
-
* Converts typed text for a numeric column into a number when it is one. Decimals and integers that a
|
|
42
|
-
* JavaScript number cannot hold exactly (beyond 2^53) stay text, which servers compare exactly.
|
|
43
|
-
*/
|
|
44
|
-
export function comparable(text, type) {
|
|
45
|
-
if (!isNumericType(type))
|
|
46
|
-
return text;
|
|
47
|
-
const digits = text.trim().replaceAll(",", "");
|
|
48
|
-
const number = Number(digits);
|
|
49
|
-
if (digits === "" || !Number.isFinite(number))
|
|
50
|
-
return text;
|
|
51
|
-
if (type === "decimal" || (/^[+-]?\d+$/.test(digits) && !Number.isSafeInteger(number)))
|
|
52
|
-
return digits;
|
|
53
|
-
return number;
|
|
54
|
-
}
|
|
55
|
-
/**
|
|
56
|
-
* The filter for one column, in the manner of spreadsheet filters: a searchable list of values with
|
|
57
|
-
* check boxes, or a condition (comparison, text match, range, blank).
|
|
58
|
-
*/
|
|
59
|
-
export function FilterPanel({ column, schema, filter, messages, formatter, count, load, onApply, }) {
|
|
60
|
-
const id = useId();
|
|
61
|
-
const numeric = isNumericType(schema.type) || isTemporalType(schema.type);
|
|
62
|
-
const operators = numeric
|
|
63
|
-
? numericOperators
|
|
64
|
-
: schema.type === "boolean"
|
|
65
|
-
? ["none", "blank", "notBlank"]
|
|
66
|
-
: textOperators;
|
|
67
|
-
const [search, setSearch] = useState("");
|
|
68
|
-
const [values, setValues] = useState(null);
|
|
69
|
-
const [loading, setLoading] = useState(true);
|
|
70
|
-
const [error, setError] = useState(null);
|
|
71
|
-
// Untouched values follow `base`; `toggled` holds the values the user changed.
|
|
72
|
-
const [base, setBase] = useState(() => !(filter?.type === "values" && !filter.exclude));
|
|
73
|
-
const [toggled, setToggled] = useState(() => {
|
|
74
|
-
if (filter?.type !== "values")
|
|
75
|
-
return new Map();
|
|
76
|
-
return new Map(filter.values.map((value) => [keyOf(value), value]));
|
|
77
|
-
});
|
|
78
|
-
const [condition, setCondition] = useState(() => initialCondition(filter));
|
|
79
|
-
useEffect(() => {
|
|
80
|
-
const controller = new AbortController();
|
|
81
|
-
const timer = setTimeout(() => {
|
|
82
|
-
setLoading(true);
|
|
83
|
-
const request = load(search, controller.signal);
|
|
84
|
-
if (!request) {
|
|
85
|
-
setLoading(false);
|
|
86
|
-
return;
|
|
87
|
-
}
|
|
88
|
-
request
|
|
89
|
-
.then((result) => {
|
|
90
|
-
if (controller.signal.aborted)
|
|
91
|
-
return;
|
|
92
|
-
setValues(result);
|
|
93
|
-
setError(null);
|
|
94
|
-
setLoading(false);
|
|
95
|
-
})
|
|
96
|
-
.catch((cause) => {
|
|
97
|
-
if (controller.signal.aborted || isAbortError(cause))
|
|
98
|
-
return;
|
|
99
|
-
setError(cause instanceof Error ? cause.message : String(cause));
|
|
100
|
-
setLoading(false);
|
|
101
|
-
});
|
|
102
|
-
}, search ? 250 : 0);
|
|
103
|
-
return () => {
|
|
104
|
-
clearTimeout(timer);
|
|
105
|
-
controller.abort();
|
|
106
|
-
};
|
|
107
|
-
}, [load, search]);
|
|
108
|
-
const isChecked = (value) => (toggled.has(keyOf(value)) ? !base : base);
|
|
109
|
-
const shown = values?.values ?? [];
|
|
110
|
-
const allChecked = toggled.size === 0 ? base : shown.every((item) => isChecked(item.value)) && base;
|
|
111
|
-
function toggle(value) {
|
|
112
|
-
setToggled((current) => {
|
|
113
|
-
const next = new Map(current);
|
|
114
|
-
const key = keyOf(value);
|
|
115
|
-
if (next.has(key))
|
|
116
|
-
next.delete(key);
|
|
117
|
-
else
|
|
118
|
-
next.set(key, value);
|
|
119
|
-
return next;
|
|
120
|
-
});
|
|
121
|
-
}
|
|
122
|
-
function selectAll(checked) {
|
|
123
|
-
setBase(checked);
|
|
124
|
-
setToggled(new Map());
|
|
125
|
-
}
|
|
126
|
-
const valuesFilter = useMemo(() => {
|
|
127
|
-
const list = [...toggled.values()];
|
|
128
|
-
if (base && list.length === 0)
|
|
129
|
-
return null;
|
|
130
|
-
if (base)
|
|
131
|
-
return { type: "values", column, values: list, exclude: true };
|
|
132
|
-
return { type: "values", column, values: list };
|
|
133
|
-
}, [base, toggled, column]);
|
|
134
|
-
function conditionFilter() {
|
|
135
|
-
const { operator, first, second } = condition;
|
|
136
|
-
switch (operator) {
|
|
137
|
-
case "none":
|
|
138
|
-
return null;
|
|
139
|
-
case "blank":
|
|
140
|
-
case "notBlank":
|
|
141
|
-
return { type: "blank", column, blank: operator === "blank" };
|
|
142
|
-
case "between":
|
|
143
|
-
if (!first && !second)
|
|
144
|
-
return null;
|
|
145
|
-
return {
|
|
146
|
-
type: "between",
|
|
147
|
-
column,
|
|
148
|
-
...(first ? { min: comparable(first, schema.type) } : {}),
|
|
149
|
-
...(second ? { max: comparable(second, schema.type) } : {}),
|
|
150
|
-
};
|
|
151
|
-
case "eq":
|
|
152
|
-
case "ne":
|
|
153
|
-
case "lt":
|
|
154
|
-
case "le":
|
|
155
|
-
case "gt":
|
|
156
|
-
case "ge":
|
|
157
|
-
return first === "" ? null : { type: "compare", column, op: operator, value: comparable(first, schema.type) };
|
|
158
|
-
default:
|
|
159
|
-
return first === "" ? null : { type: "text", column, op: operator, value: first };
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
function apply(event) {
|
|
163
|
-
event.preventDefault();
|
|
164
|
-
onApply(condition.operator === "none" ? valuesFilter : conditionFilter());
|
|
165
|
-
}
|
|
166
|
-
const needsValue = condition.operator !== "none" && condition.operator !== "blank" && condition.operator !== "notBlank";
|
|
167
|
-
return (_jsxs("form", { className: "vg-filter", onSubmit: apply, children: [_jsx("p", { className: "vg-panel__title", id: `${id}-title`, children: messages.filterBy(schema.name) }), _jsx("input", { type: "search", className: "vg-input", placeholder: messages.valuesSearch, "aria-label": messages.valuesSearch, value: search, "data-autofocus": true, onChange: (event) => setSearch(event.target.value), disabled: condition.operator !== "none" }), _jsxs("fieldset", { className: "vg-filter__values", "aria-labelledby": `${id}-title`, "aria-busy": loading, children: [!search && (_jsxs("label", { className: "vg-check vg-check--all", children: [_jsx("input", { type: "checkbox", checked: allChecked, onChange: (event) => selectAll(event.target.checked), disabled: condition.operator !== "none" }), _jsx("span", { children: messages.selectAll })] })), shown.map((item) => (_jsxs("label", { className: "vg-check", children: [_jsx("input", { type: "checkbox", checked: isChecked(item.value), onChange: () => toggle(item.value), disabled: condition.operator !== "none" }), _jsx("span", { className: "vg-check__label", children: item.value === null || item.value === "" ? messages.blank : formatter.format(item.value, schema.type) }), _jsx("span", { className: "vg-check__count", children: count(item.count) })] }, keyOf(item.value)))), loading && shown.length === 0 && _jsx("p", { className: "vg-panel__muted", children: messages.loading }), error && _jsx("p", { className: "vg-panel__error", children: error })] }), values?.truncated && _jsx("p", { className: "vg-panel__muted", children: messages.valuesTruncated(count(shown.length)) }), _jsxs("fieldset", { className: "vg-filter__condition", children: [_jsx("legend", { children: messages.condition }), _jsx("select", { className: "vg-input", "aria-label": messages.condition, value: condition.operator, onChange: (event) => setCondition({ ...condition, operator: event.target.value }), children: operators.map((operator) => (_jsx("option", { value: operator, children: operator === "none" ? messages.conditionNone : messages.operators[operator] }, operator))) }), needsValue && (_jsx("input", { className: "vg-input", "aria-label": condition.operator === "between" ? messages.minimum : messages.value, placeholder: condition.operator === "between" ? messages.minimum : messages.value, value: condition.first, onChange: (event) => setCondition({ ...condition, first: event.target.value }) })), condition.operator === "between" && (_jsx("input", { className: "vg-input", "aria-label": messages.maximum, placeholder: messages.maximum, value: condition.second, onChange: (event) => setCondition({ ...condition, second: event.target.value }) }))] }), _jsxs("div", { className: "vg-panel__actions", children: [_jsx("button", { type: "button", className: "vg-button", onClick: () => onApply(null), children: messages.clear }), _jsx("button", { type: "submit", className: "vg-button vg-button--primary", children: messages.apply })] })] }));
|
|
168
|
-
}
|
|
169
|
-
//# sourceMappingURL=filter-panel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"filter-panel.js","sourceRoot":"","sources":["../../src/components/filter-panel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Messages } from "../messages.js";
|
|
2
|
-
/** Find in the table (⌘F / Ctrl+F): moves the active cell to each match, wrapping at the ends. */
|
|
3
|
-
export declare function FindBar({ messages, initial, onFind, onClose, }: {
|
|
4
|
-
messages: Messages;
|
|
5
|
-
initial: string;
|
|
6
|
-
onFind: (text: string, direction: 1 | -1, caseSensitive: boolean, signal: AbortSignal) => Promise<boolean>;
|
|
7
|
-
onClose: () => void;
|
|
8
|
-
}): import("react").JSX.Element;
|
|
9
|
-
//# sourceMappingURL=find-bar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"find-bar.d.ts","sourceRoot":"","sources":["../../src/components/find-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,kGAAkG;AAClG,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,OAAO,EACP,MAAM,EACN,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3G,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAwFA"}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useRef, useState } from "react";
|
|
3
|
-
import { isAbortError } from "vastgrid-core";
|
|
4
|
-
/** Find in the table (⌘F / Ctrl+F): moves the active cell to each match, wrapping at the ends. */
|
|
5
|
-
export function FindBar({ messages, initial, onFind, onClose, }) {
|
|
6
|
-
const [text, setText] = useState(initial);
|
|
7
|
-
const [caseSensitive, setCaseSensitive] = useState(false);
|
|
8
|
-
const [status, setStatus] = useState("idle");
|
|
9
|
-
const input = useRef(null);
|
|
10
|
-
const pending = useRef(null);
|
|
11
|
-
useEffect(() => {
|
|
12
|
-
input.current?.focus();
|
|
13
|
-
input.current?.select();
|
|
14
|
-
return () => pending.current?.abort();
|
|
15
|
-
}, []);
|
|
16
|
-
async function find(direction) {
|
|
17
|
-
pending.current?.abort();
|
|
18
|
-
const controller = new AbortController();
|
|
19
|
-
pending.current = controller;
|
|
20
|
-
setStatus("searching");
|
|
21
|
-
try {
|
|
22
|
-
const found = await onFind(text, direction, caseSensitive, controller.signal);
|
|
23
|
-
if (!controller.signal.aborted)
|
|
24
|
-
setStatus(found || !text ? "idle" : "notFound");
|
|
25
|
-
}
|
|
26
|
-
catch (error) {
|
|
27
|
-
if (!controller.signal.aborted && !isAbortError(error))
|
|
28
|
-
setStatus("notFound");
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
function onKeyDown(event) {
|
|
32
|
-
if (event.key === "Enter") {
|
|
33
|
-
event.preventDefault();
|
|
34
|
-
void find(event.shiftKey ? -1 : 1);
|
|
35
|
-
}
|
|
36
|
-
else if (event.key === "Escape") {
|
|
37
|
-
event.preventDefault();
|
|
38
|
-
onClose();
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
return (_jsxs("search", { className: "vg-find", "aria-label": messages.find, children: [_jsx("input", { ref: input, type: "search", className: "vg-input", placeholder: messages.findPlaceholder, "aria-label": messages.findPlaceholder, value: text, onChange: (event) => {
|
|
42
|
-
setText(event.target.value);
|
|
43
|
-
setStatus("idle");
|
|
44
|
-
}, onKeyDown: onKeyDown }), _jsx("span", { className: "vg-find__status", role: "status", children: status === "searching" ? messages.searching : status === "notFound" ? messages.notFound : "" }), _jsx("button", { type: "button", className: "vg-icon-button", "aria-label": messages.findPrevious, title: `${messages.findPrevious} (Shift+Enter)`, onClick: () => void find(-1), children: "\u2191" }), _jsx("button", { type: "button", className: "vg-icon-button", "aria-label": messages.findNext, title: `${messages.findNext} (Enter)`, onClick: () => void find(1), children: "\u2193" }), _jsxs("label", { className: "vg-find__case", title: messages.matchCase, children: [_jsx("input", { type: "checkbox", checked: caseSensitive, onChange: (event) => setCaseSensitive(event.target.checked) }), _jsx("span", { "aria-hidden": "true", children: "Aa" }), _jsx("span", { className: "vg-sr-only", children: messages.matchCase })] }), _jsx("button", { type: "button", className: "vg-icon-button", "aria-label": messages.close, title: `${messages.close} (Esc)`, onClick: onClose, children: "\u00D7" })] }));
|
|
45
|
-
}
|
|
46
|
-
//# sourceMappingURL=find-bar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"find-bar.js","sourceRoot":"","sources":["../../src/components/find-bar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { type ReactNode, type RefObject } from "react";
|
|
2
|
-
export interface Anchor {
|
|
3
|
-
/** Position relative to the grid's root element. */
|
|
4
|
-
x: number;
|
|
5
|
-
y: number;
|
|
6
|
-
/** Height of the anchor, so that the popover can open above it when there is no room below. */
|
|
7
|
-
height?: number;
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* A panel positioned inside the grid's root. Closes on Escape and on pointer presses outside, and
|
|
11
|
-
* returns focus to `returnFocus` when it closes.
|
|
12
|
-
*/
|
|
13
|
-
export declare function Popover({ anchor, container, onClose, returnFocus, label, role, className, children, initialFocus, }: {
|
|
14
|
-
anchor: Anchor;
|
|
15
|
-
container: RefObject<HTMLElement | null>;
|
|
16
|
-
onClose: () => void;
|
|
17
|
-
returnFocus?: RefObject<HTMLElement | null>;
|
|
18
|
-
label: string;
|
|
19
|
-
role?: "dialog" | "menu";
|
|
20
|
-
className?: string;
|
|
21
|
-
children: ReactNode;
|
|
22
|
-
initialFocus?: boolean;
|
|
23
|
-
}): import("react").JSX.Element;
|
|
24
|
-
export interface MenuItem {
|
|
25
|
-
label: string;
|
|
26
|
-
onSelect: () => void;
|
|
27
|
-
disabled?: boolean;
|
|
28
|
-
/** Draws a separator above the item. */
|
|
29
|
-
separator?: boolean;
|
|
30
|
-
checked?: boolean;
|
|
31
|
-
shortcut?: string;
|
|
32
|
-
}
|
|
33
|
-
/** A menu list with arrow-key navigation. Selecting an item closes the menu. */
|
|
34
|
-
export declare function MenuList({ items, onClose }: {
|
|
35
|
-
items: MenuItem[];
|
|
36
|
-
onClose: () => void;
|
|
37
|
-
}): import("react").JSX.Element;
|
|
38
|
-
//# sourceMappingURL=popover.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,MAAM;IACrB,oDAAoD;IACpD,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,+FAA+F;IAC/F,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,SAAS,EACT,OAAO,EACP,WAAW,EACX,KAAK,EACL,IAAe,EACf,SAAS,EACT,QAAQ,EACR,YAAmB,GACpB,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,+BAsEA;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,gFAAgF;AAChF,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,+BAoEtF"}
|