@xemahq/ui-kernel 0.8.0 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +5 -21
- package/dist/index.js.map +1 -1
- package/dist/lib/biome-host/agent-validation.js +5 -9
- package/dist/lib/biome-host/agent-validation.js.map +1 -1
- package/dist/lib/biome-host/biome-builders.js +5 -9
- package/dist/lib/biome-host/biome-builders.js.map +1 -1
- package/dist/lib/biome-host/biome-mode.js +1 -2
- package/dist/lib/biome-host/biome-navigation.js +6 -10
- package/dist/lib/biome-host/biome-navigation.js.map +1 -1
- package/dist/lib/biome-host/biome-registry.js +13 -20
- package/dist/lib/biome-host/biome-registry.js.map +1 -1
- package/dist/lib/biome-host/biome-scope.js +9 -14
- package/dist/lib/biome-host/biome-scope.js.map +1 -1
- package/dist/lib/biome-host/biome-scoped-query.js +8 -13
- package/dist/lib/biome-host/biome-scoped-query.js.map +1 -1
- package/dist/lib/biome-host/create-biome-orval-config.js +1 -4
- package/dist/lib/biome-host/create-biome-orval-config.js.map +1 -1
- package/dist/lib/biome-host/define-web-biome.js +3 -6
- package/dist/lib/biome-host/define-web-biome.js.map +1 -1
- package/dist/lib/biome-host/errors.js +1 -4
- package/dist/lib/biome-host/errors.js.map +1 -1
- package/dist/lib/biome-host/frontend-biome.js +3 -6
- package/dist/lib/biome-host/frontend-biome.js.map +1 -1
- package/dist/lib/biome-host/host-bridge.js +5 -9
- package/dist/lib/biome-host/host-bridge.js.map +1 -1
- package/dist/lib/biome-host/host-sources.js +1 -2
- package/dist/lib/biome-host/i18n-hooks.js +5 -9
- package/dist/lib/biome-host/i18n-hooks.js.map +1 -1
- package/dist/lib/biome-host/i18n-port.js +1 -4
- package/dist/lib/biome-host/i18n-port.js.map +1 -1
- package/dist/lib/biome-host/index.js +22 -38
- package/dist/lib/biome-host/index.js.map +1 -1
- package/dist/lib/biome-host/realtime-hooks.js +7 -12
- package/dist/lib/biome-host/realtime-hooks.js.map +1 -1
- package/dist/lib/biome-host/realtime-port.js +1 -2
- package/dist/lib/biome-host/response-envelope.js +2 -6
- package/dist/lib/biome-host/response-envelope.js.map +1 -1
- package/dist/lib/biome-host/session-contributions.js +1 -2
- package/dist/lib/biome-host/session-profiles.js +7 -11
- package/dist/lib/biome-host/session-profiles.js.map +1 -1
- package/dist/lib/biome-host/use-mutation-with-error-toast.js +7 -10
- package/dist/lib/biome-host/use-mutation-with-error-toast.js.map +1 -1
- package/dist/lib/biome-host/use-page-state.js +16 -21
- package/dist/lib/biome-host/use-page-state.js.map +1 -1
- package/dist/lib/capabilities/capability-provider.js +11 -15
- package/dist/lib/capabilities/capability-provider.js.map +1 -1
- package/dist/lib/capabilities/index.js +3 -19
- package/dist/lib/capabilities/index.js.map +1 -1
- package/dist/lib/capabilities/types.js +1 -2
- package/dist/lib/capabilities/use-capability.js +5 -9
- package/dist/lib/capabilities/use-capability.js.map +1 -1
- package/dist/lib/system-bus/capability-invoke.js +1 -2
- package/dist/lib/system-bus/deeplink.js +12 -17
- package/dist/lib/system-bus/deeplink.js.map +1 -1
- package/dist/lib/system-bus/enums.js +10 -13
- package/dist/lib/system-bus/enums.js.map +1 -1
- package/dist/lib/system-bus/host-ports.js +1 -2
- package/dist/lib/system-bus/index.js +10 -26
- package/dist/lib/system-bus/index.js.map +1 -1
- package/dist/lib/system-bus/intent-registry.js +6 -10
- package/dist/lib/system-bus/intent-registry.js.map +1 -1
- package/dist/lib/system-bus/intents.js +1 -2
- package/dist/lib/system-bus/palette.js +1 -2
- package/dist/lib/system-bus/system-bus-builder.js +10 -13
- package/dist/lib/system-bus/system-bus-builder.js.map +1 -1
- package/dist/lib/system-bus/system-bus.js +1 -2
- package/dist/lib/system-bus/windows.js +1 -2
- package/dist/offline/id.js +1 -4
- package/dist/offline/id.js.map +1 -1
- package/dist/offline/index.js +8 -25
- package/dist/offline/index.js.map +1 -1
- package/dist/offline/mutation.js +5 -8
- package/dist/offline/mutation.js.map +1 -1
- package/dist/offline/offline-status-badge.js +7 -10
- package/dist/offline/offline-status-badge.js.map +1 -1
- package/dist/offline/online-controller.js +2 -7
- package/dist/offline/online-controller.js.map +1 -1
- package/dist/offline/outbox.js +22 -26
- package/dist/offline/outbox.js.map +1 -1
- package/dist/offline/react.js +15 -21
- package/dist/offline/react.js.map +1 -1
- package/dist/offline/storage.js +3 -9
- package/dist/offline/storage.js.map +1 -1
- package/dist/offline/types.js +2 -5
- package/dist/offline/types.js.map +1 -1
- package/dist/org-db/components/DbResultTable.js +7 -10
- package/dist/org-db/components/DbResultTable.js.map +1 -1
- package/dist/org-db/index.js +1 -5
- package/dist/org-db/index.js.map +1 -1
- package/dist/pdf/index.d.ts +2 -0
- package/dist/pdf/index.d.ts.map +1 -0
- package/dist/pdf/index.js +2 -0
- package/dist/pdf/index.js.map +1 -0
- package/dist/registry/index.js +8 -24
- package/dist/registry/index.js.map +1 -1
- package/dist/registry/lib/agent-validation-host.js +5 -8
- package/dist/registry/lib/agent-validation-host.js.map +1 -1
- package/dist/registry/lib/biome-slot.js +9 -12
- package/dist/registry/lib/biome-slot.js.map +1 -1
- package/dist/registry/lib/biomes-enabled-context.js +5 -9
- package/dist/registry/lib/biomes-enabled-context.js.map +1 -1
- package/dist/registry/lib/extension-points.js +1 -4
- package/dist/registry/lib/extension-points.js.map +1 -1
- package/dist/registry/lib/primitives/SessionEventCard.js +7 -10
- package/dist/registry/lib/primitives/SessionEventCard.js.map +1 -1
- package/dist/registry/lib/primitives/SessionEventTimeline.js +9 -12
- package/dist/registry/lib/primitives/SessionEventTimeline.js.map +1 -1
- package/dist/registry/lib/primitives/SessionMutationBar.js +3 -6
- package/dist/registry/lib/primitives/SessionMutationBar.js.map +1 -1
- package/dist/registry/lib/primitives/SessionTabbedDrawer.js +11 -14
- package/dist/registry/lib/primitives/SessionTabbedDrawer.js.map +1 -1
- package/dist/registry/lib/primitives/index.js +4 -20
- package/dist/registry/lib/primitives/index.js.map +1 -1
- package/dist/registry/lib/session-context-builder.js +6 -10
- package/dist/registry/lib/session-context-builder.js.map +1 -1
- package/dist/registry/lib/session-context-provider.js +9 -14
- package/dist/registry/lib/session-context-provider.js.map +1 -1
- package/dist/registry/lib/session-selectors.js +30 -39
- package/dist/registry/lib/session-selectors.js.map +1 -1
- package/dist/session/comments/CommentRail.js +6 -9
- package/dist/session/comments/CommentRail.js.map +1 -1
- package/dist/session/index.js +3 -9
- package/dist/session/index.js.map +1 -1
- package/dist/session/lib/cn.js +4 -7
- package/dist/session/lib/cn.js.map +1 -1
- package/dist/session/shell/SessionWorkspaceShell.js +5 -8
- package/dist/session/shell/SessionWorkspaceShell.js.map +1 -1
- package/dist/session-kit/approvals/ApprovalButton.js +3 -6
- package/dist/session-kit/approvals/ApprovalButton.js.map +1 -1
- package/dist/session-kit/approvals/ApprovalCard.js +30 -33
- package/dist/session-kit/approvals/ApprovalCard.js.map +1 -1
- package/dist/session-kit/approvals/ApprovalsCenter.js +29 -32
- package/dist/session-kit/approvals/ApprovalsCenter.js.map +1 -1
- package/dist/session-kit/approvals/CapabilityApprovalStickyBar.js +12 -15
- package/dist/session-kit/approvals/CapabilityApprovalStickyBar.js.map +1 -1
- package/dist/session-kit/approvals/Obligation.js +12 -16
- package/dist/session-kit/approvals/Obligation.js.map +1 -1
- package/dist/session-kit/approvals/ScopedBody.js +34 -37
- package/dist/session-kit/approvals/ScopedBody.js.map +1 -1
- package/dist/session-kit/approvals/approval-icons.js +1 -2
- package/dist/session-kit/approvals/approval-model.js +6 -11
- package/dist/session-kit/approvals/approval-model.js.map +1 -1
- package/dist/session-kit/approvals/index.js +11 -27
- package/dist/session-kit/approvals/index.js.map +1 -1
- package/dist/session-kit/approvals/obligation-display.js +13 -16
- package/dist/session-kit/approvals/obligation-display.js.map +1 -1
- package/dist/session-kit/approvals/risk-accent.js +6 -9
- package/dist/session-kit/approvals/risk-accent.js.map +1 -1
- package/dist/session-kit/approvals/scope-icons.js +2 -5
- package/dist/session-kit/approvals/scope-icons.js.map +1 -1
- package/dist/session-kit/combobox/Combobox.js +19 -22
- package/dist/session-kit/combobox/Combobox.js.map +1 -1
- package/dist/session-kit/combobox/use-click-outside.js +4 -7
- package/dist/session-kit/combobox/use-click-outside.js.map +1 -1
- package/dist/session-kit/display/ContextHeader.js +10 -13
- package/dist/session-kit/display/ContextHeader.js.map +1 -1
- package/dist/session-kit/display/FileDiffCard.js +11 -14
- package/dist/session-kit/display/FileDiffCard.js.map +1 -1
- package/dist/session-kit/display/MD.js +14 -17
- package/dist/session-kit/display/MD.js.map +1 -1
- package/dist/session-kit/display/MessageTurn.js +20 -23
- package/dist/session-kit/display/MessageTurn.js.map +1 -1
- package/dist/session-kit/display/ThinkingPanel.js +7 -10
- package/dist/session-kit/display/ThinkingPanel.js.map +1 -1
- package/dist/session-kit/display/TodoChecklist.js +13 -16
- package/dist/session-kit/display/TodoChecklist.js.map +1 -1
- package/dist/session-kit/display/TokenMeter.js +8 -11
- package/dist/session-kit/display/TokenMeter.js.map +1 -1
- package/dist/session-kit/display/ToolStrip.js +26 -30
- package/dist/session-kit/display/ToolStrip.js.map +1 -1
- package/dist/session-kit/display/TypingDots.js +3 -6
- package/dist/session-kit/display/TypingDots.js.map +1 -1
- package/dist/session-kit/index.js +20 -36
- package/dist/session-kit/index.js.map +1 -1
- package/dist/session-kit/lib/enums.js +14 -17
- package/dist/session-kit/lib/enums.js.map +1 -1
- package/dist/session-kit/lib/portal-accent.js +1 -4
- package/dist/session-kit/lib/portal-accent.js.map +1 -1
- package/dist/session-kit/lib/status-dot.js +19 -24
- package/dist/session-kit/lib/status-dot.js.map +1 -1
- package/dist/session-kit/primitives/Avatar.js +3 -6
- package/dist/session-kit/primitives/Avatar.js.map +1 -1
- package/dist/session-kit/primitives/PortalGlyph.js +8 -11
- package/dist/session-kit/primitives/PortalGlyph.js.map +1 -1
- package/dist/session-kit/primitives/RiskPill.js +10 -14
- package/dist/session-kit/primitives/RiskPill.js.map +1 -1
- package/dist/session-kit/primitives/ScopeDot.js +7 -10
- package/dist/session-kit/primitives/ScopeDot.js.map +1 -1
- package/dist/session-kit/primitives/Segmented.js +4 -7
- package/dist/session-kit/primitives/Segmented.js.map +1 -1
- package/dist/ui/branding/app-branding-provider.js +13 -51
- package/dist/ui/branding/app-branding-provider.js.map +1 -1
- package/dist/ui/branding/sanitize.js +3 -8
- package/dist/ui/branding/sanitize.js.map +1 -1
- package/dist/ui/breakpoints.js +1 -4
- package/dist/ui/breakpoints.js.map +1 -1
- package/dist/ui/capture/document-preview.js +16 -19
- package/dist/ui/capture/document-preview.js.map +1 -1
- package/dist/ui/capture/field-spec-to-zod.js +32 -36
- package/dist/ui/capture/field-spec-to-zod.js.map +1 -1
- package/dist/ui/capture/field-spec.js +6 -13
- package/dist/ui/capture/field-spec.js.map +1 -1
- package/dist/ui/capture/index.js +10 -30
- package/dist/ui/capture/index.js.map +1 -1
- package/dist/ui/capture/schema-field-input.js +55 -58
- package/dist/ui/capture/schema-field-input.js.map +1 -1
- package/dist/ui/capture/schema-form.js +11 -14
- package/dist/ui/capture/schema-form.js.map +1 -1
- package/dist/ui/capture/use-prefill.js +13 -16
- package/dist/ui/capture/use-prefill.js.map +1 -1
- package/dist/ui/capture/use-schema-validation.js +13 -16
- package/dist/ui/capture/use-schema-validation.js.map +1 -1
- package/dist/ui/capture/use-wizard.js +15 -18
- package/dist/ui/capture/use-wizard.js.map +1 -1
- package/dist/ui/capture/value-format.js +4 -8
- package/dist/ui/capture/value-format.js.map +1 -1
- package/dist/ui/capture/wizard.js +10 -14
- package/dist/ui/capture/wizard.js.map +1 -1
- package/dist/ui/charts/bar-chart.js +14 -17
- package/dist/ui/charts/bar-chart.js.map +1 -1
- package/dist/ui/charts/chart-frame.js +11 -16
- package/dist/ui/charts/chart-frame.js.map +1 -1
- package/dist/ui/charts/chart-types.js +1 -2
- package/dist/ui/charts/chart-utils.js +7 -15
- package/dist/ui/charts/chart-utils.js.map +1 -1
- package/dist/ui/charts/donut-chart.js +11 -14
- package/dist/ui/charts/donut-chart.js.map +1 -1
- package/dist/ui/charts/index.js +6 -20
- package/dist/ui/charts/index.js.map +1 -1
- package/dist/ui/charts/line-chart.js +15 -18
- package/dist/ui/charts/line-chart.js.map +1 -1
- package/dist/ui/charts/sparkline.js +9 -12
- package/dist/ui/charts/sparkline.js.map +1 -1
- package/dist/ui/chrome/AsyncBoundary.js +9 -15
- package/dist/ui/chrome/AsyncBoundary.js.map +1 -1
- package/dist/ui/chrome/EmptyState.js +9 -12
- package/dist/ui/chrome/EmptyState.js.map +1 -1
- package/dist/ui/chrome/ErrorCard.js +8 -11
- package/dist/ui/chrome/ErrorCard.js.map +1 -1
- package/dist/ui/chrome/LoadingState.js +8 -11
- package/dist/ui/chrome/LoadingState.js.map +1 -1
- package/dist/ui/chrome/PageHeader.js +10 -14
- package/dist/ui/chrome/PageHeader.js.map +1 -1
- package/dist/ui/chrome/StateCard.js +7 -11
- package/dist/ui/chrome/StateCard.js.map +1 -1
- package/dist/ui/chrome/confirm-delete-dialog.js +5 -8
- package/dist/ui/chrome/confirm-delete-dialog.js.map +1 -1
- package/dist/ui/chrome/page-shell.js +9 -15
- package/dist/ui/chrome/page-shell.js.map +1 -1
- package/dist/ui/chrome/scope-badge.js +5 -8
- package/dist/ui/chrome/scope-badge.js.map +1 -1
- package/dist/ui/chrome/status-badge.js +7 -10
- package/dist/ui/chrome/status-badge.js.map +1 -1
- package/dist/ui/cn.js +5 -8
- package/dist/ui/cn.js.map +1 -1
- package/dist/ui/design-tokens.js +21 -28
- package/dist/ui/design-tokens.js.map +1 -1
- package/dist/ui/hooks/use-debounced-value.js +4 -7
- package/dist/ui/hooks/use-debounced-value.js.map +1 -1
- package/dist/ui/hooks/use-is-mobile.js +8 -11
- package/dist/ui/hooks/use-is-mobile.js.map +1 -1
- package/dist/ui/index.d.ts +0 -1
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +46 -87
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/pdf/pdf-preview.js +17 -20
- package/dist/ui/pdf/pdf-preview.js.map +1 -1
- package/dist/ui/primitives/alert-dialog.js +14 -60
- package/dist/ui/primitives/alert-dialog.js.map +1 -1
- package/dist/ui/primitives/async-combobox.js +18 -21
- package/dist/ui/primitives/async-combobox.js.map +1 -1
- package/dist/ui/primitives/badge.js +7 -44
- package/dist/ui/primitives/badge.js.map +1 -1
- package/dist/ui/primitives/button.js +9 -46
- package/dist/ui/primitives/button.js.map +1 -1
- package/dist/ui/primitives/card.js +10 -51
- package/dist/ui/primitives/card.js.map +1 -1
- package/dist/ui/primitives/checkbox.js +7 -43
- package/dist/ui/primitives/checkbox.js.map +1 -1
- package/dist/ui/primitives/collapsible.js +2 -40
- package/dist/ui/primitives/collapsible.js.map +1 -1
- package/dist/ui/primitives/dialog.js +12 -57
- package/dist/ui/primitives/dialog.js.map +1 -1
- package/dist/ui/primitives/dropdown-menu.js +15 -65
- package/dist/ui/primitives/dropdown-menu.js.map +1 -1
- package/dist/ui/primitives/form-stepper.js +8 -12
- package/dist/ui/primitives/form-stepper.js.map +1 -1
- package/dist/ui/primitives/input.js +5 -41
- package/dist/ui/primitives/input.js.map +1 -1
- package/dist/ui/primitives/label.js +8 -44
- package/dist/ui/primitives/label.js.map +1 -1
- package/dist/ui/primitives/overflow-tabs.js +18 -21
- package/dist/ui/primitives/overflow-tabs.js.map +1 -1
- package/dist/ui/primitives/popover.js +6 -44
- package/dist/ui/primitives/popover.js.map +1 -1
- package/dist/ui/primitives/preview-device-frame.js +16 -19
- package/dist/ui/primitives/preview-device-frame.js.map +1 -1
- package/dist/ui/primitives/radio-group.js +8 -45
- package/dist/ui/primitives/radio-group.js.map +1 -1
- package/dist/ui/primitives/resizable.js +11 -16
- package/dist/ui/primitives/resizable.js.map +1 -1
- package/dist/ui/primitives/scroll-area.js +7 -44
- package/dist/ui/primitives/scroll-area.js.map +1 -1
- package/dist/ui/primitives/select.js +15 -60
- package/dist/ui/primitives/select.js.map +1 -1
- package/dist/ui/primitives/separator.js +6 -42
- package/dist/ui/primitives/separator.js.map +1 -1
- package/dist/ui/primitives/sheet.js +14 -59
- package/dist/ui/primitives/sheet.js.map +1 -1
- package/dist/ui/primitives/skeleton.js +5 -7
- package/dist/ui/primitives/skeleton.js.map +1 -1
- package/dist/ui/primitives/switch.js +6 -42
- package/dist/ui/primitives/switch.js.map +1 -1
- package/dist/ui/primitives/table.js +12 -55
- package/dist/ui/primitives/table.js.map +1 -1
- package/dist/ui/primitives/tabs.js +8 -47
- package/dist/ui/primitives/tabs.js.map +1 -1
- package/dist/ui/primitives/tag-multi-select.js +24 -27
- package/dist/ui/primitives/tag-multi-select.js.map +1 -1
- package/dist/ui/primitives/textarea.js +5 -41
- package/dist/ui/primitives/textarea.js.map +1 -1
- package/dist/ui/primitives/tooltip.js +6 -45
- package/dist/ui/primitives/tooltip.js.map +1 -1
- package/package.json +8 -1
- package/src/pdf/index.ts +11 -0
- package/src/ui/index.ts +4 -1
|
@@ -1,26 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const cn_1 = require("../cn");
|
|
8
|
-
const button_1 = require("../primitives/button");
|
|
9
|
-
const form_stepper_1 = require("../primitives/form-stepper");
|
|
10
|
-
function WizardStep(_props) {
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Children, isValidElement } from 'react';
|
|
3
|
+
import { cn } from '../cn';
|
|
4
|
+
import { Button } from '../primitives/button';
|
|
5
|
+
import { FormStepper } from '../primitives/form-stepper';
|
|
6
|
+
export function WizardStep(_props) {
|
|
11
7
|
return null;
|
|
12
8
|
}
|
|
13
9
|
function stepBodies(children) {
|
|
14
10
|
const map = new Map();
|
|
15
|
-
|
|
16
|
-
if (
|
|
11
|
+
Children.forEach(children, (child) => {
|
|
12
|
+
if (isValidElement(child) && child.props?.stepKey) {
|
|
17
13
|
const p = child.props;
|
|
18
14
|
map.set(p.stepKey, p.children);
|
|
19
15
|
}
|
|
20
16
|
});
|
|
21
17
|
return map;
|
|
22
18
|
}
|
|
23
|
-
function Wizard({ api, children, onFinish, nextLabel = 'Continue', backLabel = 'Back', finishLabel = 'Finish', hideNav = false, className, }) {
|
|
19
|
+
export function Wizard({ api, children, onFinish, nextLabel = 'Continue', backLabel = 'Back', finishLabel = 'Finish', hideNav = false, className, }) {
|
|
24
20
|
const bodies = stepBodies(children);
|
|
25
21
|
const formSteps = api.steps.map((step, index) => ({
|
|
26
22
|
key: step.key,
|
|
@@ -29,6 +25,6 @@ function Wizard({ api, children, onFinish, nextLabel = 'Continue', backLabel = '
|
|
|
29
25
|
status: api.status(index),
|
|
30
26
|
children: index === api.activeIndex ? bodies.get(step.key) ?? null : null,
|
|
31
27
|
}));
|
|
32
|
-
return ((
|
|
28
|
+
return (_jsxs("div", { className: cn('space-y-5', className), children: [_jsx(FormStepper, { steps: formSteps }), !hideNav && (_jsxs("div", { className: "flex items-center justify-between gap-2 border-t border-rule pt-4", children: [_jsx(Button, { variant: "ghost", onClick: api.prev, disabled: api.isFirst, children: backLabel }), api.isLast ? (_jsx(Button, { onClick: onFinish, disabled: !api.canAdvance, children: finishLabel })) : (_jsx(Button, { onClick: api.next, disabled: !api.canAdvance, children: nextLabel }))] }))] }));
|
|
33
29
|
}
|
|
34
30
|
//# sourceMappingURL=wizard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"wizard.js","sourceRoot":"","sources":["../../../src/ui/capture/wizard.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"wizard.js","sourceRoot":"","sources":["../../../src/ui/capture/wizard.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAqC,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAiB,MAAM,4BAA4B,CAAC;AAcxE,MAAM,UAAU,UAAU,CAAC,MAAuB;IAEhD,OAAO,IAAI,CAAC;AACd,CAAC;AAeD,SAAS,UAAU,CAAC,QAAmB;IACrC,MAAM,GAAG,GAAG,IAAI,GAAG,EAAqB,CAAC;IACzC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACnC,IAAI,cAAc,CAAC,KAAK,CAAC,IAAK,KAAuC,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC;YACrF,MAAM,CAAC,GAAI,KAAuC,CAAC,KAAK,CAAC;YACzD,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,EACrB,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,UAAU,EACtB,SAAS,GAAG,MAAM,EAClB,WAAW,GAAG,QAAQ,EACtB,OAAO,GAAG,KAAK,EACf,SAAS,GACG;IACZ,MAAM,MAAM,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAEpC,MAAM,SAAS,GAAe,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAC5D,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC;QAGzB,QAAQ,EAAE,KAAK,KAAK,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI;KAC1E,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,aACxC,KAAC,WAAW,IAAC,KAAK,EAAE,SAAS,GAAI,EAEhC,CAAC,OAAO,IAAI,CACX,eAAK,SAAS,EAAC,mEAAmE,aAChF,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,CAAC,OAAO,YAC7D,SAAS,GACH,EACR,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CACZ,KAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,UAAU,YACjD,WAAW,GACL,CACV,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,UAAU,YACjD,SAAS,GACH,CACV,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const chart_frame_1 = require("./chart-frame");
|
|
6
|
-
const chart_utils_1 = require("./chart-utils");
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ChartEmpty, ChartFrame } from './chart-frame';
|
|
3
|
+
import { buildAriaSummary, chartColorAt, defaultFormatValue, finitePoints, niceScale, } from './chart-utils';
|
|
7
4
|
const VIEW_W = 640;
|
|
8
5
|
const VIEW_H = 360;
|
|
9
6
|
const PAD = { top: 12, right: 12, bottom: 44, left: 48 };
|
|
@@ -13,14 +10,14 @@ const PLOT_T = PAD.top;
|
|
|
13
10
|
const PLOT_B = VIEW_H - PAD.bottom;
|
|
14
11
|
const PLOT_W = PLOT_R - PLOT_L;
|
|
15
12
|
const PLOT_H = PLOT_B - PLOT_T;
|
|
16
|
-
function BarChart({ data, title, ariaLabel, formatValue, className, emptyLabel = 'No data', }) {
|
|
17
|
-
const format = formatValue ??
|
|
18
|
-
const points =
|
|
13
|
+
export function BarChart({ data, title, ariaLabel, formatValue, className, emptyLabel = 'No data', }) {
|
|
14
|
+
const format = formatValue ?? defaultFormatValue;
|
|
15
|
+
const points = finitePoints(data);
|
|
19
16
|
if (points.length === 0) {
|
|
20
|
-
return (
|
|
17
|
+
return _jsx(ChartEmpty, { title: title, label: emptyLabel, className: className });
|
|
21
18
|
}
|
|
22
19
|
const values = points.map((p) => p.value);
|
|
23
|
-
const scale =
|
|
20
|
+
const scale = niceScale(Math.min(...values), Math.max(...values));
|
|
24
21
|
const span = scale.max - scale.min;
|
|
25
22
|
const yToPx = (v) => PLOT_B - ((v - scale.min) / span) * PLOT_H;
|
|
26
23
|
const baseline = yToPx(0);
|
|
@@ -29,19 +26,19 @@ function BarChart({ data, title, ariaLabel, formatValue, className, emptyLabel =
|
|
|
29
26
|
const legend = points.map((p, i) => ({
|
|
30
27
|
label: p.label,
|
|
31
28
|
value: format(p.value),
|
|
32
|
-
color:
|
|
29
|
+
color: chartColorAt(i, p.color),
|
|
33
30
|
}));
|
|
34
|
-
const summary = ariaLabel ??
|
|
35
|
-
const plot = ((
|
|
31
|
+
const summary = ariaLabel ?? buildAriaSummary(title, points, format, 'bar');
|
|
32
|
+
const plot = (_jsxs("svg", { role: "img", "aria-label": summary, width: "100%", viewBox: `0 0 ${VIEW_W} ${VIEW_H}`, preserveAspectRatio: "xMidYMid meet", className: "block h-auto w-full overflow-visible text-ink-4", children: [scale.ticks.map((t) => {
|
|
36
33
|
const y = yToPx(t);
|
|
37
|
-
return ((
|
|
34
|
+
return (_jsxs("g", { children: [_jsx("line", { x1: PLOT_L, x2: PLOT_R, y1: y, y2: y, stroke: "currentColor", strokeOpacity: t === 0 ? 0.35 : 0.12 }), _jsx("text", { x: PLOT_L - 8, y: y, textAnchor: "end", dominantBaseline: "middle", fontSize: 12, fill: "currentColor", children: format(t) })] }, `y-${t}`));
|
|
38
35
|
}), points.map((p, i) => {
|
|
39
36
|
const cx = PLOT_L + band * i + band / 2;
|
|
40
37
|
const yv = yToPx(p.value);
|
|
41
38
|
const top = Math.min(yv, baseline);
|
|
42
39
|
const h = Math.max(1, Math.abs(baseline - yv));
|
|
43
|
-
return ((
|
|
40
|
+
return (_jsxs("g", { children: [_jsx("rect", { x: cx - barW / 2, y: top, width: barW, height: h, rx: 3, fill: chartColorAt(i, p.color), children: _jsx("title", { children: `${p.label}: ${format(p.value)}` }) }), _jsx("text", { x: cx, y: PLOT_B + 16, textAnchor: "middle", fontSize: 12, fill: "currentColor", children: p.label })] }, `bar-${p.label}-${i}`));
|
|
44
41
|
})] }));
|
|
45
|
-
return (
|
|
42
|
+
return _jsx(ChartFrame, { plot: plot, legend: legend, className: className });
|
|
46
43
|
}
|
|
47
44
|
//# sourceMappingURL=bar-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-chart.js","sourceRoot":"","sources":["../../../src/ui/charts/bar-chart.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"bar-chart.js","sourceRoot":"","sources":["../../../src/ui/charts/bar-chart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,23 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
exports.ChartEmpty = ChartEmpty;
|
|
6
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const cn_1 = require("../cn");
|
|
8
|
-
const use_is_mobile_1 = require("../hooks/use-is-mobile");
|
|
9
|
-
function ChartLegend({ items, layout }) {
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../cn';
|
|
3
|
+
import { useIsMobile } from '../hooks/use-is-mobile';
|
|
4
|
+
export function ChartLegend({ items, layout }) {
|
|
10
5
|
if (items.length === 0)
|
|
11
6
|
return null;
|
|
12
|
-
return ((
|
|
7
|
+
return (_jsx("ul", { className: cn('m-0 list-none p-0 text-body-2 text-ink-3', layout === 'below'
|
|
13
8
|
? 'flex flex-row flex-wrap gap-x-4 gap-y-1.5'
|
|
14
|
-
: 'flex flex-col gap-1.5'), children: items.map((item, i) => ((
|
|
9
|
+
: 'flex flex-col gap-1.5'), children: items.map((item, i) => (_jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { "aria-hidden": "true", className: "inline-block h-2.5 w-2.5 shrink-0 rounded-sm", style: { backgroundColor: item.color } }), _jsx("span", { className: "text-ink-3", children: item.label }), item.value !== undefined && (_jsx("span", { className: "ml-auto font-medium tabular-nums text-ink", children: item.value }))] }, `${item.label}-${i}`))) }));
|
|
15
10
|
}
|
|
16
|
-
function ChartFrame({ plot, legend, className }) {
|
|
17
|
-
const isMobile =
|
|
18
|
-
return ((
|
|
11
|
+
export function ChartFrame({ plot, legend, className }) {
|
|
12
|
+
const isMobile = useIsMobile();
|
|
13
|
+
return (_jsx("div", { className: cn('w-full min-w-0 text-ink-3', className), children: _jsxs("div", { className: cn('flex min-w-0 gap-4', isMobile ? 'flex-col' : 'flex-row items-start'), children: [_jsx("div", { className: "min-w-0 flex-1", children: plot }), _jsx(ChartLegend, { items: legend, layout: isMobile ? 'below' : 'beside' })] }) }));
|
|
19
14
|
}
|
|
20
|
-
function ChartEmpty({ title, label, className }) {
|
|
21
|
-
return ((
|
|
15
|
+
export function ChartEmpty({ title, label, className }) {
|
|
16
|
+
return (_jsx("div", { role: "img", "aria-label": `${title}: ${label}`, className: cn('flex w-full items-center justify-center rounded-lg border border-dashed border-border/60 bg-muted/20 px-4 py-10 text-body-2 text-ink-4', className), children: label }));
|
|
22
17
|
}
|
|
23
18
|
//# sourceMappingURL=chart-frame.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart-frame.js","sourceRoot":"","sources":["../../../src/ui/charts/chart-frame.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"chart-frame.js","sourceRoot":"","sources":["../../../src/ui/charts/chart-frame.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAmBrD,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAoB;IAC7D,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,CACL,aACE,SAAS,EAAE,EAAE,CACX,0CAA0C,EAC1C,MAAM,KAAK,OAAO;YAChB,CAAC,CAAC,2CAA2C;YAC7C,CAAC,CAAC,uBAAuB,CAC5B,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,cAA+B,SAAS,EAAC,yBAAyB,aAChE,8BACc,MAAM,EAClB,SAAS,EAAC,8CAA8C,EACxD,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,EAAE,GACtC,EACF,eAAM,SAAS,EAAC,YAAY,YAAE,IAAI,CAAC,KAAK,GAAQ,EAC/C,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CAC3B,eAAM,SAAS,EAAC,2CAA2C,YAAE,IAAI,CAAC,KAAK,GAAQ,CAChF,KATM,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,EAAE,CAUxB,CACN,CAAC,GACC,CACN,CAAC;AACJ,CAAC;AAcD,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAmB;IACrE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,YACxD,eACE,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAC/C,aAED,cAAK,SAAS,EAAC,gBAAgB,YAAE,IAAI,GAAO,EAC5C,KAAC,WAAW,IAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,GAAI,IACjE,GACF,CACP,CAAC;AACJ,CAAC;AAaD,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAmB;IACrE,OAAO,CACL,cACE,IAAI,EAAC,KAAK,gBACE,GAAG,KAAK,KAAK,KAAK,EAAE,EAChC,SAAS,EAAE,EAAE,CACX,wIAAwI,EACxI,SAAS,CACV,YAEA,KAAK,GACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.CHART_PALETTE = void 0;
|
|
4
|
-
exports.chartColorAt = chartColorAt;
|
|
5
|
-
exports.defaultFormatValue = defaultFormatValue;
|
|
6
|
-
exports.finitePoints = finitePoints;
|
|
7
|
-
exports.niceScale = niceScale;
|
|
8
|
-
exports.buildAriaSummary = buildAriaSummary;
|
|
9
|
-
exports.CHART_PALETTE = [
|
|
1
|
+
export const CHART_PALETTE = [
|
|
10
2
|
'var(--app-primary-color, var(--chart-1, #00A4EF))',
|
|
11
3
|
'var(--chart-2, #7FBA00)',
|
|
12
4
|
'var(--chart-3, #FFB900)',
|
|
@@ -16,19 +8,19 @@ exports.CHART_PALETTE = [
|
|
|
16
8
|
'var(--chart-7, #06B6D4)',
|
|
17
9
|
'var(--chart-8, #F59E0B)',
|
|
18
10
|
];
|
|
19
|
-
function chartColorAt(index, override) {
|
|
11
|
+
export function chartColorAt(index, override) {
|
|
20
12
|
if (override !== undefined && override.length > 0)
|
|
21
13
|
return override;
|
|
22
|
-
return
|
|
14
|
+
return CHART_PALETTE[index % CHART_PALETTE.length];
|
|
23
15
|
}
|
|
24
|
-
function defaultFormatValue(value) {
|
|
16
|
+
export function defaultFormatValue(value) {
|
|
25
17
|
if (!Number.isFinite(value))
|
|
26
18
|
return '—';
|
|
27
19
|
if (Number.isInteger(value))
|
|
28
20
|
return String(value);
|
|
29
21
|
return String(Number(value.toFixed(2)));
|
|
30
22
|
}
|
|
31
|
-
function finitePoints(points) {
|
|
23
|
+
export function finitePoints(points) {
|
|
32
24
|
const out = [];
|
|
33
25
|
for (const p of points) {
|
|
34
26
|
if (Number.isFinite(p.value)) {
|
|
@@ -67,7 +59,7 @@ function niceNum(range, round) {
|
|
|
67
59
|
function tidy(value) {
|
|
68
60
|
return Number(value.toPrecision(12));
|
|
69
61
|
}
|
|
70
|
-
function niceScale(dataMin, dataMax, options = {}) {
|
|
62
|
+
export function niceScale(dataMin, dataMax, options = {}) {
|
|
71
63
|
const pinZero = options.pinZero ?? true;
|
|
72
64
|
const maxTicks = options.maxTicks ?? 5;
|
|
73
65
|
let lo = pinZero ? Math.min(0, dataMin) : dataMin;
|
|
@@ -85,7 +77,7 @@ function niceScale(dataMin, dataMax, options = {}) {
|
|
|
85
77
|
}
|
|
86
78
|
return { min: tidy(niceMin), max: tidy(niceMax), ticks };
|
|
87
79
|
}
|
|
88
|
-
function buildAriaSummary(title, points, format, noun, maxItems = 8) {
|
|
80
|
+
export function buildAriaSummary(title, points, format, noun, maxItems = 8) {
|
|
89
81
|
if (points.length === 0)
|
|
90
82
|
return `${title}: no data.`;
|
|
91
83
|
const shown = points.slice(0, maxItems);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart-utils.js","sourceRoot":"","sources":["../../../src/ui/charts/chart-utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"chart-utils.js","sourceRoot":"","sources":["../../../src/ui/charts/chart-utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const chart_frame_1 = require("./chart-frame");
|
|
6
|
-
const chart_utils_1 = require("./chart-utils");
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ChartEmpty, ChartFrame } from './chart-frame';
|
|
3
|
+
import { buildAriaSummary, chartColorAt, defaultFormatValue } from './chart-utils';
|
|
7
4
|
const SIZE = 200;
|
|
8
5
|
const CX = SIZE / 2;
|
|
9
6
|
const CY = SIZE / 2;
|
|
@@ -27,29 +24,29 @@ function slicePath(start, end) {
|
|
|
27
24
|
'Z',
|
|
28
25
|
].join(' ');
|
|
29
26
|
}
|
|
30
|
-
function DonutChart({ data, title, ariaLabel, formatValue, className, emptyLabel = 'No data', }) {
|
|
31
|
-
const format = formatValue ??
|
|
27
|
+
export function DonutChart({ data, title, ariaLabel, formatValue, className, emptyLabel = 'No data', }) {
|
|
28
|
+
const format = formatValue ?? defaultFormatValue;
|
|
32
29
|
const slices = data.filter((d) => Number.isFinite(d.value) && d.value > 0);
|
|
33
30
|
const total = slices.reduce((sum, d) => sum + d.value, 0);
|
|
34
31
|
if (slices.length === 0 || total <= 0) {
|
|
35
|
-
return (
|
|
32
|
+
return _jsx(ChartEmpty, { title: title, label: emptyLabel, className: className });
|
|
36
33
|
}
|
|
37
34
|
const legend = slices.map((d, i) => ({
|
|
38
35
|
label: d.label,
|
|
39
36
|
value: `${format(d.value)} (${Math.round((d.value / total) * 100)}%)`,
|
|
40
|
-
color:
|
|
37
|
+
color: chartColorAt(i, d.color),
|
|
41
38
|
}));
|
|
42
39
|
const summaryPoints = slices.map((d) => ({ label: d.label, value: d.value }));
|
|
43
|
-
const summary = ariaLabel ??
|
|
40
|
+
const summary = ariaLabel ?? buildAriaSummary(title, summaryPoints, format, 'slice');
|
|
44
41
|
let cursor = 0;
|
|
45
42
|
const arcs = slices.map((d, i) => {
|
|
46
43
|
const start = cursor;
|
|
47
44
|
const sweep = slices.length === 1 ? FULL - 1e-3 : (d.value / total) * FULL;
|
|
48
45
|
const end = start + sweep;
|
|
49
46
|
cursor = end;
|
|
50
|
-
return { path: slicePath(start, end), color:
|
|
47
|
+
return { path: slicePath(start, end), color: chartColorAt(i, d.color), key: `${d.label}-${i}` };
|
|
51
48
|
});
|
|
52
|
-
const plot = ((
|
|
53
|
-
return (
|
|
49
|
+
const plot = (_jsxs("svg", { role: "img", "aria-label": summary, width: "100%", viewBox: `0 0 ${SIZE} ${SIZE}`, preserveAspectRatio: "xMidYMid meet", className: "mx-auto block h-auto w-full max-w-[240px] text-ink-4", children: [arcs.map((a) => (_jsx("path", { d: a.path, fill: a.color, stroke: "var(--card, transparent)", strokeWidth: 1 }, a.key))), _jsx("text", { x: CX, y: CY, textAnchor: "middle", dominantBaseline: "middle", fontSize: 20, fontWeight: 600, fill: "currentColor", className: "text-ink", children: format(total) })] }));
|
|
50
|
+
return _jsx(ChartFrame, { plot: plot, legend: legend, className: className });
|
|
54
51
|
}
|
|
55
52
|
//# sourceMappingURL=donut-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"donut-chart.js","sourceRoot":"","sources":["../../../src/ui/charts/donut-chart.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"donut-chart.js","sourceRoot":"","sources":["../../../src/ui/charts/donut-chart.tsx"],"names":[],"mappings":"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"}
|
package/dist/ui/charts/index.js
CHANGED
|
@@ -1,21 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "defaultFormatValue", { enumerable: true, get: function () { return chart_utils_1.defaultFormatValue; } });
|
|
8
|
-
Object.defineProperty(exports, "finitePoints", { enumerable: true, get: function () { return chart_utils_1.finitePoints; } });
|
|
9
|
-
Object.defineProperty(exports, "niceScale", { enumerable: true, get: function () { return chart_utils_1.niceScale; } });
|
|
10
|
-
Object.defineProperty(exports, "buildAriaSummary", { enumerable: true, get: function () { return chart_utils_1.buildAriaSummary; } });
|
|
11
|
-
var chart_frame_1 = require("./chart-frame");
|
|
12
|
-
Object.defineProperty(exports, "ChartLegend", { enumerable: true, get: function () { return chart_frame_1.ChartLegend; } });
|
|
13
|
-
var bar_chart_1 = require("./bar-chart");
|
|
14
|
-
Object.defineProperty(exports, "BarChart", { enumerable: true, get: function () { return bar_chart_1.BarChart; } });
|
|
15
|
-
var line_chart_1 = require("./line-chart");
|
|
16
|
-
Object.defineProperty(exports, "LineChart", { enumerable: true, get: function () { return line_chart_1.LineChart; } });
|
|
17
|
-
var sparkline_1 = require("./sparkline");
|
|
18
|
-
Object.defineProperty(exports, "Sparkline", { enumerable: true, get: function () { return sparkline_1.Sparkline; } });
|
|
19
|
-
var donut_chart_1 = require("./donut-chart");
|
|
20
|
-
Object.defineProperty(exports, "DonutChart", { enumerable: true, get: function () { return donut_chart_1.DonutChart; } });
|
|
1
|
+
export { CHART_PALETTE, chartColorAt, defaultFormatValue, finitePoints, niceScale, buildAriaSummary, } from './chart-utils';
|
|
2
|
+
export { ChartLegend } from './chart-frame';
|
|
3
|
+
export { BarChart } from './bar-chart';
|
|
4
|
+
export { LineChart } from './line-chart';
|
|
5
|
+
export { Sparkline } from './sparkline';
|
|
6
|
+
export { DonutChart } from './donut-chart';
|
|
21
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/charts/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/charts/index.ts"],"names":[],"mappings":"AAWA,OAAO,EACL,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,SAAS,EACT,gBAAgB,GAIjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAwB,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAsB,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAuB,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAwB,MAAM,eAAe,CAAC"}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const chart_frame_1 = require("./chart-frame");
|
|
6
|
-
const chart_utils_1 = require("./chart-utils");
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ChartEmpty, ChartFrame } from './chart-frame';
|
|
3
|
+
import { buildAriaSummary, chartColorAt, defaultFormatValue, niceScale, } from './chart-utils';
|
|
7
4
|
const VIEW_W = 640;
|
|
8
5
|
const VIEW_H = 360;
|
|
9
6
|
const PAD = { top: 12, right: 12, bottom: 44, left: 48 };
|
|
@@ -29,8 +26,8 @@ function toSegments(points, xToPx, yToPx) {
|
|
|
29
26
|
segments.push(current.join(' '));
|
|
30
27
|
return segments;
|
|
31
28
|
}
|
|
32
|
-
function LineChart({ series, title, ariaLabel, formatValue, className, emptyLabel = 'No data', }) {
|
|
33
|
-
const format = formatValue ??
|
|
29
|
+
export function LineChart({ series, title, ariaLabel, formatValue, className, emptyLabel = 'No data', }) {
|
|
30
|
+
const format = formatValue ?? defaultFormatValue;
|
|
34
31
|
const finiteValues = [];
|
|
35
32
|
let maxLen = 0;
|
|
36
33
|
for (const s of series) {
|
|
@@ -40,9 +37,9 @@ function LineChart({ series, title, ariaLabel, formatValue, className, emptyLabe
|
|
|
40
37
|
finiteValues.push(p.value);
|
|
41
38
|
}
|
|
42
39
|
if (finiteValues.length === 0) {
|
|
43
|
-
return (
|
|
40
|
+
return _jsx(ChartEmpty, { title: title, label: emptyLabel, className: className });
|
|
44
41
|
}
|
|
45
|
-
const scale =
|
|
42
|
+
const scale = niceScale(Math.min(...finiteValues), Math.max(...finiteValues), {
|
|
46
43
|
pinZero: false,
|
|
47
44
|
});
|
|
48
45
|
const span = scale.max - scale.min;
|
|
@@ -51,20 +48,20 @@ function LineChart({ series, title, ariaLabel, formatValue, className, emptyLabe
|
|
|
51
48
|
const xLabelSource = series.find((s) => s.points.length === maxLen)?.points ?? [];
|
|
52
49
|
const legend = series.map((s, i) => ({
|
|
53
50
|
label: s.name,
|
|
54
|
-
color:
|
|
51
|
+
color: chartColorAt(i, s.color),
|
|
55
52
|
}));
|
|
56
53
|
const summaryPoints = series.flatMap((s) => s.points
|
|
57
54
|
.filter((p) => Number.isFinite(p.value))
|
|
58
55
|
.map((p) => ({ label: `${s.name} ${p.label}`, value: p.value })));
|
|
59
|
-
const summary = ariaLabel ??
|
|
60
|
-
const plot = ((
|
|
56
|
+
const summary = ariaLabel ?? buildAriaSummary(title, summaryPoints, format, 'point');
|
|
57
|
+
const plot = (_jsxs("svg", { role: "img", "aria-label": summary, width: "100%", viewBox: `0 0 ${VIEW_W} ${VIEW_H}`, preserveAspectRatio: "xMidYMid meet", className: "block h-auto w-full overflow-visible text-ink-4", children: [scale.ticks.map((t) => {
|
|
61
58
|
const y = yToPx(t);
|
|
62
|
-
return ((
|
|
63
|
-
}), xLabelSource.map((p, i) => ((
|
|
64
|
-
const color =
|
|
59
|
+
return (_jsxs("g", { children: [_jsx("line", { x1: PLOT_L, x2: PLOT_R, y1: y, y2: y, stroke: "currentColor", strokeOpacity: 0.12 }), _jsx("text", { x: PLOT_L - 8, y: y, textAnchor: "end", dominantBaseline: "middle", fontSize: 12, fill: "currentColor", children: format(t) })] }, `y-${t}`));
|
|
60
|
+
}), xLabelSource.map((p, i) => (_jsx("text", { x: xToPx(i), y: PLOT_B + 16, textAnchor: "middle", fontSize: 12, fill: "currentColor", children: p.label }, `x-${p.label}-${i}`))), series.map((s, si) => {
|
|
61
|
+
const color = chartColorAt(si, s.color);
|
|
65
62
|
const segments = toSegments(s.points, xToPx, yToPx);
|
|
66
|
-
return ((
|
|
63
|
+
return (_jsxs("g", { children: [segments.map((pts, gi) => (_jsx("polyline", { points: pts, fill: "none", stroke: color, strokeWidth: 2, strokeLinejoin: "round", strokeLinecap: "round" }, `seg-${gi}`))), s.points.map((p, i) => Number.isFinite(p.value) ? (_jsx("circle", { cx: xToPx(i), cy: yToPx(p.value), r: 2.5, fill: color, children: _jsx("title", { children: `${s.name} — ${p.label}: ${format(p.value)}` }) }, `pt-${i}`)) : null)] }, `line-${s.name}-${si}`));
|
|
67
64
|
})] }));
|
|
68
|
-
return (
|
|
65
|
+
return _jsx(ChartFrame, { plot: plot, legend: legend, className: className });
|
|
69
66
|
}
|
|
70
67
|
//# sourceMappingURL=line-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-chart.js","sourceRoot":"","sources":["../../../src/ui/charts/line-chart.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"line-chart.js","sourceRoot":"","sources":["../../../src/ui/charts/line-chart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const cn_1 = require("../cn");
|
|
6
|
-
const chart_utils_1 = require("./chart-utils");
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../cn';
|
|
3
|
+
import { chartColorAt, defaultFormatValue, niceScale } from './chart-utils';
|
|
7
4
|
const VIEW_W = 100;
|
|
8
5
|
const VIEW_H = 28;
|
|
9
6
|
const PAD_Y = 3;
|
|
10
|
-
function Sparkline({ values, title, ariaLabel, formatValue, color, className, emptyLabel = 'No data', }) {
|
|
11
|
-
const format = formatValue ??
|
|
7
|
+
export function Sparkline({ values, title, ariaLabel, formatValue, color, className, emptyLabel = 'No data', }) {
|
|
8
|
+
const format = formatValue ?? defaultFormatValue;
|
|
12
9
|
const finite = values.filter((v) => Number.isFinite(v));
|
|
13
10
|
if (finite.length === 0) {
|
|
14
|
-
return ((
|
|
11
|
+
return (_jsx("span", { role: "img", "aria-label": `${title}: ${emptyLabel}`, className: cn('inline-block text-body-2 text-ink-4', className), children: emptyLabel }));
|
|
15
12
|
}
|
|
16
|
-
const scale =
|
|
13
|
+
const scale = niceScale(Math.min(...finite), Math.max(...finite), { pinZero: false });
|
|
17
14
|
const span = scale.max - scale.min;
|
|
18
15
|
const yToPx = (v) => VIEW_H - PAD_Y - ((v - scale.min) / span) * (VIEW_H - 2 * PAD_Y);
|
|
19
16
|
const xToPx = (i) => values.length <= 1 ? VIEW_W / 2 : (i / (values.length - 1)) * VIEW_W;
|
|
@@ -29,11 +26,11 @@ function Sparkline({ values, title, ariaLabel, formatValue, color, className, em
|
|
|
29
26
|
});
|
|
30
27
|
if (current.length > 0)
|
|
31
28
|
segments.push(current.join(' '));
|
|
32
|
-
const stroke =
|
|
29
|
+
const stroke = chartColorAt(0, color);
|
|
33
30
|
const first = finite[0];
|
|
34
31
|
const last = finite[finite.length - 1];
|
|
35
32
|
const summary = ariaLabel ??
|
|
36
33
|
`${title}: trend of ${finite.length} points, from ${format(first)} to ${format(last)}.`;
|
|
37
|
-
return ((
|
|
34
|
+
return (_jsx("svg", { role: "img", "aria-label": summary, width: "100%", viewBox: `0 0 ${VIEW_W} ${VIEW_H}`, preserveAspectRatio: "none", className: cn('block h-auto w-full overflow-visible', className), children: segments.map((pts, i) => (_jsx("polyline", { points: pts, fill: "none", stroke: stroke, strokeWidth: 1.5, strokeLinejoin: "round", strokeLinecap: "round", vectorEffect: "non-scaling-stroke" }, `seg-${i}`))) }));
|
|
38
35
|
}
|
|
39
36
|
//# sourceMappingURL=sparkline.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sparkline.js","sourceRoot":"","sources":["../../../src/ui/charts/sparkline.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"sparkline.js","sourceRoot":"","sources":["../../../src/ui/charts/sparkline.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,23 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
exports.default = AsyncBoundary;
|
|
7
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
const ErrorCard_1 = __importDefault(require("./ErrorCard"));
|
|
9
|
-
const EmptyState_1 = __importDefault(require("./EmptyState"));
|
|
10
|
-
const LoadingState_1 = __importDefault(require("./LoadingState"));
|
|
11
|
-
function AsyncBoundary({ isLoading, error, isEmpty, empty, onRetry, loadingVariant, formatError, children, }) {
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import ErrorCard from './ErrorCard';
|
|
3
|
+
import EmptyState from './EmptyState';
|
|
4
|
+
import LoadingState from './LoadingState';
|
|
5
|
+
export default function AsyncBoundary({ isLoading, error, isEmpty, empty, onRetry, loadingVariant, formatError, children, }) {
|
|
12
6
|
if (isLoading) {
|
|
13
|
-
return (
|
|
7
|
+
return _jsx(LoadingState, { variant: loadingVariant });
|
|
14
8
|
}
|
|
15
9
|
if (error) {
|
|
16
|
-
return (
|
|
10
|
+
return _jsx(ErrorCard, { error: error, onRetry: onRetry, formatError: formatError });
|
|
17
11
|
}
|
|
18
12
|
if (isEmpty && empty) {
|
|
19
|
-
return (
|
|
13
|
+
return _jsx(EmptyState, { icon: empty.icon, title: empty.title, description: empty.description });
|
|
20
14
|
}
|
|
21
|
-
return (
|
|
15
|
+
return _jsx(_Fragment, { children: children });
|
|
22
16
|
}
|
|
23
17
|
//# sourceMappingURL=AsyncBoundary.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AsyncBoundary.js","sourceRoot":"","sources":["../../../src/ui/chrome/AsyncBoundary.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AsyncBoundary.js","sourceRoot":"","sources":["../../../src/ui/chrome/AsyncBoundary.tsx"],"names":[],"mappings":";AAGA,OAAO,SAAyC,MAAM,aAAa,CAAC;AACpE,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,YAA0C,MAAM,gBAAgB,CAAC;AAqCxE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACL,OAAO,EACP,cAAc,EACd,WAAW,EACX,QAAQ,GACqB;IAC7B,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,KAAC,YAAY,IAAC,OAAO,EAAE,cAAc,GAAI,CAAC;IACnD,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;IACjF,CAAC;IAED,IAAI,OAAO,IAAI,KAAK,EAAE,CAAC;QACrB,OAAO,KAAC,UAAU,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,GAAI,CAAC;IAC9F,CAAC;IAED,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC"}
|