@gooddata/sdk-ui-vis-commons 10.41.0 → 10.42.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/coloring/PatternFill.d.ts +13 -0
- package/esm/coloring/PatternFill.d.ts.map +1 -0
- package/esm/coloring/PatternFill.js +17 -0
- package/esm/coloring/PatternFill.js.map +1 -0
- package/esm/coloring/color.d.ts +25 -1
- package/esm/coloring/color.d.ts.map +1 -1
- package/esm/coloring/color.js +100 -0
- package/esm/coloring/color.js.map +1 -1
- package/esm/coloring/patternFills.d.ts +313 -0
- package/esm/coloring/patternFills.d.ts.map +1 -0
- package/esm/coloring/patternFills.js +336 -0
- package/esm/coloring/patternFills.js.map +1 -0
- package/esm/coloring/types.d.ts +21 -0
- package/esm/coloring/types.d.ts.map +1 -1
- package/esm/index.d.ts +6 -2
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +3 -1
- package/esm/index.js.map +1 -1
- package/esm/legend/FluidLegend.d.ts +2 -0
- package/esm/legend/FluidLegend.d.ts.map +1 -1
- package/esm/legend/FluidLegend.js +2 -2
- package/esm/legend/FluidLegend.js.map +1 -1
- package/esm/legend/Legend.d.ts +2 -0
- package/esm/legend/Legend.d.ts.map +1 -1
- package/esm/legend/Legend.js +4 -3
- package/esm/legend/Legend.js.map +1 -1
- package/esm/legend/LegendItem.d.ts +2 -0
- package/esm/legend/LegendItem.d.ts.map +1 -1
- package/esm/legend/LegendItem.js +111 -4
- package/esm/legend/LegendItem.js.map +1 -1
- package/esm/legend/LegendList.d.ts +2 -0
- package/esm/legend/LegendList.d.ts.map +1 -1
- package/esm/legend/LegendList.js +4 -4
- package/esm/legend/LegendList.js.map +1 -1
- package/esm/legend/PopUpLegend/PopUpLegend.d.ts +2 -0
- package/esm/legend/PopUpLegend/PopUpLegend.d.ts.map +1 -1
- package/esm/legend/PopUpLegend/PopUpLegend.js +3 -3
- package/esm/legend/PopUpLegend/PopUpLegend.js.map +1 -1
- package/esm/legend/PopUpLegend/RowLegend.d.ts +2 -0
- package/esm/legend/PopUpLegend/RowLegend.d.ts.map +1 -1
- package/esm/legend/PopUpLegend/RowLegend.js +2 -2
- package/esm/legend/PopUpLegend/RowLegend.js.map +1 -1
- package/esm/legend/StaticLegend.d.ts +2 -0
- package/esm/legend/StaticLegend.d.ts.map +1 -1
- package/esm/legend/StaticLegend.js +3 -3
- package/esm/legend/StaticLegend.js.map +1 -1
- package/esm/legend/types.d.ts +4 -1
- package/esm/legend/types.d.ts.map +1 -1
- package/esm/legend/types.js.map +1 -1
- package/esm/sdk-ui-vis-commons.d.ts +380 -1
- package/package.json +8 -8
- package/styles/scss/legend.scss +1 -0
package/esm/legend/LegendItem.js
CHANGED
|
@@ -5,8 +5,112 @@ import unescape from "lodash/unescape.js";
|
|
|
5
5
|
import { useIdPrefixed } from "@gooddata/sdk-ui-kit";
|
|
6
6
|
import { withTheme } from "@gooddata/sdk-ui-theme-provider";
|
|
7
7
|
import { LegendSeriesContextStore, useItemVisibility } from "./context.js";
|
|
8
|
+
import { getDarkerColor, isPatternObject } from "../coloring/color.js";
|
|
9
|
+
import { PatternFill } from "../coloring/PatternFill.js";
|
|
8
10
|
const DEFAULT_DISABLED_COLOR = "#CCCCCC";
|
|
9
|
-
function
|
|
11
|
+
function getPointShapeStyles(pointShape, iconSize, enableBorderRadius) {
|
|
12
|
+
if (!pointShape) {
|
|
13
|
+
return { borderRadius: enableBorderRadius ? "50%" : "0" };
|
|
14
|
+
}
|
|
15
|
+
switch (pointShape) {
|
|
16
|
+
case "square":
|
|
17
|
+
return {
|
|
18
|
+
borderRadius: "0", // Square corners
|
|
19
|
+
};
|
|
20
|
+
case "diamond":
|
|
21
|
+
return {
|
|
22
|
+
borderRadius: "0",
|
|
23
|
+
transform: "rotate(45deg)",
|
|
24
|
+
// Adjust size slightly to fit rotated square in same space
|
|
25
|
+
width: `${Math.round(iconSize * 0.7)}px`,
|
|
26
|
+
height: `${Math.round(iconSize * 0.7)}px`,
|
|
27
|
+
};
|
|
28
|
+
case "triangle":
|
|
29
|
+
case "triangle-down":
|
|
30
|
+
return {
|
|
31
|
+
borderRadius: "0",
|
|
32
|
+
width: "0",
|
|
33
|
+
height: "0",
|
|
34
|
+
backgroundColor: "transparent",
|
|
35
|
+
};
|
|
36
|
+
case "circle":
|
|
37
|
+
default:
|
|
38
|
+
return {
|
|
39
|
+
borderRadius: "50%", // Circular
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
function getTrianglePointShapesStyles(pointShape, chartFill, triangleColor, iconSize) {
|
|
44
|
+
const isTriangle = pointShape === "triangle" || pointShape === "triangle-down";
|
|
45
|
+
if (!isTriangle) {
|
|
46
|
+
return {};
|
|
47
|
+
}
|
|
48
|
+
const triangleStyles = {
|
|
49
|
+
width: `${iconSize}px`,
|
|
50
|
+
height: `${iconSize}px`,
|
|
51
|
+
};
|
|
52
|
+
// For pattern and outline fills, we need actual area for content/border
|
|
53
|
+
// Use clip-path method for these cases
|
|
54
|
+
if (chartFill === "pattern" || chartFill === "outline") {
|
|
55
|
+
if (pointShape === "triangle") {
|
|
56
|
+
triangleStyles.clipPath = "polygon(50% 0%, 0% 100%, 100% 100%)";
|
|
57
|
+
}
|
|
58
|
+
else if (pointShape === "triangle-down") {
|
|
59
|
+
triangleStyles.clipPath = "polygon(0% 0%, 100% 0%, 50% 100%)";
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
else {
|
|
63
|
+
// Use border method for solid fills only - ensure clip-path is reset
|
|
64
|
+
triangleStyles.clipPath = "none";
|
|
65
|
+
if (pointShape === "triangle") {
|
|
66
|
+
triangleStyles.borderLeft = `${iconSize / 2}px solid transparent`;
|
|
67
|
+
triangleStyles.borderRight = `${iconSize / 2}px solid transparent`;
|
|
68
|
+
triangleStyles.borderBottom = `${iconSize}px solid ${triangleColor}`;
|
|
69
|
+
triangleStyles.borderTop = "none";
|
|
70
|
+
}
|
|
71
|
+
else if (pointShape === "triangle-down") {
|
|
72
|
+
triangleStyles.borderLeft = `${iconSize / 2}px solid transparent`;
|
|
73
|
+
triangleStyles.borderRight = `${iconSize / 2}px solid transparent`;
|
|
74
|
+
triangleStyles.borderTop = `${iconSize}px solid ${triangleColor}`;
|
|
75
|
+
triangleStyles.borderBottom = "none";
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
return triangleStyles;
|
|
79
|
+
}
|
|
80
|
+
function getIconStyle(chartFill, color, enableBorderRadius, pointShape) {
|
|
81
|
+
// use default color if color is not provided (this should not happen at this stage)
|
|
82
|
+
const baseColor = (isPatternObject(color) ? color.pattern.color : color) ?? DEFAULT_DISABLED_COLOR;
|
|
83
|
+
const iconSize = 9;
|
|
84
|
+
// For triangles, we need special CSS border handling to create the triangle shape
|
|
85
|
+
const isTriangle = pointShape === "triangle" || pointShape === "triangle-down";
|
|
86
|
+
const baseCssProps = {
|
|
87
|
+
...getPointShapeStyles(pointShape, iconSize, enableBorderRadius),
|
|
88
|
+
...getTrianglePointShapesStyles(pointShape, chartFill, baseColor, iconSize),
|
|
89
|
+
};
|
|
90
|
+
switch (chartFill) {
|
|
91
|
+
case "pattern":
|
|
92
|
+
return {
|
|
93
|
+
...baseCssProps,
|
|
94
|
+
color: baseColor,
|
|
95
|
+
// Don't override triangle borders
|
|
96
|
+
border: isTriangle ? undefined : `1px solid ${baseColor}`,
|
|
97
|
+
position: "relative",
|
|
98
|
+
};
|
|
99
|
+
case "outline":
|
|
100
|
+
return {
|
|
101
|
+
...baseCssProps,
|
|
102
|
+
backgroundColor: baseColor,
|
|
103
|
+
border: `1px solid ${getDarkerColor(baseColor, 0.9)}`,
|
|
104
|
+
};
|
|
105
|
+
case "solid":
|
|
106
|
+
default:
|
|
107
|
+
return {
|
|
108
|
+
...baseCssProps,
|
|
109
|
+
backgroundColor: isTriangle ? "transparent" : baseColor,
|
|
110
|
+
};
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
function LegendItem({ item, index, width, enableBorderRadius = false, onItemClick, theme, chartFill, }) {
|
|
10
114
|
const { descriptionId, isFocused, id } = LegendSeriesContextStore.useContextStore((ctx) => ({
|
|
11
115
|
descriptionId: ctx.descriptionId,
|
|
12
116
|
isFocused: ctx.focusedItem === item,
|
|
@@ -14,9 +118,12 @@ function LegendItem({ item, index, width, enableBorderRadius = false, onItemClic
|
|
|
14
118
|
}));
|
|
15
119
|
const { registerItem } = useItemVisibility();
|
|
16
120
|
const disabledColor = theme?.palette?.complementary?.c5 ?? DEFAULT_DISABLED_COLOR;
|
|
121
|
+
const isPatternFill = chartFill === "pattern" && isPatternObject(item.color);
|
|
122
|
+
const visibleIconStyle = getIconStyle(chartFill, item.color, enableBorderRadius, item.pointShape);
|
|
17
123
|
const iconStyle = {
|
|
18
|
-
|
|
19
|
-
backgroundColor: item.isVisible ?
|
|
124
|
+
...visibleIconStyle,
|
|
125
|
+
backgroundColor: item.isVisible ? visibleIconStyle.backgroundColor : disabledColor,
|
|
126
|
+
border: item.isVisible ? visibleIconStyle.border : disabledColor,
|
|
20
127
|
};
|
|
21
128
|
// normal state styled by css
|
|
22
129
|
const nameStyle = item.isVisible
|
|
@@ -39,7 +146,7 @@ function LegendItem({ item, index, width, enableBorderRadius = false, onItemClic
|
|
|
39
146
|
}, [index, registerItem]);
|
|
40
147
|
const legendItemId = useIdPrefixed("legend-item");
|
|
41
148
|
return (React.createElement("button", { ref: refCallback, "data-testid": "legend-item", role: "switch", "aria-describedby": descriptionId, "aria-checked": item.isVisible, id: id, style: style, className: cx("series-item", { "series-item--isFocused": isFocused }), onClick: handleItemClick, "aria-labelledby": legendItemId, title: unescape(item.name), tabIndex: -1 },
|
|
42
|
-
React.createElement("div", { className: "series-icon", style: iconStyle }),
|
|
149
|
+
React.createElement("div", { className: "series-icon", style: iconStyle }, item.isVisible && isPatternFill && isPatternObject(item.color) ? (React.createElement(PatternFill, { patternFill: item.color?.pattern })) : null),
|
|
43
150
|
React.createElement("div", { id: legendItemId, className: "series-name", style: nameStyle }, item.name)));
|
|
44
151
|
}
|
|
45
152
|
export default withTheme(LegendItem);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegendItem.js","sourceRoot":"","sources":["../../src/legend/LegendItem.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAG1C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"LegendItem.js","sourceRoot":"","sources":["../../src/legend/LegendItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import React, { ReactElement } from "react";
|
|
2
2
|
import { ISeriesItem, ItemBorderRadiusPredicate } from "./types.js";
|
|
3
|
+
import { ChartFill } from "../coloring/types.js";
|
|
3
4
|
export interface ILegendListProps {
|
|
4
5
|
series: ISeriesItem[];
|
|
5
6
|
enableBorderRadius?: boolean | ItemBorderRadiusPredicate;
|
|
6
7
|
width?: number;
|
|
7
8
|
onItemClick: (item: ISeriesItem) => void;
|
|
9
|
+
chartFill?: ChartFill;
|
|
8
10
|
}
|
|
9
11
|
export declare function LegendSeparator(): ReactElement;
|
|
10
12
|
export declare const LegendList: React.NamedExoticComponent<ILegendListProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegendList.d.ts","sourceRoot":"","sources":["../../src/legend/LegendList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"LegendList.d.ts","sourceRoot":"","sources":["../../src/legend/LegendList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,GAAG,yBAAyB,CAAC;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,wBAAgB,eAAe,IAAI,YAAY,CAE9C;AAyCD,eAAO,MAAM,UAAU,8CAkBrB,CAAC"}
|
package/esm/legend/LegendList.js
CHANGED
|
@@ -6,7 +6,7 @@ import LegendItem from "./LegendItem.js";
|
|
|
6
6
|
export function LegendSeparator() {
|
|
7
7
|
return React.createElement("div", { className: "legend-separator", "aria-label": "Legend separator" });
|
|
8
8
|
}
|
|
9
|
-
const LegendListItem = React.memo(function LegendListItem({ index, item, enableBorderRadius, width, onItemClick, }) {
|
|
9
|
+
const LegendListItem = React.memo(function LegendListItem({ index, item, enableBorderRadius, width, onItemClick, chartFill, }) {
|
|
10
10
|
const { type, labelKey, data } = item;
|
|
11
11
|
const borderRadius = shouldItemHaveBorderRadius(item, enableBorderRadius);
|
|
12
12
|
if (type === LEGEND_AXIS_INDICATOR) {
|
|
@@ -17,11 +17,11 @@ const LegendListItem = React.memo(function LegendListItem({ index, item, enableB
|
|
|
17
17
|
}
|
|
18
18
|
else {
|
|
19
19
|
return (React.createElement("div", { style: { display: "contents" }, role: "listitem" },
|
|
20
|
-
React.createElement(LegendItem, { key: index, index: index, enableBorderRadius: borderRadius, item: item, width: width, onItemClick: onItemClick })));
|
|
20
|
+
React.createElement(LegendItem, { key: index, index: index, enableBorderRadius: borderRadius, item: item, width: width, onItemClick: onItemClick, chartFill: chartFill })));
|
|
21
21
|
}
|
|
22
22
|
});
|
|
23
|
-
export const LegendList = React.memo(function LegendList({ series, enableBorderRadius, onItemClick, width, }) {
|
|
24
|
-
return series.map((item, index) => (React.createElement(LegendListItem, { key: index, index: index, item: item, enableBorderRadius: enableBorderRadius, width: width, onItemClick: onItemClick })));
|
|
23
|
+
export const LegendList = React.memo(function LegendList({ series, enableBorderRadius, onItemClick, width, chartFill, }) {
|
|
24
|
+
return series.map((item, index) => (React.createElement(LegendListItem, { key: index, index: index, item: item, enableBorderRadius: enableBorderRadius, width: width, onItemClick: onItemClick, chartFill: chartFill })));
|
|
25
25
|
});
|
|
26
26
|
function shouldItemHaveBorderRadius(item, enableBorderRadius = false) {
|
|
27
27
|
if (typeof enableBorderRadius === "function") {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegendList.js","sourceRoot":"","sources":["../../src/legend/LegendList.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,UAAU,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"LegendList.js","sourceRoot":"","sources":["../../src/legend/LegendList.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,UAAU,MAAM,iBAAiB,CAAC;AAYzC,MAAM,UAAU,eAAe;IAC3B,OAAO,6BAAK,SAAS,EAAC,kBAAkB,gBAAY,kBAAkB,GAAG,CAAC;AAC9E,CAAC;AAED,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,cAAc,CAAC,EACtD,KAAK,EACL,IAAI,EACJ,kBAAkB,EAClB,KAAK,EACL,WAAW,EACX,SAAS,GAQZ;IACG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IACtC,MAAM,YAAY,GAAG,0BAA0B,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;IAE1E,IAAI,IAAI,KAAK,qBAAqB,EAAE,CAAC;QACjC,OAAO,oBAAC,mBAAmB,IAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;IAC7F,CAAC;SAAM,IAAI,IAAI,KAAK,gBAAgB,EAAE,CAAC;QACnC,OAAO,oBAAC,eAAe,IAAC,GAAG,EAAE,KAAK,GAAI,CAAC;IAC3C,CAAC;SAAM,CAAC;QACJ,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,IAAI,EAAC,UAAU;YAChD,oBAAC,UAAU,IACP,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,YAAY,EAChC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACtB,CACA,CACT,CAAC;IACN,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC,EACrD,MAAM,EACN,kBAAkB,EAClB,WAAW,EACX,KAAK,EACL,SAAS,GACM;IACf,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,oBAAC,cAAc,IACX,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACtB,CACL,CAAC,CAAC;AACP,CAAC,CAAC,CAAC;AAEH,SAAS,0BAA0B,CAC/B,IAAS,EACT,qBAA0D,KAAK;IAE/D,IAAI,OAAO,kBAAkB,KAAK,UAAU,EAAE,CAAC;QAC3C,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IAED,OAAO,kBAAkB,CAAC;AAC9B,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { ReactElement } from "react";
|
|
2
|
+
import { ChartFill } from "../../coloring/types.js";
|
|
2
3
|
import { ISeriesItem, ItemBorderRadiusPredicate } from "../types.js";
|
|
3
4
|
/**
|
|
4
5
|
* @internal
|
|
@@ -12,6 +13,7 @@ export interface IPopUpLegendProps {
|
|
|
12
13
|
containerId: string;
|
|
13
14
|
customComponent?: ReactElement | null;
|
|
14
15
|
customComponentName?: string;
|
|
16
|
+
chartFill?: ChartFill;
|
|
15
17
|
}
|
|
16
18
|
/**
|
|
17
19
|
* @internal
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopUpLegend.d.ts","sourceRoot":"","sources":["../../../src/legend/PopUpLegend/PopUpLegend.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PopUpLegend.d.ts","sourceRoot":"","sources":["../../../src/legend/PopUpLegend/PopUpLegend.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAQtD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIrE;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,iBAAiB,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,OAAO,GAAG,yBAAyB,CAAC;IACzD,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IACtC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,iBAAiB,qBAuEnD"}
|
|
@@ -10,7 +10,7 @@ const PAGINATION_HEIGHT = 34;
|
|
|
10
10
|
* @internal
|
|
11
11
|
*/
|
|
12
12
|
export function PopUpLegend(props) {
|
|
13
|
-
const { name, maxRows, enableBorderRadius, series, onLegendItemClick, containerId, customComponent, customComponentName, } = props;
|
|
13
|
+
const { name, maxRows, enableBorderRadius, series, onLegendItemClick, containerId, customComponent, customComponentName, chartFill, } = props;
|
|
14
14
|
const intl = useIntl();
|
|
15
15
|
const [isDialogOpen, setDialogOpen] = useState(false);
|
|
16
16
|
const [page, setPage] = useState(1);
|
|
@@ -26,8 +26,8 @@ export function PopUpLegend(props) {
|
|
|
26
26
|
return (React.createElement("div", { "data-testid": "pop-up-legend" },
|
|
27
27
|
React.createElement(RowLegend, { legendLabel: name, maxRowsCount: maxRows, series: [...series], onDialogIconClick: () => {
|
|
28
28
|
setDialogOpen((prevState) => !prevState);
|
|
29
|
-
}, onLegendItemClick: onLegendItemClick, enableBorderRadius: enableBorderRadius, isActive: isDialogOpen, dialogId: dialogId, triggerId: triggerId }),
|
|
29
|
+
}, onLegendItemClick: onLegendItemClick, enableBorderRadius: enableBorderRadius, isActive: isDialogOpen, dialogId: dialogId, triggerId: triggerId, chartFill: chartFill }),
|
|
30
30
|
React.createElement(LegendDialog, { name: dialogTitle, alignTo: `.${containerId}`, isOpen: isDialogOpen, onCloseDialog: onCloseDialog, id: dialogId },
|
|
31
|
-
React.createElement(StaticLegend, { containerHeight: 260, series: [...series], label: name, isLabelVisible: false, position: "dialog", buttonOrientation: "leftRight", onItemClick: onLegendItemClick, shouldFillAvailableSpace: false, enableBorderRadius: enableBorderRadius, paginationHeight: PAGINATION_HEIGHT, customComponent: customComponent, onPageChanged: setPage }))));
|
|
31
|
+
React.createElement(StaticLegend, { containerHeight: 260, series: [...series], label: name, isLabelVisible: false, position: "dialog", buttonOrientation: "leftRight", onItemClick: onLegendItemClick, shouldFillAvailableSpace: false, enableBorderRadius: enableBorderRadius, paginationHeight: PAGINATION_HEIGHT, customComponent: customComponent, onPageChanged: setPage, chartFill: chartFill }))));
|
|
32
32
|
}
|
|
33
33
|
//# sourceMappingURL=PopUpLegend.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopUpLegend.js","sourceRoot":"","sources":["../../../src/legend/PopUpLegend/PopUpLegend.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAgB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"PopUpLegend.js","sourceRoot":"","sources":["../../../src/legend/PopUpLegend/PopUpLegend.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAgB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGlD,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAiB7B;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,KAAwB;IAChD,MAAM,EACF,IAAI,EACJ,OAAO,EACP,kBAAkB,EAClB,MAAM,EACN,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,SAAS,GACZ,GAAG,KAAK,CAAC;IACV,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpC,MAAM,WAAW,GACb,CAAC,IAAI,KAAK,CAAC,IAAI,mBAAmB,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,yBAAyB,EAAE,CAAC,CAAC;IAEzG,MAAM,EAAE,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,GAAG,EAAE,SAAS,CAAC;IAChC,MAAM,SAAS,GAAG,GAAG,EAAE,UAAU,CAAC;IAElC,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,CAAC,CAAC,CAAC,CAAC;QACX,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC;IAChD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACH,4CAAiB,eAAe;QAC5B,oBAAC,SAAS,IACN,WAAW,EAAE,IAAI,EACjB,YAAY,EAAE,OAAO,EACrB,MAAM,EAAE,CAAC,GAAG,MAAM,CAAC,EACnB,iBAAiB,EAAE,GAAG,EAAE;gBACpB,aAAa,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC;YAC7C,CAAC,EACD,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,GACtB;QAEF,oBAAC,YAAY,IACT,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,IAAI,WAAW,EAAE,EAC1B,MAAM,EAAE,YAAY,EACpB,aAAa,EAAE,aAAa,EAC5B,EAAE,EAAE,QAAQ;YAEZ,oBAAC,YAAY,IACT,eAAe,EAAE,GAAG,EACpB,MAAM,EAAE,CAAC,GAAG,MAAM,CAAC,EACnB,KAAK,EAAE,IAAI,EACX,cAAc,EAAE,KAAK,EACrB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,WAAW,EAC9B,WAAW,EAAE,iBAAiB,EAC9B,wBAAwB,EAAE,KAAK,EAC/B,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,iBAAiB,EACnC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,OAAO,EACtB,SAAS,EAAE,SAAS,GACtB,CACS,CACb,CACT,CAAC;AACN,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { ChartFill } from "../../coloring/types.js";
|
|
2
3
|
import { ISeriesItem, ItemBorderRadiusPredicate } from "../types.js";
|
|
3
4
|
export interface IRowLegendIcoButton {
|
|
4
5
|
isVisible: boolean;
|
|
@@ -18,6 +19,7 @@ export interface IRowLegendProps {
|
|
|
18
19
|
isActive?: boolean;
|
|
19
20
|
dialogId: string;
|
|
20
21
|
triggerId: string;
|
|
22
|
+
chartFill?: ChartFill;
|
|
21
23
|
}
|
|
22
24
|
export declare function RowLegend(props: IRowLegendProps): React.JSX.Element;
|
|
23
25
|
//# sourceMappingURL=RowLegend.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowLegend.d.ts","sourceRoot":"","sources":["../../../src/legend/PopUpLegend/RowLegend.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"RowLegend.d.ts","sourceRoot":"","sources":["../../../src/legend/PopUpLegend/RowLegend.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAIpD,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAyBrE,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,GACZ,EAAE,mBAAmB,4BAsCrB;AAED,MAAM,WAAW,eAAe;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,GAAG,yBAAyB,CAAC;IACzD,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,eAAe,qBAgD/C"}
|
|
@@ -47,7 +47,7 @@ export function RowLegendIcoButton({ isVisible, isActive, onIconClick, dialogId,
|
|
|
47
47
|
React.createElement(Icon.LegendMenu, null)))));
|
|
48
48
|
}
|
|
49
49
|
export function RowLegend(props) {
|
|
50
|
-
const { series, maxRowsCount = 1, legendLabel, enableBorderRadius, onDialogIconClick, onLegendItemClick, dialogId, triggerId, isActive = false, } = props;
|
|
50
|
+
const { series, maxRowsCount = 1, legendLabel, enableBorderRadius, onDialogIconClick, onLegendItemClick, dialogId, triggerId, isActive = false, chartFill, } = props;
|
|
51
51
|
const [isOverflow, numOfUsedRow, checkOverFlow] = useCheckOverflow();
|
|
52
52
|
const LEGEND_HEIGHT = maxRowsCount * LEGEND_ROW_HEIGHT + LEGEND_TOP_BOTTOM_PADDING;
|
|
53
53
|
const itemsAlign = numOfUsedRow === 1 ? "flex-end" : "flex-start";
|
|
@@ -56,7 +56,7 @@ export function RowLegend(props) {
|
|
|
56
56
|
justifyContent: itemsAlign,
|
|
57
57
|
}, label: legendLabel, className: "viz-legend static position-row" },
|
|
58
58
|
React.createElement(LegendLabelItem, { label: legendLabel }),
|
|
59
|
-
React.createElement(LegendList, { enableBorderRadius: enableBorderRadius, series: series, onItemClick: onLegendItemClick })),
|
|
59
|
+
React.createElement(LegendList, { enableBorderRadius: enableBorderRadius, series: series, onItemClick: onLegendItemClick, chartFill: chartFill })),
|
|
60
60
|
React.createElement(RowLegendIcoButton, { isActive: isActive, isVisible: isOverflow, onIconClick: onDialogIconClick, dialogId: dialogId, triggerId: triggerId })));
|
|
61
61
|
}
|
|
62
62
|
//# sourceMappingURL=RowLegend.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowLegend.js","sourceRoot":"","sources":["../../../src/legend/PopUpLegend/RowLegend.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"RowLegend.js","sourceRoot":"","sources":["../../../src/legend/PopUpLegend/RowLegend.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { ReactElement } from "react";
|
|
2
2
|
import { ButtonsOrientationType } from "./Paging.js";
|
|
3
3
|
import { ISeriesItem, ItemBorderRadiusPredicate } from "./types.js";
|
|
4
|
+
import { ChartFill } from "../coloring/types.js";
|
|
4
5
|
/**
|
|
5
6
|
* @internal
|
|
6
7
|
*/
|
|
@@ -17,6 +18,7 @@ export interface IStaticLegendProps {
|
|
|
17
18
|
isLabelVisible?: boolean;
|
|
18
19
|
onItemClick?(item: ISeriesItem): void;
|
|
19
20
|
onPageChanged?: (page: number) => void;
|
|
21
|
+
chartFill?: ChartFill;
|
|
20
22
|
}
|
|
21
23
|
/**
|
|
22
24
|
* @internal
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StaticLegend.d.ts","sourceRoot":"","sources":["../../src/legend/StaticLegend.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAS5C,OAAO,EAAE,sBAAsB,EAAU,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"StaticLegend.d.ts","sourceRoot":"","sources":["../../src/legend/StaticLegend.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAS5C,OAAO,EAAE,sBAAsB,EAAU,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,GAAG,yBAAyB,CAAC;IACzD,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;IAC3C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,gDAqHvB,CAAC;AAOH,eAAO,MAAM,eAAe,GACxB,MAAM,MAAM,EACZ,mBAAmB,MAAM,EACzB,cAAc,MAAM,EACpB,oBAAoB,OAAO,KAC5B,CAAC,MAAM,EAAE,MAAM,CAMjB,CAAC"}
|
|
@@ -11,7 +11,7 @@ import { BOTTOM, TOP } from "./PositionTypes.js";
|
|
|
11
11
|
/**
|
|
12
12
|
* @internal
|
|
13
13
|
*/
|
|
14
|
-
export const StaticLegend = React.memo(function StaticLegend({ buttonOrientation = "upDown", paginationHeight = STATIC_PAGING_HEIGHT, containerHeight, position, series, enableBorderRadius, shouldFillAvailableSpace, label, customComponent, isLabelVisible = true, onItemClick, onPageChanged, }) {
|
|
14
|
+
export const StaticLegend = React.memo(function StaticLegend({ buttonOrientation = "upDown", paginationHeight = STATIC_PAGING_HEIGHT, containerHeight, position, series, enableBorderRadius, shouldFillAvailableSpace, label, customComponent, isLabelVisible = true, onItemClick, onPageChanged, chartFill, }) {
|
|
15
15
|
const [page, setPage] = React.useState(1);
|
|
16
16
|
const handleNextPage = React.useCallback(() => {
|
|
17
17
|
setPage((currentPage) => {
|
|
@@ -50,12 +50,12 @@ export const StaticLegend = React.memo(function StaticLegend({ buttonOrientation
|
|
|
50
50
|
if (position === TOP || position === BOTTOM) {
|
|
51
51
|
return (React.createElement("div", { className: classNames },
|
|
52
52
|
React.createElement(LegendSeries, { series: series, label: label, onToggleItem: onItemClick ?? noop },
|
|
53
|
-
React.createElement(LegendList, { enableBorderRadius: enableBorderRadius, series: series, onItemClick: onItemClick ?? noop }))));
|
|
53
|
+
React.createElement(LegendList, { enableBorderRadius: enableBorderRadius, series: series, onItemClick: onItemClick ?? noop, chartFill: chartFill }))));
|
|
54
54
|
}
|
|
55
55
|
return (React.createElement("div", { className: classNames },
|
|
56
56
|
React.createElement(LegendSeries, { series: pagedSeries, label: label, style: { height: seriesHeight }, onToggleItem: onItemClick ?? noop },
|
|
57
57
|
labelNode,
|
|
58
|
-
shouldDisplayCustomComponent ? (customComponent) : (React.createElement(LegendList, { enableBorderRadius: enableBorderRadius, series: pagedSeries, onItemClick: onItemClick ?? noop }))),
|
|
58
|
+
shouldDisplayCustomComponent ? (customComponent) : (React.createElement(LegendList, { enableBorderRadius: enableBorderRadius, series: pagedSeries, onItemClick: onItemClick ?? noop, chartFill: chartFill }))),
|
|
59
59
|
usePaging ? (React.createElement(Paging, { page: page, pagesCount: pagesCount, showNextPage: handleNextPage, showPrevPage: handlePreviousPage, buttonsOrientation: buttonOrientation })) : null));
|
|
60
60
|
});
|
|
61
61
|
const getPagesCount = (seriesLength, visibleItemsCount, hasCustomComponent) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StaticLegend.js","sourceRoot":"","sources":["../../src/legend/StaticLegend.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAA0B,MAAM,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"StaticLegend.js","sourceRoot":"","sources":["../../src/legend/StaticLegend.tsx"],"names":[],"mappings":"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"}
|
package/esm/legend/types.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { IPatternObject } from "../coloring/types.js";
|
|
1
2
|
/**
|
|
2
3
|
* @internal
|
|
3
4
|
*/
|
|
@@ -33,6 +34,7 @@ export interface IBaseLegendItem {
|
|
|
33
34
|
color: string;
|
|
34
35
|
legendIndex: number;
|
|
35
36
|
yAxis: number;
|
|
37
|
+
pointShape?: string;
|
|
36
38
|
}
|
|
37
39
|
/**
|
|
38
40
|
* @internal
|
|
@@ -104,9 +106,10 @@ export type IColorLegendSize = "large" | "medium" | "small";
|
|
|
104
106
|
export type ISeriesItem = {
|
|
105
107
|
isVisible?: boolean;
|
|
106
108
|
name?: string;
|
|
107
|
-
color?: string;
|
|
109
|
+
color?: string | IPatternObject;
|
|
108
110
|
type?: string;
|
|
109
111
|
labelKey?: string;
|
|
110
112
|
data?: string[];
|
|
113
|
+
pointShape?: string;
|
|
111
114
|
};
|
|
112
115
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/legend/types.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAAA;CAM1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,YAAY,EAAuC,CAAC;AAE3F;;GAEG;AACH,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC/C,kBAAkB,CAAC,EAAE,OAAO,GAAG,yBAAyB,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,KAAK,GAAG,CAAC;CAC9C;AAED;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAEzE;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/legend/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAAA;CAM1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,YAAY,EAAuC,CAAC;AAE3F;;GAEG;AACH,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC/C,kBAAkB,CAAC,EAAE,OAAO,GAAG,yBAAyB,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,KAAK,GAAG,CAAC;CAC9C;AAED;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAEzE;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,MAAM;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;CAGjC,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}
|
package/esm/legend/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/legend/types.ts"],"names":[],"mappings":"AAAA,qCAAqC;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/legend/types.ts"],"names":[],"mappings":"AAAA,qCAAqC;AAIrC;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAqC;IAC5D,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;CACf,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAmB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;AAkE3F;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,cAAc,CAAC,GAAG;CAC/B,CAAC"}
|