@page-speed/venn-diagram 0.0.6 → 0.0.7
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/cjs/esm/components/VennDiagram.d.ts.map +1 -1
- package/dist/cjs/index.js +17 -14
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/styles/index.css +8 -5
- package/dist/cjs/styles/index.css.map +1 -1
- package/dist/esm/components/VennDiagram.d.ts.map +1 -1
- package/dist/esm/components/VennDiagram.js +16 -13
- package/dist/esm/components/VennDiagram.js.map +1 -1
- package/dist/esm/styles/VennDiagram.module.css.js +1 -1
- package/dist/esm/styles/index.css +8 -5
- package/dist/esm/styles/index.css.map +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,6 @@
|
|
|
1
|
-
.VennDiagram-
|
|
1
|
+
.VennDiagram-module_vennRoot__iCmDV {
|
|
2
2
|
position: relative;
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-direction: column;
|
|
5
3
|
width: 100%;
|
|
6
|
-
height: 100%;
|
|
7
|
-
min-height: 300px;
|
|
8
4
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
|
|
9
5
|
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
|
|
10
6
|
sans-serif;
|
|
@@ -12,6 +8,13 @@
|
|
|
12
8
|
-moz-osx-font-smoothing: grayscale;
|
|
13
9
|
}
|
|
14
10
|
|
|
11
|
+
.VennDiagram-module_vennContainer__zE5Q4 {
|
|
12
|
+
position: relative;
|
|
13
|
+
width: 100%;
|
|
14
|
+
height: 100%;
|
|
15
|
+
min-height: 300px;
|
|
16
|
+
}
|
|
17
|
+
|
|
15
18
|
.VennDiagram-module_svg__8SEMM {
|
|
16
19
|
flex: 1;
|
|
17
20
|
max-width: 100%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["VennDiagram.module.css"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,
|
|
1
|
+
{"version":3,"sources":["VennDiagram.module.css"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX;;cAEY;EACZ,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,OAAO;EACP,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,0EAA0E;EAC1E,aAAa;AACf;;AAEA;EACE,iBAAiB;EACjB,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,mBAAmB;AACrB;;AAEA;EACE,eAAe;EACf,yCAAyC;AAC3C;;AAEA;EACE,oBAAoB;EACpB,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,eAAe;AACjB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,QAAQ;EACR,gBAAgB;EAChB,aAAa;EACb,qCAAqC;EACrC,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,iBAAiB;EACjB,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;EAChB,yBAAyB;AAC3B;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,YAAY;EACZ,aAAa;EACb,cAAc;EACd,eAAe;EACf,kBAAkB;EAClB,yCAAyC;EACzC,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,eAAe;EACf,YAAY;EACZ,qCAAqC;EACrC,kBAAkB;EAClB,wDAAwD;EACxD,eAAe;EACf,qBAAqB;AACvB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,eAAe;AACjB;;AAEA;EACE;;IAEE,gBAAgB;EAClB;AACF;;AAEA;EACE;IACE,iBAAiB;EACnB;;EAEA;IACE,gBAAgB;IAChB,aAAa;IACb,QAAQ;EACV;;EAEA;IACE,iBAAiB;EACnB;;EAEA;;IAEE,eAAe;EACjB;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,eAAe;EACjB;AACF","file":"styles/index.css","sourcesContent":[".vennRoot {\n position: relative;\n width: 100%;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.vennContainer {\n position: relative;\n width: 100%;\n height: 100%;\n min-height: 300px;\n}\n\n.svg {\n flex: 1;\n max-width: 100%;\n max-height: 100%;\n}\n\n.circleGroup {\n outline: none;\n}\n\n.circle {\n transition: fill-opacity 300ms ease-in-out, stroke-width 300ms ease-in-out;\n outline: none;\n}\n\n.circle:hover {\n fill-opacity: 0.6;\n stroke-width: 3;\n}\n\n.circle:focus {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n}\n\n.circle.selected {\n stroke-width: 3;\n filter: drop-shadow(0 0 3px currentColor);\n}\n\n.labelGroup {\n pointer-events: none;\n user-select: none;\n}\n\n.value {\n font-weight: 600;\n font-size: 16px;\n}\n\n.label {\n font-size: 14px;\n font-weight: 500;\n}\n\n.legend {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 16px;\n padding: 12px;\n background-color: rgba(0, 0, 0, 0.02);\n border-radius: 8px;\n}\n\n.legendItem {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 12px;\n border-left: 4px solid;\n border-radius: 4px;\n}\n\n.legendLabel {\n font-size: 14px;\n font-weight: 500;\n}\n\n.legendValue {\n font-size: 14px;\n font-weight: 600;\n color: rgba(0, 0, 0, 0.6);\n}\n\n.error {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n padding: 20px;\n color: #dc2626;\n font-size: 14px;\n text-align: center;\n background-color: rgba(220, 38, 38, 0.05);\n border-radius: 8px;\n}\n\n.error code {\n display: block;\n margin-top: 8px;\n padding: 8px;\n background-color: rgba(0, 0, 0, 0.05);\n border-radius: 4px;\n font-family: \"Monaco\", \"Menlo\", \"Ubuntu Mono\", monospace;\n font-size: 12px;\n word-break: break-all;\n}\n\n.loading {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n color: rgba(0, 0, 0, 0.6);\n font-size: 14px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .circle,\n .labelGroup {\n transition: none;\n }\n}\n\n@media (max-width: 600px) {\n .vennContainer {\n min-height: 250px;\n }\n\n .legend {\n margin-top: 12px;\n padding: 10px;\n gap: 6px;\n }\n\n .legendItem {\n padding: 6px 10px;\n }\n\n .legendLabel,\n .legendValue {\n font-size: 12px;\n }\n\n .value {\n font-size: 14px;\n }\n\n .label {\n font-size: 12px;\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VennDiagram.d.ts","sourceRoot":"","sources":["../../../src/components/VennDiagram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAA0B,MAAM,qBAAqB,CAAC;AA6B/E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,
|
|
1
|
+
{"version":3,"file":"VennDiagram.d.ts","sourceRoot":"","sources":["../../../src/components/VennDiagram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAA0B,MAAM,qBAAqB,CAAC;AA6B/E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkLlD,CAAC"}
|
|
@@ -98,20 +98,23 @@ const VennDiagram = ({
|
|
|
98
98
|
return jsxRuntimeExports.jsx(VennDiagramContext.Provider, {
|
|
99
99
|
value: contextValue,
|
|
100
100
|
children: jsxRuntimeExports.jsxs("div", {
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
style: {
|
|
104
|
-
width: responsive ? "100%" : finalWidth,
|
|
105
|
-
height: responsive ? "100%" : finalHeight,
|
|
106
|
-
...style
|
|
107
|
-
},
|
|
101
|
+
className: `${styles.vennRoot} ${className || ""}`,
|
|
102
|
+
style: style,
|
|
108
103
|
"data-testid": testId,
|
|
109
|
-
children: [
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
104
|
+
children: [jsxRuntimeExports.jsx("div", {
|
|
105
|
+
ref: containerRef,
|
|
106
|
+
className: styles.vennContainer,
|
|
107
|
+
style: {
|
|
108
|
+
width: responsive ? "100%" : finalWidth,
|
|
109
|
+
height: responsive ? "100%" : finalHeight
|
|
110
|
+
},
|
|
111
|
+
children: renderer === "svg" && jsxRuntimeExports.jsx(VennDiagramSVG, {
|
|
112
|
+
layout: layout,
|
|
113
|
+
textPositions: textPositions,
|
|
114
|
+
width: finalWidth,
|
|
115
|
+
height: finalHeight,
|
|
116
|
+
onClick: onClick
|
|
117
|
+
})
|
|
115
118
|
}), showLegend && jsxRuntimeExports.jsx("div", {
|
|
116
119
|
className: styles.legend,
|
|
117
120
|
children: data.sets.map((set, idx) => jsxRuntimeExports.jsxs("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VennDiagram.js","sources":["../../../../src/components/VennDiagram.tsx"],"sourcesContent":[null],"names":["VennDiagram","data","width","height","renderer","showLabels","showValues","showLegend","colorScheme","customColorScheme","animated","hoverOpacity","interactive","responsive","padding","textFill","strokeWidth","formatValue","formatLabel","className","style","onSetHover","onClick","testId","containerRef","useRef","hoveredSets","setHoveredSets","useState","selectedSets","setSelectedSets","dimensions","useResponsiveVennSize","finalWidth","finalHeight","layout","textPositions","error","isLoading","useVennLayout","useMemo","getColorScheme","sets","length","contextValue","config","_jsxs","styles","role","undefined","children","_jsx","message","loading","VennDiagramContext","Provider","value","ref","vennContainer","VennDiagramSVG","legend","map","set","idx","legendItem","borderLeftColor","legendLabel","label","name","legendValue","size","displayName"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"VennDiagram.js","sources":["../../../../src/components/VennDiagram.tsx"],"sourcesContent":[null],"names":["VennDiagram","data","width","height","renderer","showLabels","showValues","showLegend","colorScheme","customColorScheme","animated","hoverOpacity","interactive","responsive","padding","textFill","strokeWidth","formatValue","formatLabel","className","style","onSetHover","onClick","testId","containerRef","useRef","hoveredSets","setHoveredSets","useState","selectedSets","setSelectedSets","dimensions","useResponsiveVennSize","finalWidth","finalHeight","layout","textPositions","error","isLoading","useVennLayout","useMemo","getColorScheme","sets","length","contextValue","config","_jsxs","styles","role","undefined","children","_jsx","message","loading","VennDiagramContext","Provider","value","vennRoot","ref","vennContainer","VennDiagramSVG","legend","map","set","idx","legendItem","borderLeftColor","legendLabel","label","name","legendValue","size","displayName"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var styles = {"vennContainer":"VennDiagram-module_vennContainer__zE5Q4","svg":"VennDiagram-module_svg__8SEMM","circleGroup":"VennDiagram-module_circleGroup__9MTB2","circle":"VennDiagram-module_circle__sXeUM","selected":"VennDiagram-module_selected__U2SLC","labelGroup":"VennDiagram-module_labelGroup__bbeK2","value":"VennDiagram-module_value__0wKIt","label":"VennDiagram-module_label__fsN9f","legend":"VennDiagram-module_legend__ZOQL5","legendItem":"VennDiagram-module_legendItem__G3upl","legendLabel":"VennDiagram-module_legendLabel__yK6aP","legendValue":"VennDiagram-module_legendValue__cuwMv","error":"VennDiagram-module_error__czgBP","loading":"VennDiagram-module_loading__8lTBq"};
|
|
1
|
+
var styles = {"vennRoot":"VennDiagram-module_vennRoot__iCmDV","vennContainer":"VennDiagram-module_vennContainer__zE5Q4","svg":"VennDiagram-module_svg__8SEMM","circleGroup":"VennDiagram-module_circleGroup__9MTB2","circle":"VennDiagram-module_circle__sXeUM","selected":"VennDiagram-module_selected__U2SLC","labelGroup":"VennDiagram-module_labelGroup__bbeK2","value":"VennDiagram-module_value__0wKIt","label":"VennDiagram-module_label__fsN9f","legend":"VennDiagram-module_legend__ZOQL5","legendItem":"VennDiagram-module_legendItem__G3upl","legendLabel":"VennDiagram-module_legendLabel__yK6aP","legendValue":"VennDiagram-module_legendValue__cuwMv","error":"VennDiagram-module_error__czgBP","loading":"VennDiagram-module_loading__8lTBq"};
|
|
2
2
|
|
|
3
3
|
export { styles as default };
|
|
4
4
|
//# sourceMappingURL=VennDiagram.module.css.js.map
|
|
@@ -1,10 +1,6 @@
|
|
|
1
|
-
.VennDiagram-
|
|
1
|
+
.VennDiagram-module_vennRoot__iCmDV {
|
|
2
2
|
position: relative;
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-direction: column;
|
|
5
3
|
width: 100%;
|
|
6
|
-
height: 100%;
|
|
7
|
-
min-height: 300px;
|
|
8
4
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
|
|
9
5
|
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
|
|
10
6
|
sans-serif;
|
|
@@ -12,6 +8,13 @@
|
|
|
12
8
|
-moz-osx-font-smoothing: grayscale;
|
|
13
9
|
}
|
|
14
10
|
|
|
11
|
+
.VennDiagram-module_vennContainer__zE5Q4 {
|
|
12
|
+
position: relative;
|
|
13
|
+
width: 100%;
|
|
14
|
+
height: 100%;
|
|
15
|
+
min-height: 300px;
|
|
16
|
+
}
|
|
17
|
+
|
|
15
18
|
.VennDiagram-module_svg__8SEMM {
|
|
16
19
|
flex: 1;
|
|
17
20
|
max-width: 100%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["VennDiagram.module.css"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,
|
|
1
|
+
{"version":3,"sources":["VennDiagram.module.css"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX;;cAEY;EACZ,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,OAAO;EACP,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,0EAA0E;EAC1E,aAAa;AACf;;AAEA;EACE,iBAAiB;EACjB,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,mBAAmB;AACrB;;AAEA;EACE,eAAe;EACf,yCAAyC;AAC3C;;AAEA;EACE,oBAAoB;EACpB,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,eAAe;AACjB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,QAAQ;EACR,gBAAgB;EAChB,aAAa;EACb,qCAAqC;EACrC,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,iBAAiB;EACjB,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;EAChB,yBAAyB;AAC3B;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,YAAY;EACZ,aAAa;EACb,cAAc;EACd,eAAe;EACf,kBAAkB;EAClB,yCAAyC;EACzC,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,eAAe;EACf,YAAY;EACZ,qCAAqC;EACrC,kBAAkB;EAClB,wDAAwD;EACxD,eAAe;EACf,qBAAqB;AACvB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,eAAe;AACjB;;AAEA;EACE;;IAEE,gBAAgB;EAClB;AACF;;AAEA;EACE;IACE,iBAAiB;EACnB;;EAEA;IACE,gBAAgB;IAChB,aAAa;IACb,QAAQ;EACV;;EAEA;IACE,iBAAiB;EACnB;;EAEA;;IAEE,eAAe;EACjB;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,eAAe;EACjB;AACF","file":"styles/index.css","sourcesContent":[".vennRoot {\n position: relative;\n width: 100%;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.vennContainer {\n position: relative;\n width: 100%;\n height: 100%;\n min-height: 300px;\n}\n\n.svg {\n flex: 1;\n max-width: 100%;\n max-height: 100%;\n}\n\n.circleGroup {\n outline: none;\n}\n\n.circle {\n transition: fill-opacity 300ms ease-in-out, stroke-width 300ms ease-in-out;\n outline: none;\n}\n\n.circle:hover {\n fill-opacity: 0.6;\n stroke-width: 3;\n}\n\n.circle:focus {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n}\n\n.circle.selected {\n stroke-width: 3;\n filter: drop-shadow(0 0 3px currentColor);\n}\n\n.labelGroup {\n pointer-events: none;\n user-select: none;\n}\n\n.value {\n font-weight: 600;\n font-size: 16px;\n}\n\n.label {\n font-size: 14px;\n font-weight: 500;\n}\n\n.legend {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 16px;\n padding: 12px;\n background-color: rgba(0, 0, 0, 0.02);\n border-radius: 8px;\n}\n\n.legendItem {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 12px;\n border-left: 4px solid;\n border-radius: 4px;\n}\n\n.legendLabel {\n font-size: 14px;\n font-weight: 500;\n}\n\n.legendValue {\n font-size: 14px;\n font-weight: 600;\n color: rgba(0, 0, 0, 0.6);\n}\n\n.error {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n padding: 20px;\n color: #dc2626;\n font-size: 14px;\n text-align: center;\n background-color: rgba(220, 38, 38, 0.05);\n border-radius: 8px;\n}\n\n.error code {\n display: block;\n margin-top: 8px;\n padding: 8px;\n background-color: rgba(0, 0, 0, 0.05);\n border-radius: 4px;\n font-family: \"Monaco\", \"Menlo\", \"Ubuntu Mono\", monospace;\n font-size: 12px;\n word-break: break-all;\n}\n\n.loading {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n color: rgba(0, 0, 0, 0.6);\n font-size: 14px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .circle,\n .labelGroup {\n transition: none;\n }\n}\n\n@media (max-width: 600px) {\n .vennContainer {\n min-height: 250px;\n }\n\n .legend {\n margin-top: 12px;\n padding: 10px;\n gap: 6px;\n }\n\n .legendItem {\n padding: 6px 10px;\n }\n\n .legendLabel,\n .legendValue {\n font-size: 12px;\n }\n\n .value {\n font-size: 14px;\n }\n\n .label {\n font-size: 12px;\n }\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@page-speed/venn-diagram",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.7",
|
|
4
4
|
"description": "Dynamic, data-driven Venn diagram component for React. Renders area-proportional Venn and Euler diagrams with interactive hover/click events.",
|
|
5
5
|
"author": "DashTrack Team",
|
|
6
6
|
"license": "MIT",
|