@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.
- package/dist/{chunk-NYQJ5UY4.js → chunk-4KMBJHNZ.js} +66 -4
- package/dist/chunk-4KMBJHNZ.js.map +1 -0
- package/dist/components/index.d.ts +17 -1
- package/dist/components/index.js +1 -1
- package/dist/table/index.js +1 -1
- package/docs/en/parts/draft-chart.md +42 -0
- package/docs/index.json +68 -48
- package/docs/ja/parts/draft-chart.md +40 -0
- package/package.json +2 -2
- package/dist/chunk-NYQJ5UY4.js.map +0 -1
|
@@ -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-
|
|
9028
|
-
//# sourceMappingURL=chunk-
|
|
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
|