@squadbase/vantage 0.7.0-dev1.5d49eae → 0.7.0-dev1.70b058b

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.
@@ -4,7 +4,7 @@ import { formatDateRange, EMPTY_VALUE, formatDate, toValueFormatter, formatValue
4
4
  import { Tooltip, TooltipTrigger, TooltipContent, Badge, SidebarProvider, Sidebar, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarFooter, SidebarRail, SidebarInset, SidebarTrigger, Separator, Input, Table, TableHeader, TableRow, TableHead, TableBody, TableCell, Skeleton, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, useIsMobile, Popover, PopoverTrigger, PopoverContent, Calendar, ToggleGroup, ToggleGroupItem, SelectGroup, SelectLabel, Collapsible, CollapsibleTrigger, SidebarMenuButton, SidebarMenuBadge, CollapsibleContent, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton, SidebarMenuItem, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, Checkbox, Card, CardHeader, CardDescription, CardTitle, CardAction, CardFooter } from './chunk-QNOX7WLZ.js';
5
5
  import { useLocale, uiLanguage, Button, weekStartsOn, resolveLocale, defaultFiscalYearStartMonth, FALLBACK_LOCALE } from './chunk-ROHNXP7J.js';
6
6
  import { cn } from './chunk-U736PVHY.js';
7
- import { forwardRef, useState, useEffect, createContext, useId, useMemo, useRef, useCallback, Fragment as Fragment$1, useContext } from 'react';
7
+ import { forwardRef, useState, useEffect, createContext, useId, useMemo, useRef, useCallback, Fragment as Fragment$1, useContext, useInsertionEffect, useLayoutEffect } from 'react';
8
8
  import { cva } from 'class-variance-authority';
9
9
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
10
10
  import { Search, Columns3, CalendarIcon, ChevronDownIcon, ArrowUp, ArrowDown, ArrowRight, Minus, ChevronRight, ArrowUpDown, XIcon, LoaderIcon, CheckIcon, Download, ChevronDown, X, CircleX, TriangleAlert, CircleCheck } from 'lucide-react';
@@ -9022,7 +9022,69 @@ var Placeholder = forwardRef(function Placeholder2({ className, ...props }, ref)
9022
9022
  );
9023
9023
  });
9024
9024
  Placeholder.displayName = "Placeholder";
9025
+ function DraftChart({ children }) {
9026
+ if (!import.meta.env.DEV) return null;
9027
+ return /* @__PURE__ */ jsx(DraftChartPreview, { children });
9028
+ }
9029
+ var STYLE_ID = "vantage-draft-chart";
9030
+ var DRAFT_CSS = `@layer components {
9031
+ [data-sq-draft] {
9032
+ position: relative;
9033
+ isolation: isolate;
9034
+ }
9035
+ [data-sq-draft]::after {
9036
+ content: "";
9037
+ position: absolute;
9038
+ inset: -1px;
9039
+ z-index: 2147483647;
9040
+ border-radius: inherit;
9041
+ background-color: var(--background);
9042
+ opacity: 0.75;
9043
+ pointer-events: none;
9044
+ transition: opacity 200ms ease;
9045
+ }
9046
+ [data-sq-draft]:hover::after {
9047
+ opacity: 0;
9048
+ }
9049
+ @media (prefers-reduced-motion: reduce) {
9050
+ [data-sq-draft]::after {
9051
+ transition: none;
9052
+ }
9053
+ }
9054
+ }`;
9055
+ function DraftChartPreview({ children }) {
9056
+ const ref = useRef(null);
9057
+ useInsertionEffect(() => {
9058
+ let style = document.getElementById(STYLE_ID);
9059
+ if (!style) {
9060
+ style = document.createElement("style");
9061
+ style.id = STYLE_ID;
9062
+ document.head.appendChild(style);
9063
+ }
9064
+ if (style.textContent !== DRAFT_CSS) style.textContent = DRAFT_CSS;
9065
+ }, []);
9066
+ useLayoutEffect(() => {
9067
+ const wrapper = ref.current;
9068
+ if (!wrapper) return;
9069
+ let marked = null;
9070
+ const mark = () => {
9071
+ const root = wrapper.firstElementChild;
9072
+ if (root === marked) return;
9073
+ marked?.removeAttribute("data-sq-draft");
9074
+ root?.setAttribute("data-sq-draft", "");
9075
+ marked = root;
9076
+ };
9077
+ mark();
9078
+ const observer = new MutationObserver(mark);
9079
+ observer.observe(wrapper, { childList: true });
9080
+ return () => {
9081
+ observer.disconnect();
9082
+ marked?.removeAttribute("data-sq-draft");
9083
+ };
9084
+ }, []);
9085
+ return /* @__PURE__ */ jsx("div", { ref, "data-slot": "draft-chart", style: { display: "contents" }, children });
9086
+ }
9025
9087
 
9026
- export { AppShell, AreaChart, BarChart, BarList, COMPARISON_LABELS, CategoryBar, ChartFrame, ComboChart, DEFAULT_SAMPLE_LABEL, DELTA_NOT_COMPARABLE, DashboardCard, DashboardCardAction, DashboardCardContent, DashboardCardDescription, DashboardCardFooter, DashboardCardHeader, DashboardCardPreset, DashboardCardSkeleton, DashboardCardTitle, DataTable, DataTableColumnVisibility, DataTableContent, DataTableExport, DataTablePagination, DataTablePreset, DataTableToolbar, DateRangePicker, Delta, DonutChart, FilledMap, FilterBar, FilterBarActiveChips, FilterBarClearButton, FilterBarMultiSelect, FilterBarPreset, FilterBarSelect, FunnelSteps, Heatmap, KpiCard, Legend, LineChart, MetricUnit, MetricValue, MultiSelect, PageShell, PageShellActions, PageShellContent, PageShellDescription, PageShellHeader, PageShellHeaderEnd, PageShellHeading, PageShellMeta, PageShellSummary, PageShellSummaryCard, PageShellTitle, PivotTable, Placeholder, ProgressCircle, RECORD_MIN_POINTS, SampleBadge, SampleClaim, SampleData, ScatterChart, SearchableSelect, SectionHeader, SegmentedControl, StatusBadge, SymbolMap, Tracker, Treemap, TrendIndicator, UpdatedAt, WaterfallChart, comparisonBaseline, comparisonLabel, computeComparison, computeTargetProgress, defaultChangeDisplay, defaultPresets, deltaVariants, detectRecord, fillKpiTemplate, flattenOptions, formatChange, formatChangeAmount, formatRelativeTime, funnelStepsVariants, inferPeriodGrain, isGroupedOptions, metricValueVariants, pageShellSummaryCardVariants, tableToCsv, toCsv, toneForValue, useDataTable, useSampleMark };
9027
- //# sourceMappingURL=chunk-NYQJ5UY4.js.map
9028
- //# sourceMappingURL=chunk-NYQJ5UY4.js.map
9088
+ export { AppShell, AreaChart, BarChart, BarList, COMPARISON_LABELS, CategoryBar, ChartFrame, ComboChart, DEFAULT_SAMPLE_LABEL, DELTA_NOT_COMPARABLE, DashboardCard, DashboardCardAction, DashboardCardContent, DashboardCardDescription, DashboardCardFooter, DashboardCardHeader, DashboardCardPreset, DashboardCardSkeleton, DashboardCardTitle, DataTable, DataTableColumnVisibility, DataTableContent, DataTableExport, DataTablePagination, DataTablePreset, DataTableToolbar, DateRangePicker, Delta, DonutChart, DraftChart, FilledMap, FilterBar, FilterBarActiveChips, FilterBarClearButton, FilterBarMultiSelect, FilterBarPreset, FilterBarSelect, FunnelSteps, Heatmap, KpiCard, Legend, LineChart, MetricUnit, MetricValue, MultiSelect, PageShell, PageShellActions, PageShellContent, PageShellDescription, PageShellHeader, PageShellHeaderEnd, PageShellHeading, PageShellMeta, PageShellSummary, PageShellSummaryCard, PageShellTitle, PivotTable, Placeholder, ProgressCircle, RECORD_MIN_POINTS, SampleBadge, SampleClaim, SampleData, ScatterChart, SearchableSelect, SectionHeader, SegmentedControl, StatusBadge, SymbolMap, Tracker, Treemap, TrendIndicator, UpdatedAt, WaterfallChart, comparisonBaseline, comparisonLabel, computeComparison, computeTargetProgress, defaultChangeDisplay, defaultPresets, deltaVariants, detectRecord, fillKpiTemplate, flattenOptions, formatChange, formatChangeAmount, formatRelativeTime, funnelStepsVariants, inferPeriodGrain, isGroupedOptions, metricValueVariants, pageShellSummaryCardVariants, tableToCsv, toCsv, toneForValue, useDataTable, useSampleMark };
9089
+ //# sourceMappingURL=chunk-4KMBJHNZ.js.map
9090
+ //# sourceMappingURL=chunk-4KMBJHNZ.js.map