@powered-by-array/ui 1.77.0 → 1.78.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/components/CardContainer/CardContainer.variants.d.ts +1 -1
- package/dist/components/CardContainer/CardContainer.variants.d.ts.map +1 -1
- package/dist/components/CardContainer/CardContainer.variants.js +2 -0
- package/dist/components/CardContainer/CardContainer.variants.js.map +1 -1
- package/dist/components/DropdownButton/DropdownButton.d.ts +1 -1
- package/dist/components/DropdownButton/DropdownButton.d.ts.map +1 -1
- package/dist/components/DropdownButton/DropdownButton.js +21 -3
- package/dist/components/DropdownButton/DropdownButton.js.map +1 -1
- package/dist/components/DropdownButton/DropdownButton.types.d.ts +11 -0
- package/dist/components/DropdownButton/DropdownButton.types.d.ts.map +1 -1
- package/dist/components/DropdownButton/DropdownButton.variants.d.ts +3 -3
- package/dist/components/DropdownButton/DropdownButton.variants.d.ts.map +1 -1
- package/dist/components/DropdownButton/DropdownButton.variants.js +11 -7
- package/dist/components/DropdownButton/DropdownButton.variants.js.map +1 -1
- package/dist/components/LineChartCard/LineChartCard.d.ts +7 -0
- package/dist/components/LineChartCard/LineChartCard.d.ts.map +1 -0
- package/dist/components/LineChartCard/LineChartCard.js +17 -0
- package/dist/components/LineChartCard/LineChartCard.js.map +1 -0
- package/dist/components/LineChartCard/LineChartCard.types.d.ts +19 -0
- package/dist/components/LineChartCard/LineChartCard.types.d.ts.map +1 -0
- package/dist/components/LineChartCard/LineChartCard.types.js +2 -0
- package/dist/components/LineChartCard/LineChartCard.types.js.map +1 -0
- package/dist/components/LineChartCard/LineChartCard.variants.d.ts +23 -0
- package/dist/components/LineChartCard/LineChartCard.variants.d.ts.map +1 -0
- package/dist/components/LineChartCard/LineChartCard.variants.js +36 -0
- package/dist/components/LineChartCard/LineChartCard.variants.js.map +1 -0
- package/dist/components/LineChartCard/index.d.ts +5 -0
- package/dist/components/LineChartCard/index.d.ts.map +1 -0
- package/dist/components/LineChartCard/index.js +3 -0
- package/dist/components/LineChartCard/index.js.map +1 -0
- package/dist/components/SemanticBarChart/Chart/Chart.d.ts +3 -1
- package/dist/components/SemanticBarChart/Chart/Chart.d.ts.map +1 -1
- package/dist/components/SemanticBarChart/Chart/Chart.js +2 -2
- package/dist/components/SemanticBarChart/Chart/Chart.js.map +1 -1
- package/dist/components/SemanticLineChart/SemanticLineChart.d.ts +7 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.d.ts.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.js +99 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.js.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.path.utils.d.ts +18 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.path.utils.d.ts.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.path.utils.js +52 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.path.utils.js.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.types.d.ts +49 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.types.d.ts.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.types.js +2 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.types.js.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.utils.d.ts +17 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.utils.d.ts.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.utils.js +58 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.utils.js.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.variants.d.ts +68 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.variants.d.ts.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.variants.js +98 -0
- package/dist/components/SemanticLineChart/SemanticLineChart.variants.js.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChartDot.d.ts +12 -0
- package/dist/components/SemanticLineChart/SemanticLineChartDot.d.ts.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChartDot.js +10 -0
- package/dist/components/SemanticLineChart/SemanticLineChartDot.js.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChartGrid.d.ts +9 -0
- package/dist/components/SemanticLineChart/SemanticLineChartGrid.d.ts.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChartGrid.js +52 -0
- package/dist/components/SemanticLineChart/SemanticLineChartGrid.js.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChartHitCurve.d.ts +12 -0
- package/dist/components/SemanticLineChart/SemanticLineChartHitCurve.d.ts.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChartHitCurve.js +21 -0
- package/dist/components/SemanticLineChart/SemanticLineChartHitCurve.js.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChartSeriesDots.d.ts +21 -0
- package/dist/components/SemanticLineChart/SemanticLineChartSeriesDots.d.ts.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChartSeriesDots.js +65 -0
- package/dist/components/SemanticLineChart/SemanticLineChartSeriesDots.js.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChartTrimmedCurve.d.ts +10 -0
- package/dist/components/SemanticLineChart/SemanticLineChartTrimmedCurve.d.ts.map +1 -0
- package/dist/components/SemanticLineChart/SemanticLineChartTrimmedCurve.js +13 -0
- package/dist/components/SemanticLineChart/SemanticLineChartTrimmedCurve.js.map +1 -0
- package/dist/components/SemanticLineChart/index.d.ts +5 -0
- package/dist/components/SemanticLineChart/index.d.ts.map +1 -0
- package/dist/components/SemanticLineChart/index.js +3 -0
- package/dist/components/SemanticLineChart/index.js.map +1 -0
- package/dist/components/SemanticLineChart/useSemanticLineChartDotsReveal.d.ts +6 -0
- package/dist/components/SemanticLineChart/useSemanticLineChartDotsReveal.d.ts.map +1 -0
- package/dist/components/SemanticLineChart/useSemanticLineChartDotsReveal.js +47 -0
- package/dist/components/SemanticLineChart/useSemanticLineChartDotsReveal.js.map +1 -0
- package/dist/components/SemanticLineChart/useSemanticLineChartEntryAnimation.d.ts +18 -0
- package/dist/components/SemanticLineChart/useSemanticLineChartEntryAnimation.d.ts.map +1 -0
- package/dist/components/SemanticLineChart/useSemanticLineChartEntryAnimation.js +37 -0
- package/dist/components/SemanticLineChart/useSemanticLineChartEntryAnimation.js.map +1 -0
- package/dist/components/SemanticLineChart/useSemanticLineChartSeriesHover.d.ts +13 -0
- package/dist/components/SemanticLineChart/useSemanticLineChartSeriesHover.d.ts.map +1 -0
- package/dist/components/SemanticLineChart/useSemanticLineChartSeriesHover.js +57 -0
- package/dist/components/SemanticLineChart/useSemanticLineChartSeriesHover.js.map +1 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type VariantProps } from "class-variance-authority";
|
|
2
2
|
export declare const cardContainerVariants: (props?: ({
|
|
3
|
-
variant?: "default" | "outline" | null | undefined;
|
|
3
|
+
variant?: "default" | "outline" | "dataViz" | null | undefined;
|
|
4
4
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5
5
|
export type CardContainerVariants = VariantProps<typeof cardContainerVariants>;
|
|
6
6
|
//# sourceMappingURL=CardContainer.variants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContainer.variants.d.ts","sourceRoot":"","sources":["../../../src/components/CardContainer/CardContainer.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,qBAAqB;;
|
|
1
|
+
{"version":3,"file":"CardContainer.variants.d.ts","sourceRoot":"","sources":["../../../src/components/CardContainer/CardContainer.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,qBAAqB;;8EAmBhC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
|
|
@@ -11,6 +11,8 @@ export const cardContainerVariants = cva("rounded-xl p-5 transition-colors", {
|
|
|
11
11
|
outline: [
|
|
12
12
|
"border border-[var(--color-semantic-card-container-outline-border)]",
|
|
13
13
|
],
|
|
14
|
+
// Filled surface without hover lighten — keeps chart grid contrast stable (e.g. LineChartCard).
|
|
15
|
+
dataViz: ["bg-[var(--color-semantic-card-container-bg)]"],
|
|
14
16
|
},
|
|
15
17
|
},
|
|
16
18
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContainer.variants.js","sourceRoot":"","sources":["../../../src/components/CardContainer/CardContainer.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAC,kCAAkC,EAAE;IAC3E,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,gFAAgF;YAChF,OAAO,EAAE;gBACP,8CAA8C;gBAC9C,0DAA0D;aAC3D;YACD,uEAAuE;YACvE,OAAO,EAAE;gBACP,qEAAqE;aACtE;
|
|
1
|
+
{"version":3,"file":"CardContainer.variants.js","sourceRoot":"","sources":["../../../src/components/CardContainer/CardContainer.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAC,kCAAkC,EAAE;IAC3E,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,gFAAgF;YAChF,OAAO,EAAE;gBACP,8CAA8C;gBAC9C,0DAA0D;aAC3D;YACD,uEAAuE;YACvE,OAAO,EAAE;gBACP,qEAAqE;aACtE;YACD,gGAAgG;YAChG,OAAO,EAAE,CAAC,8CAA8C,CAAC;SAC1D;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { DropdownButtonProps } from "./DropdownButton.types.js";
|
|
2
|
-
declare function DropdownButton({ label, items, actionItems, onPrimaryAction, onItemSelect, minWidth, disabled, open: openProp, defaultOpen, onOpenChange, className, }: DropdownButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare function DropdownButton({ label, items, actionItems, onPrimaryAction, onItemSelect, minWidth, disabled, open: openProp, defaultOpen, onOpenChange, avoidCollisions, container, className, }: DropdownButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export { DropdownButton };
|
|
4
4
|
//# sourceMappingURL=DropdownButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAEV,mBAAmB,EACpB,MAAM,2BAA2B,CAAC;AAenC,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,QAAgB,EAChB,IAAI,EAAE,QAAQ,EACd,WAAmB,EACnB,YAAY,EACZ,SAAS,GACV,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAEV,mBAAmB,EACpB,MAAM,2BAA2B,CAAC;AAenC,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,QAAgB,EAChB,IAAI,EAAE,QAAQ,EACd,WAAmB,EACnB,YAAY,EACZ,eAAsB,EACtB,SAAS,EACT,SAAS,GACV,EAAE,mBAAmB,2CA2JrB;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -4,12 +4,30 @@ import { ChevronDown, CircleCheck, CircleX } from "lucide-react";
|
|
|
4
4
|
import * as React from "react";
|
|
5
5
|
import { cn } from "../../lib/cn.js";
|
|
6
6
|
import { dropdownButtonActionClasses, dropdownButtonActiveLabelClasses, dropdownButtonChevronClasses, dropdownButtonContainerClasses, dropdownButtonMenuContentClasses, dropdownButtonMenuItemClasses, dropdownButtonMenuSeparatorClasses, dropdownButtonNegativeIconClasses, dropdownButtonPositiveIconClasses, dropdownButtonTerminalIconClasses, dropdownButtonTriggerClasses, } from "./DropdownButton.variants.js";
|
|
7
|
-
function DropdownButton({ label, items, actionItems, onPrimaryAction, onItemSelect, minWidth, disabled = false, open: openProp, defaultOpen = false, onOpenChange, className, }) {
|
|
7
|
+
function DropdownButton({ label, items, actionItems, onPrimaryAction, onItemSelect, minWidth, disabled = false, open: openProp, defaultOpen = false, onOpenChange, avoidCollisions = true, container, className, }) {
|
|
8
8
|
// Track open state internally so we can drive the container border-radius and
|
|
9
9
|
// chevron rotation regardless of controlled vs. uncontrolled usage.
|
|
10
10
|
const isControlled = openProp !== undefined;
|
|
11
11
|
const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
|
|
12
12
|
const isOpen = isControlled ? openProp : internalOpen;
|
|
13
|
+
// Track which side Radix actually places the menu on (may flip from "bottom" to
|
|
14
|
+
// "top" when avoidCollisions repositions it near the viewport edge).
|
|
15
|
+
const [openSide, setOpenSide] = React.useState("bottom");
|
|
16
|
+
const sideObserverRef = React.useRef(null);
|
|
17
|
+
const contentCallbackRef = React.useCallback((el) => {
|
|
18
|
+
sideObserverRef.current?.disconnect();
|
|
19
|
+
if (!el)
|
|
20
|
+
return;
|
|
21
|
+
const sync = () => {
|
|
22
|
+
const s = el.getAttribute("data-side");
|
|
23
|
+
if (s === "top" || s === "bottom")
|
|
24
|
+
setOpenSide(s);
|
|
25
|
+
};
|
|
26
|
+
sync();
|
|
27
|
+
const obs = new MutationObserver(sync);
|
|
28
|
+
obs.observe(el, { attributes: true, attributeFilter: ["data-side"] });
|
|
29
|
+
sideObserverRef.current = obs;
|
|
30
|
+
}, []);
|
|
13
31
|
// Label updates to the selected item label when picked from the dropdown.
|
|
14
32
|
// Resets if the parent changes the label prop.
|
|
15
33
|
const [displayLabel, setDisplayLabel] = React.useState(label);
|
|
@@ -19,14 +37,14 @@ function DropdownButton({ label, items, actionItems, onPrimaryAction, onItemSele
|
|
|
19
37
|
setInternalOpen(next);
|
|
20
38
|
onOpenChange?.(next);
|
|
21
39
|
}, [isControlled, onOpenChange]);
|
|
22
|
-
return (_jsxs(DropdownMenuPrimitive.Root, { open: isControlled ? openProp : internalOpen, onOpenChange: handleOpenChange, modal: false, children: [_jsx(DropdownMenuPrimitive.Trigger, { asChild: true, disabled: disabled, children: _jsxs("div", { "data-slot": "dropdown-button", "data-state": isOpen ? "open" : "closed", "data-disabled": disabled || undefined, className: cn(dropdownButtonContainerClasses, className), style: minWidth !== undefined ? { minWidth } : undefined, children: [_jsx("button", { "data-slot": "dropdown-button-action", type: "button", onPointerDown: (e) => e.stopPropagation(), onClick: (e) => {
|
|
40
|
+
return (_jsxs(DropdownMenuPrimitive.Root, { open: isControlled ? openProp : internalOpen, onOpenChange: handleOpenChange, modal: false, children: [_jsx(DropdownMenuPrimitive.Trigger, { asChild: true, disabled: disabled, children: _jsxs("div", { "data-slot": "dropdown-button", "data-state": isOpen ? "open" : "closed", "data-open-side": isOpen ? openSide : undefined, "data-disabled": disabled || undefined, className: cn(dropdownButtonContainerClasses, className), style: minWidth !== undefined ? { minWidth } : undefined, children: [_jsx("button", { "data-slot": "dropdown-button-action", type: "button", onPointerDown: (e) => e.stopPropagation(), onClick: (e) => {
|
|
23
41
|
e.stopPropagation();
|
|
24
42
|
onPrimaryAction();
|
|
25
43
|
}, onKeyDown: (e) => {
|
|
26
44
|
if (e.key === "Enter" || e.key === " ")
|
|
27
45
|
e.stopPropagation();
|
|
28
46
|
}, disabled: disabled, className: cn(dropdownButtonActionClasses), children: _jsx("span", { children: displayLabel }) }), _jsx("div", { "data-slot": "dropdown-button-trigger", "aria-hidden": "true", className: cn(dropdownButtonTriggerClasses, isOpen &&
|
|
29
|
-
"bg-[var(--color-semantic-dropdown-btn-trigger-open-bg)] hover:bg-[var(--color-semantic-dropdown-btn-trigger-open-bg)]"), children: _jsx(ChevronDown, { className: cn(dropdownButtonChevronClasses, isOpen && "rotate-180") }) })] }) }), _jsx(DropdownMenuPrimitive.Portal, { children: _jsxs(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-button-content", side: "bottom", align: "start", sideOffset: 0, avoidCollisions:
|
|
47
|
+
"bg-[var(--color-semantic-dropdown-btn-trigger-open-bg)] hover:bg-[var(--color-semantic-dropdown-btn-trigger-open-bg)]"), children: _jsx(ChevronDown, { className: cn(dropdownButtonChevronClasses, isOpen && "rotate-180") }) })] }) }), _jsx(DropdownMenuPrimitive.Portal, { container: container, children: _jsxs(DropdownMenuPrimitive.Content, { ref: contentCallbackRef, "data-slot": "dropdown-button-content", side: "bottom", align: "start", sideOffset: 0, avoidCollisions: avoidCollisions, className: cn(dropdownButtonMenuContentClasses), children: [items.map((item) => (_jsxs(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-button-item", disabled: item.isActive, onSelect: item.isActive ? undefined : () => {
|
|
30
48
|
setDisplayLabel(item.label);
|
|
31
49
|
onItemSelect?.(item);
|
|
32
50
|
item.onSelect();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAKrC,OAAO,EACL,2BAA2B,EAC3B,gCAAgC,EAChC,4BAA4B,EAC5B,8BAA8B,EAC9B,gCAAgC,EAChC,6BAA6B,EAC7B,kCAAkC,EAClC,iCAAiC,EACjC,iCAAiC,EACjC,iCAAiC,EACjC,4BAA4B,GAC7B,MAAM,8BAA8B,CAAC;AAEtC,SAAS,cAAc,CAAC,EACtB,KAAK,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,IAAI,EAAE,QAAQ,EACd,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,SAAS,GACW;IACpB,8EAA8E;IAC9E,oEAAoE;IACpE,MAAM,YAAY,GAAG,QAAQ,KAAK,SAAS,CAAC;IAC5C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IACpE,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;IAEtD,0EAA0E;IAC1E,+CAA+C;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE5D,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,IAAa,EAAE,EAAE;QAChB,IAAI,CAAC,YAAY;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QACzC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B,CAAC;IAEF,OAAO,CACL,MAAC,qBAAqB,CAAC,IAAI,IACzB,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAC5C,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,KAAK,aAOZ,KAAC,qBAAqB,CAAC,OAAO,IAAC,OAAO,QAAC,QAAQ,EAAE,QAAQ,YACvD,4BACY,iBAAiB,gBACf,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -49,6 +49,17 @@ export type DropdownButtonProps = {
|
|
|
49
49
|
defaultOpen?: boolean;
|
|
50
50
|
/** Called when the dropdown open state changes. */
|
|
51
51
|
onOpenChange?: (open: boolean) => void;
|
|
52
|
+
/**
|
|
53
|
+
* Whether the dropdown content should avoid collisions with the viewport
|
|
54
|
+
* edges. Defaults to `true`. Set to `false` to disable repositioning.
|
|
55
|
+
*/
|
|
56
|
+
avoidCollisions?: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* DOM element to render the dropdown portal into. Defaults to `document.body`.
|
|
59
|
+
* Pass a scroll container element (e.g. `document.getElementById('my-list')`)
|
|
60
|
+
* so the menu stays anchored when the page scrolls.
|
|
61
|
+
*/
|
|
62
|
+
container?: HTMLElement | null;
|
|
52
63
|
className?: string;
|
|
53
64
|
};
|
|
54
65
|
//# sourceMappingURL=DropdownButton.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACtC,oFAAoF;IACpF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,6EAA6E;IAC7E,WAAW,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACzC,6DAA6D;IAC7D,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
|
|
1
|
+
{"version":3,"file":"DropdownButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACtC,oFAAoF;IACpF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,6EAA6E;IAC7E,WAAW,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACzC,6DAA6D;IAC7D,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/** Outer unified pill container — shared border + bg;
|
|
2
|
-
export declare const dropdownButtonContainerClasses: readonly ["inline-flex items-center", "h-9 pl-3 pr-[3px] py-[3px]", "rounded-[9px]", "bg-[var(--color-semantic-button-primary-bg)]", "border border-[var(--color-semantic-button-primary-bg)]", "[transition:border-radius_300ms_ease]", "data-[
|
|
1
|
+
/** Outer unified pill container — shared border + bg; adjacent corners flatten to connect with the menu */
|
|
2
|
+
export declare const dropdownButtonContainerClasses: readonly ["inline-flex items-center", "h-9 pl-3 pr-[3px] py-[3px]", "rounded-[9px]", "bg-[var(--color-semantic-button-primary-bg)]", "border border-[var(--color-semantic-button-primary-bg)]", "[transition:border-radius_300ms_ease]", "data-[open-side=bottom]:rounded-b-none", "data-[open-side=top]:rounded-t-none", "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50"];
|
|
3
3
|
/** Left action button — fills remaining width inside the container */
|
|
4
4
|
export declare const dropdownButtonActionClasses: readonly ["inline-flex flex-1 items-center gap-2 h-full pr-3", "text-[var(--color-semantic-button-primary-fg)]", "text-sm font-medium leading-5 whitespace-nowrap", "cursor-pointer rounded-[6px] transition-colors", "hover:bg-white/15", "active:bg-white/20", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-semantic-button-primary-focus)] focus-visible:ring-offset-1", "disabled:pointer-events-none disabled:opacity-50", "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0"];
|
|
5
5
|
/** Right chevron trigger — inset 30×30 blue button */
|
|
@@ -7,7 +7,7 @@ export declare const dropdownButtonTriggerClasses: readonly ["inline-flex items-
|
|
|
7
7
|
/** Chevron icon — rotates when dropdown is open */
|
|
8
8
|
export declare const dropdownButtonChevronClasses: readonly ["transition-transform duration-200"];
|
|
9
9
|
/** Attached dropdown panel */
|
|
10
|
-
export declare const dropdownButtonMenuContentClasses: readonly ["z-[80] overflow-hidden", "min-w-[var(--radix-popper-anchor-width)]", "p-3", "rounded-t-none rounded-b-[9px]", "bg-[var(--color-semantic-dropdown-btn-menu-bg)]", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0", "data-[state=open]:slide-in-from-top-1 data-[state=closed]:slide-out-to-top-1", "duration-300"];
|
|
10
|
+
export declare const dropdownButtonMenuContentClasses: readonly ["z-[80] overflow-hidden", "min-w-[var(--radix-popper-anchor-width)]", "p-3", "data-[side=bottom]:rounded-t-none data-[side=bottom]:rounded-b-[9px]", "data-[side=top]:rounded-b-none data-[side=top]:rounded-t-[9px]", "bg-[var(--color-semantic-dropdown-btn-menu-bg)]", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0", "data-[side=bottom]:data-[state=open]:slide-in-from-top-1 data-[side=bottom]:data-[state=closed]:slide-out-to-top-1", "data-[side=top]:data-[state=open]:slide-in-from-bottom-1 data-[side=top]:data-[state=closed]:slide-out-to-bottom-1", "duration-300"];
|
|
11
11
|
/** Individual dropdown item */
|
|
12
12
|
export declare const dropdownButtonMenuItemClasses: readonly ["relative flex cursor-default select-none items-center gap-2", "h-8 rounded-lg px-3 text-sm font-medium outline-hidden overflow-hidden", "text-[var(--color-semantic-dropdown-btn-menu-fg)]", "focus:bg-[var(--color-semantic-dropdown-btn-menu-item-hover-bg)]", "data-[highlighted]:bg-[var(--color-semantic-dropdown-btn-menu-item-hover-bg)]", "data-[disabled]:pointer-events-none data-[disabled]:opacity-40"];
|
|
13
13
|
/** "Active" label badge on the current item */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownButton.variants.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.variants.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"DropdownButton.variants.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.variants.ts"],"names":[],"mappings":"AAAA,2GAA2G;AAC3G,eAAO,MAAM,8BAA8B,uYAcjC,CAAC;AAEX,sEAAsE;AACtE,eAAO,MAAM,2BAA2B,0hBAe9B,CAAC;AAEX,sDAAsD;AACtD,eAAO,MAAM,4BAA4B,8hBAa/B,CAAC;AAEX,mDAAmD;AACnD,eAAO,MAAM,4BAA4B,gDAE/B,CAAC;AAEX,8BAA8B;AAC9B,eAAO,MAAM,gCAAgC,+oBAiBnC,CAAC;AAEX,+BAA+B;AAC/B,eAAO,MAAM,6BAA6B,gaAOhC,CAAC;AAEX,+CAA+C;AAC/C,eAAO,MAAM,gCAAgC,8CAEnC,CAAC;AAEX,+CAA+C;AAC/C,eAAO,MAAM,kCAAkC,iFAErC,CAAC;AAEX,eAAO,MAAM,iCAAiC,0EAEpC,CAAC;AAEX,eAAO,MAAM,iCAAiC,oEAEpC,CAAC;AAEX,eAAO,MAAM,iCAAiC,oEAEpC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** Outer unified pill container — shared border + bg;
|
|
1
|
+
/** Outer unified pill container — shared border + bg; adjacent corners flatten to connect with the menu */
|
|
2
2
|
export const dropdownButtonContainerClasses = [
|
|
3
3
|
// Layout
|
|
4
4
|
"inline-flex items-center",
|
|
@@ -7,9 +7,10 @@ export const dropdownButtonContainerClasses = [
|
|
|
7
7
|
// Colors
|
|
8
8
|
"bg-[var(--color-semantic-button-primary-bg)]",
|
|
9
9
|
"border border-[var(--color-semantic-button-primary-bg)]",
|
|
10
|
-
// Open state: flatten
|
|
10
|
+
// Open state: flatten the edge that connects to the menu (top or bottom depending on which way it opens)
|
|
11
11
|
"[transition:border-radius_300ms_ease]",
|
|
12
|
-
"data-[
|
|
12
|
+
"data-[open-side=bottom]:rounded-b-none",
|
|
13
|
+
"data-[open-side=top]:rounded-t-none",
|
|
13
14
|
// Disabled
|
|
14
15
|
"data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
|
|
15
16
|
];
|
|
@@ -55,14 +56,17 @@ export const dropdownButtonMenuContentClasses = [
|
|
|
55
56
|
"z-[80] overflow-hidden",
|
|
56
57
|
"min-w-[var(--radix-popper-anchor-width)]",
|
|
57
58
|
"p-3",
|
|
58
|
-
// Shape:
|
|
59
|
-
"
|
|
59
|
+
// Shape: the edge that touches the button is flat; the far edge is rounded.
|
|
60
|
+
// Radix sets data-side="bottom" (opens down) or data-side="top" (opens up).
|
|
61
|
+
"data-[side=bottom]:rounded-t-none data-[side=bottom]:rounded-b-[9px]",
|
|
62
|
+
"data-[side=top]:rounded-b-none data-[side=top]:rounded-t-[9px]",
|
|
60
63
|
// Colors
|
|
61
64
|
"bg-[var(--color-semantic-dropdown-btn-menu-bg)]",
|
|
62
|
-
// Animation — slides
|
|
65
|
+
// Animation — slides toward the button on close, away from it on open.
|
|
63
66
|
"data-[state=open]:animate-in data-[state=closed]:animate-out",
|
|
64
67
|
"data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
|
|
65
|
-
"data-[state=open]:slide-in-from-top-1 data-[state=closed]:slide-out-to-top-1",
|
|
68
|
+
"data-[side=bottom]:data-[state=open]:slide-in-from-top-1 data-[side=bottom]:data-[state=closed]:slide-out-to-top-1",
|
|
69
|
+
"data-[side=top]:data-[state=open]:slide-in-from-bottom-1 data-[side=top]:data-[state=closed]:slide-out-to-bottom-1",
|
|
66
70
|
"duration-300",
|
|
67
71
|
];
|
|
68
72
|
/** Individual dropdown item */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownButton.variants.js","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.variants.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"DropdownButton.variants.js","sourceRoot":"","sources":["../../../src/components/DropdownButton/DropdownButton.variants.ts"],"names":[],"mappings":"AAAA,2GAA2G;AAC3G,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC5C,SAAS;IACT,0BAA0B;IAC1B,4BAA4B;IAC5B,eAAe;IACf,SAAS;IACT,8CAA8C;IAC9C,yDAAyD;IACzD,yGAAyG;IACzG,uCAAuC;IACvC,wCAAwC;IACxC,qCAAqC;IACrC,WAAW;IACX,0EAA0E;CAClE,CAAC;AAEX,sEAAsE;AACtE,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,SAAS;IACT,mDAAmD;IACnD,SAAS;IACT,gDAAgD;IAChD,aAAa;IACb,iDAAiD;IACjD,6FAA6F;IAC7F,gDAAgD;IAChD,mBAAmB;IACnB,oBAAoB;IACpB,6IAA6I;IAC7I,kDAAkD;IAClD,cAAc;IACd,mFAAmF;CAC3E,CAAC;AAEX,sDAAsD;AACtD,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,SAAS;IACT,yCAAyC;IACzC,oCAAoC;IACpC,kEAAkE;IAClE,oDAAoD;IACpD,gDAAgD;IAChD,SAAS;IACT,gEAAgE;IAChE,6IAA6I;IAC7I,kDAAkD;IAClD,cAAc;IACd,mFAAmF;CAC3E,CAAC;AAEX,mDAAmD;AACnD,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,mCAAmC;CAC3B,CAAC;AAEX,8BAA8B;AAC9B,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,uDAAuD;IACvD,wBAAwB;IACxB,0CAA0C;IAC1C,KAAK;IACL,4EAA4E;IAC5E,4EAA4E;IAC5E,sEAAsE;IACtE,gEAAgE;IAChE,SAAS;IACT,iDAAiD;IACjD,uEAAuE;IACvE,8DAA8D;IAC9D,4DAA4D;IAC5D,oHAAoH;IACpH,oHAAoH;IACpH,cAAc;CACN,CAAC;AAEX,+BAA+B;AAC/B,MAAM,CAAC,MAAM,6BAA6B,GAAG;IAC3C,6DAA6D;IAC7D,wEAAwE;IACxE,mDAAmD;IACnD,kEAAkE;IAClE,+EAA+E;IAC/E,gEAAgE;CACxD,CAAC;AAEX,+CAA+C;AAC/C,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,iCAAiC;CACzB,CAAC;AAEX,+CAA+C;AAC/C,MAAM,CAAC,MAAM,kCAAkC,GAAG;IAChD,oEAAoE;CAC5D,CAAC;AAEX,MAAM,CAAC,MAAM,iCAAiC,GAAG;IAC/C,6DAA6D;CACrD,CAAC;AAEX,MAAM,CAAC,MAAM,iCAAiC,GAAG;IAC/C,uDAAuD;CAC/C,CAAC;AAEX,MAAM,CAAC,MAAM,iCAAiC,GAAG;IAC/C,uDAAuD;CAC/C,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { LineChartCardProps } from "./LineChartCard.types.js";
|
|
2
|
+
/**
|
|
3
|
+
* Figma "Card / Data Viz / Line Graph" — navy card shell with title block,
|
|
4
|
+
* status badge, divider, and a multi-series `SemanticLineChart`.
|
|
5
|
+
*/
|
|
6
|
+
export declare function LineChartCard({ className, title, subtitle, status, variant, data, series, chartClassName, chartMargin, chartConfig, chartId, yDomain, yTicks, yTickFormatter, xTickFormatter, gridVertical, strokeWidth, dotRadius, showDots, showTooltip, "aria-label": ariaLabelProp, ref, ...props }: LineChartCardProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=LineChartCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LineChartCard.d.ts","sourceRoot":"","sources":["../../../src/components/LineChartCard/LineChartCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAUnE;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAe,EACf,OAAmB,EACnB,IAAI,EACJ,MAAM,EACN,cAAc,EACd,WAAW,EACX,WAAW,EACX,OAAO,EACP,OAAO,EACP,MAAM,EACN,cAAc,EACd,cAAc,EACd,YAAY,EACZ,WAAW,EACX,SAAS,EACT,QAAe,EACf,WAAkB,EAClB,YAAY,EAAE,aAAa,EAC3B,GAAG,EACH,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAgEpB"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { cn } from "../../lib/cn.js";
|
|
4
|
+
import { Badge } from "../Badge/index.js";
|
|
5
|
+
import { CardContainer } from "../CardContainer/index.js";
|
|
6
|
+
import { Separator } from "../Separator/index.js";
|
|
7
|
+
import { SemanticLineChart } from "../SemanticLineChart/index.js";
|
|
8
|
+
import { lineChartCardChartVariants, lineChartCardHeaderVariants, lineChartCardVariants, lineChartCardSubtitleVariants, lineChartCardTitleRowVariants, lineChartCardTitleVariants, } from "./LineChartCard.variants.js";
|
|
9
|
+
/**
|
|
10
|
+
* Figma "Card / Data Viz / Line Graph" — navy card shell with title block,
|
|
11
|
+
* status badge, divider, and a multi-series `SemanticLineChart`.
|
|
12
|
+
*/
|
|
13
|
+
export function LineChartCard({ className, title, subtitle, status = "none", variant = "default", data, series, chartClassName, chartMargin, chartConfig, chartId, yDomain, yTicks, yTickFormatter, xTickFormatter, gridVertical, strokeWidth, dotRadius, showDots = true, showTooltip = true, "aria-label": ariaLabelProp, ref, ...props }) {
|
|
14
|
+
const defaultAriaLabel = typeof title === "string" ? `${title} line chart` : "Line chart card";
|
|
15
|
+
return (_jsx(CardContainer, { asChild: true, variant: "dataViz", children: _jsxs("section", { ref: ref, "data-slot": "line-chart-card", "data-variant": variant, className: cn(lineChartCardVariants({ variant }), className), "aria-label": ariaLabelProp ?? defaultAriaLabel, ...props, children: [_jsxs("header", { "data-slot": "line-chart-card-header", className: lineChartCardHeaderVariants(), children: [_jsxs("div", { "data-slot": "line-chart-card-title-row", className: lineChartCardTitleRowVariants(), children: [_jsx("h3", { "data-slot": "line-chart-card-title", className: lineChartCardTitleVariants(), children: title }), status !== "none" ? (_jsx(Badge, { "data-slot": "line-chart-card-status", variant: status })) : null] }), subtitle != null && subtitle !== "" ? (_jsx("p", { "data-slot": "line-chart-card-subtitle", className: lineChartCardSubtitleVariants(), children: subtitle })) : null] }), _jsx(Separator, { orientation: "horizontal" }), _jsx(SemanticLineChart, { data: data, series: series, chartClassName: cn(lineChartCardChartVariants({ variant }), chartClassName), chartMargin: chartMargin, chartConfig: chartConfig, chartId: chartId, yDomain: yDomain, yTicks: yTicks, yTickFormatter: yTickFormatter, xTickFormatter: xTickFormatter, gridVertical: gridVertical, strokeWidth: strokeWidth, dotRadius: dotRadius, showDots: showDots, showTooltip: showTooltip })] }) }));
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=LineChartCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LineChartCard.js","sourceRoot":"","sources":["../../../src/components/LineChartCard/LineChartCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,OAAO,EACL,0BAA0B,EAC1B,2BAA2B,EAC3B,qBAAqB,EACrB,6BAA6B,EAC7B,6BAA6B,EAC7B,0BAA0B,GAC3B,MAAM,6BAA6B,CAAC;AAErC;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,MAAM,EACf,OAAO,GAAG,SAAS,EACnB,IAAI,EACJ,MAAM,EACN,cAAc,EACd,WAAW,EACX,WAAW,EACX,OAAO,EACP,OAAO,EACP,MAAM,EACN,cAAc,EACd,cAAc,EACd,YAAY,EACZ,WAAW,EACX,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,IAAI,EAClB,YAAY,EAAE,aAAa,EAC3B,GAAG,EACH,GAAG,KAAK,EACW;IACnB,MAAM,gBAAgB,GACpB,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAExE,OAAO,CACL,KAAC,aAAa,IAAC,OAAO,QAAC,OAAO,EAAC,SAAS,YACtC,mBACE,GAAG,EAAE,GAAG,eACE,iBAAiB,kBACb,OAAO,EACrB,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,gBAChD,aAAa,IAAI,gBAAgB,KACzC,KAAK,aAET,+BACY,wBAAwB,EAClC,SAAS,EAAE,2BAA2B,EAAE,aAExC,4BACY,2BAA2B,EACrC,SAAS,EAAE,6BAA6B,EAAE,aAE1C,0BACY,uBAAuB,EACjC,SAAS,EAAE,0BAA0B,EAAE,YAEtC,KAAK,GACH,EACJ,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CACnB,KAAC,KAAK,iBAAW,wBAAwB,EAAC,OAAO,EAAE,MAAM,GAAI,CAC9D,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,QAAQ,IAAI,IAAI,IAAI,QAAQ,KAAK,EAAE,CAAC,CAAC,CAAC,CACrC,yBACY,0BAA0B,EACpC,SAAS,EAAE,6BAA6B,EAAE,YAEzC,QAAQ,GACP,CACL,CAAC,CAAC,CAAC,IAAI,IACD,EAET,KAAC,SAAS,IAAC,WAAW,EAAC,YAAY,GAAG,EAEtC,KAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,EAAE,CAAC,0BAA0B,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,cAAc,CAAC,EAC3E,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB,IACM,GACI,CACjB,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
import type { SemanticLineChartDatum, SemanticLineChartProps, SemanticLineChartSeries } from "../SemanticLineChart/index.js";
|
|
3
|
+
/** Status badge in the card header — matches `GoalCard`; use `none` to hide. */
|
|
4
|
+
export type LineChartCardStatus = "active" | "paused" | "none";
|
|
5
|
+
export type LineChartCardProps = Omit<React.ComponentProps<"section">, "children"> & {
|
|
6
|
+
/** Primary heading in the card header. */
|
|
7
|
+
title: React.ReactNode;
|
|
8
|
+
/** Secondary line below the title. */
|
|
9
|
+
subtitle?: React.ReactNode;
|
|
10
|
+
/** Status badge variant; `none` omits the badge. Defaults to `none`. */
|
|
11
|
+
status?: LineChartCardStatus;
|
|
12
|
+
/** Card layout — `fullWidth` stretches horizontally and uses a taller chart plot. */
|
|
13
|
+
variant?: "default" | "fullWidth";
|
|
14
|
+
/** Chart rows — forwarded to `SemanticLineChart`. */
|
|
15
|
+
data: SemanticLineChartDatum[];
|
|
16
|
+
/** Trend lines — forwarded to `SemanticLineChart`. */
|
|
17
|
+
series: SemanticLineChartSeries[];
|
|
18
|
+
} & Pick<SemanticLineChartProps, "chartClassName" | "chartMargin" | "chartConfig" | "chartId" | "yDomain" | "yTicks" | "yTickFormatter" | "xTickFormatter" | "gridVertical" | "strokeWidth" | "dotRadius" | "showDots" | "showTooltip">;
|
|
19
|
+
//# sourceMappingURL=LineChartCard.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LineChartCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/LineChartCard/LineChartCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACxB,MAAM,+BAA+B,CAAC;AAEvC,gFAAgF;AAChF,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,GAAG;IACnF,0CAA0C;IAC1C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wEAAwE;IACxE,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,qFAAqF;IACrF,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,qDAAqD;IACrD,IAAI,EAAE,sBAAsB,EAAE,CAAC;IAC/B,sDAAsD;IACtD,MAAM,EAAE,uBAAuB,EAAE,CAAC;CACnC,GAAG,IAAI,CACN,sBAAsB,EACpB,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,SAAS,GACT,SAAS,GACT,QAAQ,GACR,gBAAgB,GAChB,gBAAgB,GAChB,cAAc,GACd,aAAa,GACb,WAAW,GACX,UAAU,GACV,aAAa,CAChB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LineChartCard.types.js","sourceRoot":"","sources":["../../../src/components/LineChartCard/LineChartCard.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
/** Figma card shell max width (708px plot + `CardContainer` horizontal padding). */
|
|
3
|
+
export declare const LINE_CHART_CARD_DEFAULT_MAX_WIDTH_PX = 748;
|
|
4
|
+
/** Default embedded chart height — matches Figma card / `SemanticLineChart`. */
|
|
5
|
+
export declare const LINE_CHART_CARD_DEFAULT_CHART_HEIGHT_PX = 221;
|
|
6
|
+
/** Taller plot for `fullWidth` cards spanning wide dashboard columns. */
|
|
7
|
+
export declare const LINE_CHART_CARD_FULL_WIDTH_CHART_HEIGHT_PX = 280;
|
|
8
|
+
export declare const lineChartCardVariants: (props?: ({
|
|
9
|
+
variant?: "default" | "fullWidth" | null | undefined;
|
|
10
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
11
|
+
export type LineChartCardVariants = VariantProps<typeof lineChartCardVariants>;
|
|
12
|
+
export declare const lineChartCardChartVariants: (props?: ({
|
|
13
|
+
variant?: "default" | "fullWidth" | null | undefined;
|
|
14
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
15
|
+
/** @deprecated Use {@link lineChartCardVariants}. */
|
|
16
|
+
export declare const lineChartCardRootVariants: (props?: ({
|
|
17
|
+
variant?: "default" | "fullWidth" | null | undefined;
|
|
18
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
19
|
+
export declare const lineChartCardHeaderVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
20
|
+
export declare const lineChartCardTitleRowVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
21
|
+
export declare const lineChartCardTitleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
22
|
+
export declare const lineChartCardSubtitleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
23
|
+
//# sourceMappingURL=LineChartCard.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LineChartCard.variants.d.ts","sourceRoot":"","sources":["../../../src/components/LineChartCard/LineChartCard.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,oFAAoF;AACpF,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAExD,gFAAgF;AAChF,eAAO,MAAM,uCAAuC,MAAM,CAAC;AAE3D,yEAAyE;AACzE,eAAO,MAAM,0CAA0C,MAAM,CAAC;AAE9D,eAAO,MAAM,qBAAqB;;8EAUhC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAE/E,eAAO,MAAM,0BAA0B;;8EAUrC,CAAC;AAEH,qDAAqD;AACrD,eAAO,MAAM,yBAAyB;;8EAAwB,CAAC;AAE/D,eAAO,MAAM,2BAA2B,oFAAsC,CAAC;AAE/E,eAAO,MAAM,6BAA6B,oFAEzC,CAAC;AAEF,eAAO,MAAM,0BAA0B,oFAEtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,oFAEzC,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { cva } from "class-variance-authority";
|
|
2
|
+
/** Figma card shell max width (708px plot + `CardContainer` horizontal padding). */
|
|
3
|
+
export const LINE_CHART_CARD_DEFAULT_MAX_WIDTH_PX = 748;
|
|
4
|
+
/** Default embedded chart height — matches Figma card / `SemanticLineChart`. */
|
|
5
|
+
export const LINE_CHART_CARD_DEFAULT_CHART_HEIGHT_PX = 221;
|
|
6
|
+
/** Taller plot for `fullWidth` cards spanning wide dashboard columns. */
|
|
7
|
+
export const LINE_CHART_CARD_FULL_WIDTH_CHART_HEIGHT_PX = 280;
|
|
8
|
+
export const lineChartCardVariants = cva("flex w-full min-w-0 flex-col gap-9", {
|
|
9
|
+
variants: {
|
|
10
|
+
variant: {
|
|
11
|
+
default: "max-w-[748px]",
|
|
12
|
+
fullWidth: "max-w-none gap-10",
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
defaultVariants: {
|
|
16
|
+
variant: "default",
|
|
17
|
+
},
|
|
18
|
+
});
|
|
19
|
+
export const lineChartCardChartVariants = cva("", {
|
|
20
|
+
variants: {
|
|
21
|
+
variant: {
|
|
22
|
+
default: "",
|
|
23
|
+
fullWidth: "h-[280px]",
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
defaultVariants: {
|
|
27
|
+
variant: "default",
|
|
28
|
+
},
|
|
29
|
+
});
|
|
30
|
+
/** @deprecated Use {@link lineChartCardVariants}. */
|
|
31
|
+
export const lineChartCardRootVariants = lineChartCardVariants;
|
|
32
|
+
export const lineChartCardHeaderVariants = cva("flex w-full flex-col gap-1.5");
|
|
33
|
+
export const lineChartCardTitleRowVariants = cva("flex w-full items-center justify-between gap-3");
|
|
34
|
+
export const lineChartCardTitleVariants = cva("min-w-0 flex-1 font-sans text-base leading-normal font-semibold text-foreground");
|
|
35
|
+
export const lineChartCardSubtitleVariants = cva("w-full font-sans text-sm leading-normal font-normal text-muted-foreground");
|
|
36
|
+
//# sourceMappingURL=LineChartCard.variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LineChartCard.variants.js","sourceRoot":"","sources":["../../../src/components/LineChartCard/LineChartCard.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,oFAAoF;AACpF,MAAM,CAAC,MAAM,oCAAoC,GAAG,GAAG,CAAC;AAExD,gFAAgF;AAChF,MAAM,CAAC,MAAM,uCAAuC,GAAG,GAAG,CAAC;AAE3D,yEAAyE;AACzE,MAAM,CAAC,MAAM,0CAA0C,GAAG,GAAG,CAAC;AAE9D,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAC,oCAAoC,EAAE;IAC7E,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,eAAe;YACxB,SAAS,EAAE,mBAAmB;SAC/B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAC,EAAE,EAAE;IAChD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,SAAS,EAAE,WAAW;SACvB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAEH,qDAAqD;AACrD,MAAM,CAAC,MAAM,yBAAyB,GAAG,qBAAqB,CAAC;AAE/D,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAC,8BAA8B,CAAC,CAAC;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,CAC9C,gDAAgD,CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAC3C,iFAAiF,CAClF,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,CAC9C,2EAA2E,CAC5E,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { LineChartCard } from "./LineChartCard.js";
|
|
2
|
+
export type { LineChartCardProps, LineChartCardStatus } from "./LineChartCard.types.js";
|
|
3
|
+
export { lineChartCardVariants, lineChartCardChartVariants, LINE_CHART_CARD_DEFAULT_MAX_WIDTH_PX, LINE_CHART_CARD_DEFAULT_CHART_HEIGHT_PX, LINE_CHART_CARD_FULL_WIDTH_CHART_HEIGHT_PX, } from "./LineChartCard.variants.js";
|
|
4
|
+
export type { LineChartCardVariants } from "./LineChartCard.variants.js";
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LineChartCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACxF,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC1B,oCAAoC,EACpC,uCAAuC,EACvC,0CAA0C,GAC3C,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { LineChartCard } from "./LineChartCard.js";
|
|
2
|
+
export { lineChartCardVariants, lineChartCardChartVariants, LINE_CHART_CARD_DEFAULT_MAX_WIDTH_PX, LINE_CHART_CARD_DEFAULT_CHART_HEIGHT_PX, LINE_CHART_CARD_FULL_WIDTH_CHART_HEIGHT_PX, } from "./LineChartCard.variants.js";
|
|
3
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LineChartCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC1B,oCAAoC,EACpC,uCAAuC,EACvC,0CAA0C,GAC3C,MAAM,6BAA6B,CAAC"}
|
|
@@ -5,9 +5,11 @@
|
|
|
5
5
|
import * as React from "react";
|
|
6
6
|
import { ResponsiveContainer, Tooltip } from "recharts";
|
|
7
7
|
import { type ChartConfig, type ChartLegendContentProps, type ChartTooltipContentProps } from "./Chart.types.js";
|
|
8
|
-
declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
|
|
8
|
+
declare function ChartContainer({ id, className, children, config, debounce, ...props }: React.ComponentProps<"div"> & {
|
|
9
9
|
config: ChartConfig;
|
|
10
10
|
children: React.ComponentProps<typeof ResponsiveContainer>["children"];
|
|
11
|
+
/** Passed to Recharts `ResponsiveContainer` to batch resize updates (ms). */
|
|
12
|
+
debounce?: number;
|
|
11
13
|
}): import("react/jsx-runtime").JSX.Element;
|
|
12
14
|
declare function ChartStyle({ id, config }: {
|
|
13
15
|
id: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../src/components/SemanticBarChart/Chart/Chart.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,mBAAmB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAQhE,OAAO,EAAgB,KAAK,WAAW,EAAE,KAAK,uBAAuB,EAAE,KAAK,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAI/H,iBAAS,cAAc,CAAC,EACtB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC,UAAU,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../src/components/SemanticBarChart/Chart/Chart.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,mBAAmB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAQhE,OAAO,EAAgB,KAAK,WAAW,EAAE,KAAK,uBAAuB,EAAE,KAAK,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAI/H,iBAAS,cAAc,CAAC,EACtB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,MAAM,EACN,QAAY,EACZ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC,UAAU,CAAC,CAAC;IACvE,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,2CAiBA;AAED,iBAAS,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,kDA2BtE;AAED,QAAA,MAAM,YAAY,gBAAU,CAAC;AAE7B,iBAAS,mBAAmB,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAiB,EACjB,SAAiB,EACjB,aAAqB,EACrB,KAAK,EACL,cAAc,EACd,cAAc,EACd,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,GACT,EAAE,wBAAwB,kDAqH1B;AAED,QAAA,MAAM,WAAW,uGAAS,CAAC;AAE3B,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,aAAwB,EACxB,OAAO,GACR,EAAE,uBAAuB,kDA2CzB;AAED,OAAO,EACL,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,mBAAmB,GACpB,CAAC"}
|
|
@@ -11,10 +11,10 @@ import { chartContainerVariants, chartLegendContentVariants, chartTooltipContent
|
|
|
11
11
|
import { CHART_THEMES } from "./Chart.types.js";
|
|
12
12
|
import { getPayloadConfigFromPayload } from "./Chart.utils.js";
|
|
13
13
|
import { ChartContext, useChart } from "./hooks/useChart.js";
|
|
14
|
-
function ChartContainer({ id, className, children, config, ...props }) {
|
|
14
|
+
function ChartContainer({ id, className, children, config, debounce = 0, ...props }) {
|
|
15
15
|
const uniqueId = React.useId();
|
|
16
16
|
const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
|
|
17
|
-
return (_jsx(ChartContext.Provider, { value: { config }, children: _jsxs("div", { "data-slot": "chart", "data-chart": chartId, className: cn(chartContainerVariants(), className), ...props, children: [_jsx(ChartStyle, { id: chartId, config: config }), _jsx(ResponsiveContainer, { children: children })] }) }));
|
|
17
|
+
return (_jsx(ChartContext.Provider, { value: { config }, children: _jsxs("div", { "data-slot": "chart", "data-chart": chartId, className: cn(chartContainerVariants(), className), ...props, children: [_jsx(ChartStyle, { id: chartId, config: config }), _jsx(ResponsiveContainer, { debounce: debounce, children: children })] }) }));
|
|
18
18
|
}
|
|
19
19
|
function ChartStyle({ id, config }) {
|
|
20
20
|
const colorConfig = Object.entries(config).filter(([, config]) => config.theme || config.color);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../../src/components/SemanticBarChart/Chart/Chart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEhE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,2BAA2B,GAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAiF,MAAM,kBAAkB,CAAC;AAC/H,OAAO,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE7D,SAAS,cAAc,CAAC,EACtB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,
|
|
1
|
+
{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../../src/components/SemanticBarChart/Chart/Chart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { SemanticLineChartProps } from "./SemanticLineChart.types.js";
|
|
2
|
+
/**
|
|
3
|
+
* Multi-series line chart composed from `ChartContainer` and Recharts.
|
|
4
|
+
* Series colors default to semantic chart tokens (`--chart-1` … `--chart-10`).
|
|
5
|
+
*/
|
|
6
|
+
export declare function SemanticLineChart({ className, data, series, chartClassName, chartMargin, chartConfig, chartId, yDomain, yTicks, yTickFormatter, xTickFormatter, gridVertical, strokeWidth, dotRadius, showDots, showTooltip, "aria-label": ariaLabelProp, ...props }: SemanticLineChartProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=SemanticLineChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SemanticLineChart.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChart.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAyD3E;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,IAAI,EACJ,MAAM,EACN,cAAc,EACd,WAAW,EACX,WAAgB,EAChB,OAAO,EACP,OAAO,EACP,MAAM,EACN,cAAc,EACd,cAAc,EACd,YAAmB,EACnB,WAAe,EACf,SAAgD,EAChD,QAAe,EACf,WAAmB,EACnB,YAAY,EAAE,aAAa,EAC3B,GAAG,KAAK,EACT,EAAE,sBAAsB,2CA+OxB"}
|