@reltio/components 1.4.2246 → 1.4.2248

package/UpSetChart/components/SetsChart/SetsChart.js

@@ -1,31 +0,0 @@
-import React, { useMemo } from 'react';
-import { scaleLinear } from 'd3-scale';
-import { SetsChartAxis } from '../SetsChartAxis';
-import { GAP_BEFORE_LEFT_BAR, SET_BAR_HEIGHT, TEXT_GAP } from '../../constants';
-import { useStyles } from './styles';
-export var SetsChart = function (_a) {
-    var sets = _a.sets, width = _a.width, yScale = _a.yScale, transform = _a.transform, labels = _a.labels, hoveredElements = _a.hoveredElements, hoverAreaWidth = _a.hoverAreaWidth, onSetHover = _a.onSetHover;
-    var styles = useStyles();
-    var containerRef = React.useRef(null);
-    var xScale = useMemo(function () {
-        var maxSetSize = sets.length > 0 ? Math.max.apply(Math, sets.map(function (set) { return set.size; })) : 0;
-        return scaleLinear().domain([0, maxSetSize]).range([0, width]);
-    }, [width, sets]);
-    return (React.createElement("g", { ref: containerRef, transform: transform },
-        React.createElement(SetsChartAxis, { width: width }),
-        sets.map(function (set, i) {
-            var name = set.name, size = set.size, elements = set.elements;
-            var label = labels[i];
-            var height = yScale.bandwidth();
-            var y = yScale(name) + height / 2 - SET_BAR_HEIGHT / 2;
-            var lineY = yScale(name) + height;
-            var barSize = hoveredElements ? elements.filter(function (el) { return hoveredElements.includes(el); }).length : size;
-            return (React.createElement("g", { key: "set-group-".concat(i) },
-                React.createElement("rect", { className: styles.setsBarBackground, x: 0, y: y, width: width, height: SET_BAR_HEIGHT }),
-                React.createElement("rect", { className: styles.setsBarDimmed, x: width - xScale(size), y: y, width: xScale(size), height: SET_BAR_HEIGHT }),
-                React.createElement("rect", { className: styles.setsBar, x: width - xScale(barSize), y: y, width: xScale(barSize), height: SET_BAR_HEIGHT }),
-                i !== sets.length - 1 && (React.createElement("line", { className: styles.gridLine, x1: 0, x2: hoverAreaWidth, y1: lineY, y2: lineY })),
-                React.createElement("text", { className: styles.setsLabel, x: width + TEXT_GAP, y: yScale(name) + height / 2 }, label),
-                React.createElement("rect", { className: styles.hoverBar, "data-reltio-id": "set-hover-area", x: -GAP_BEFORE_LEFT_BAR + 1, y: yScale(name), width: hoverAreaWidth - 2, height: height, onMouseEnter: function () { return onSetHover(set); }, onMouseLeave: function () { return onSetHover(null); } })));
-        })));
-};

package/UpSetChart/components/SetsChart/index.d.ts

@@ -1 +0,0 @@
-export { SetsChart } from './SetsChart';

package/UpSetChart/components/SetsChart/index.js

@@ -1 +0,0 @@
-export { SetsChart } from './SetsChart';

package/UpSetChart/components/SetsChart/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"setsBarBackground" | "setsBarDimmed" | "setsBar" | "hoverBar" | "setsLabel" | "gridLine">;

package/UpSetChart/components/SetsChart/styles.js

@@ -1,40 +0,0 @@
-import { makeStyles } from '@mui/styles';
-import { DIMMED_COLOR, PRIMARY_COLOR, SET_LABEL_SIZE, TEXT_COLOR } from '../../constants';
-export var useStyles = makeStyles(function () { return ({
-    setsBarBackground: {
-        fill: PRIMARY_COLOR,
-        opacity: 0.08,
-        transition: 'x ease-in-out 0.3s, width ease-in-out 0.3s'
-    },
-    setsBarDimmed: {
-        fill: DIMMED_COLOR,
-        transition: 'x ease-in-out 0.3s, width ease-in-out 0.3s'
-    },
-    setsBar: {
-        fill: PRIMARY_COLOR,
-        transition: 'x ease-in-out 0.3s, width ease-in-out 0.3s'
-    },
-    hoverBar: {
-        fill: 'transparent',
-        strokeWidth: '1px',
-        cursor: 'pointer',
-        stroke: PRIMARY_COLOR,
-        opacity: 0,
-        transition: 'opacity ease-in-out 0.3s',
-        '&:hover': {
-            opacity: 1
-        }
-    },
-    setsLabel: {
-        fontSize: SET_LABEL_SIZE,
-        fill: TEXT_COLOR,
-        textAnchor: 'start',
-        dominantBaseline: 'middle',
-        transition: 'all ease-in-out 0.3s'
-    },
-    gridLine: {
-        stroke: '#000000',
-        opacity: 0.04,
-        strokeWidth: '1px'
-    }
-}); });

package/UpSetChart/components/SetsChartAxis/SetsChartAxis.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-type Props = {
-    width: number;
-};
-export declare const SetsChartAxis: ({ width }: Props) => React.JSX.Element;
-export {};

package/UpSetChart/components/SetsChartAxis/SetsChartAxis.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { useStyles } from './styles';
-export var SetsChartAxis = function (_a) {
-    var width = _a.width;
-    var styles = useStyles();
-    return (React.createElement("g", null,
-        React.createElement("g", { transform: "translate(0,0)" },
-            React.createElement("line", { y2: -6, className: styles.axisTick }),
-            React.createElement("text", { x: 0, y: -9, className: styles.axisTickLabel }, "100%")),
-        React.createElement("g", { transform: "translate(".concat(width, ",0)") },
-            React.createElement("line", { y2: -6, className: styles.axisTick }),
-            React.createElement("text", { x: 0, y: -9, className: styles.axisTickLabel }, "0%"))));
-};

package/UpSetChart/components/SetsChartAxis/index.d.ts

@@ -1 +0,0 @@
-export { SetsChartAxis } from './SetsChartAxis';

package/UpSetChart/components/SetsChartAxis/index.js

@@ -1 +0,0 @@
-export { SetsChartAxis } from './SetsChartAxis';

package/UpSetChart/components/SetsChartAxis/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"axisTick" | "axisTickLabel">;

package/UpSetChart/components/SetsChartAxis/styles.js

@@ -1,14 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function () { return ({
-    axisTick: {
-        stroke: '#000000',
-        strokeWidth: '1px',
-        opacity: 0.54
-    },
-    axisTickLabel: {
-        fontSize: '10px',
-        fill: '#000000',
-        opacity: 0.54,
-        textAnchor: 'middle'
-    }
-}); });

package/UpSetChart/constants.d.ts

@@ -1,17 +0,0 @@
-export declare const PRIMARY_COLOR = "#000066";
-export declare const DIMMED_COLOR = "#CCCCE0";
-export declare const TEXT_COLOR = "rgba(0, 0, 0, 0.87)";
-export declare const TOP_GAP = 24;
-export declare const TEXT_GAP = 16;
-export declare const GAP_BETWEEN_TABLE_AND_CHART = 8;
-export declare const GAP_BEFORE_LEFT_BAR = 12;
-export declare const AXIS_TICK_LABEL_SIZE = "12px";
-export declare const SET_LABEL_SIZE = "13px";
-export declare const SET_BAR_HEIGHT = 12;
-export declare const MATRIX_ROW_HEIGHT = 29;
-export declare const MIN_MATRIX_COLUMN_WIDTH = 28;
-export declare const MIN_INTERSECTION_CHART_HEIGHT = 120;
-export declare const MIN_SETS_CHART_WIDTH = 100;
-export declare const MAX_SETS_CHART_WIDTH = 200;
-export declare const MAX_CHARACTERS = 20;
-export declare const MIN_CHARACTERS = 8;

package/UpSetChart/constants.js

@@ -1,20 +0,0 @@
-// Colors
-export var PRIMARY_COLOR = '#000066';
-export var DIMMED_COLOR = '#CCCCE0';
-export var TEXT_COLOR = 'rgba(0, 0, 0, 0.87)';
-// Gaps
-export var TOP_GAP = 24;
-export var TEXT_GAP = 16;
-export var GAP_BETWEEN_TABLE_AND_CHART = 8;
-export var GAP_BEFORE_LEFT_BAR = 12;
-// Sizes
-export var AXIS_TICK_LABEL_SIZE = '12px';
-export var SET_LABEL_SIZE = '13px';
-export var SET_BAR_HEIGHT = 12;
-export var MATRIX_ROW_HEIGHT = 29;
-export var MIN_MATRIX_COLUMN_WIDTH = 28;
-export var MIN_INTERSECTION_CHART_HEIGHT = 120;
-export var MIN_SETS_CHART_WIDTH = 100;
-export var MAX_SETS_CHART_WIDTH = 200;
-export var MAX_CHARACTERS = 20;
-export var MIN_CHARACTERS = 8;

package/UpSetChart/gameOfThrones.test-data.d.ts

@@ -1,4 +0,0 @@
-export declare const gameOfThronesData: {
-    name: string;
-    sets: string[];
-}[];

package/UpSetChart/gameOfThrones.test-data.js

@@ -1,23 +0,0 @@
-export var gameOfThronesData = [
-    { name: 'Alton Lannister', sets: ['was killed', 'Lannister', 'male'] },
-    { name: 'Arya Stark', sets: ['Stark', 'female'] },
-    { name: 'Bran Stark', sets: ['royal', 'Stark', 'male'] },
-    { name: 'Benjen Stark', sets: ['was killed', 'Stark', 'male'] },
-    { name: 'Brandon Stark', sets: ['was killed', 'Stark'] },
-    { name: 'Catelyn Stark', sets: ['was killed', 'Stark', 'female'] },
-    { name: 'Cersei Lannister', sets: ['royal', 'was killed', 'Lannister', 'female'] },
-    { name: 'Eddard Stark', sets: ['was killed', 'Stark', 'male'] },
-    { name: 'Jaime Lannister', sets: ['was killed', 'Lannister', 'male'] },
-    { name: 'Jon Snow', sets: ['royal', 'was killed', 'Stark', 'male'] },
-    { name: 'Kevan Lannister', sets: ['was killed', 'Lannister', 'male'] },
-    { name: 'Lancel Lannister', sets: ['was killed', 'Lannister', 'male'] },
-    { name: 'Lyanna Stark', sets: ['was killed', 'Stark', 'female'] },
-    { name: 'Martyn Lannister', sets: ['was killed', 'Lannister', 'male'] },
-    { name: 'Rickard Stark', sets: ['was killed', 'Stark', 'male'] },
-    { name: 'Rickon Stark', sets: ['was killed', 'Stark', 'male'] },
-    { name: 'Robb Stark', sets: ['royal', 'was killed', 'Stark', 'male'] },
-    { name: 'Sansa Stark', sets: ['royal', 'Stark', 'female'] },
-    { name: 'Tyrion Lannister', sets: ['Lannister', 'male'] },
-    { name: 'Tywin Lannister', sets: ['was killed', 'Lannister', 'male'] },
-    { name: 'Willem Lannister', sets: ['was killed', 'Lannister', 'male'] }
-];

package/UpSetChart/helpers.d.ts

@@ -1,20 +0,0 @@
-import { ScaleBand } from 'd3-scale';
-import { DataSet, Intersection, UpSetChartData } from './types';
-export declare const findIntersections: (data: UpSetChartData) => {
-    intersections: Intersection[];
-    sets: DataSet[];
-};
-export declare const getMatrixData: (xScale: ScaleBand<string>, yScale: ScaleBand<string>, intersections: Intersection[], sets: DataSet[]) => {
-    circles: {
-        cx: number;
-        cy: number;
-        isPresent: boolean;
-        intersectionIndex: number;
-    }[];
-    lines: any[];
-};
-export declare const truncateLabels: (sets: DataSet[], maxLabelsWidth: number) => {
-    labels: string[];
-    maxWidth: number;
-};
-export declare const calculateTicksWidth: (ticks: number[]) => number;

package/UpSetChart/helpers.js

@@ -1,120 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { AXIS_TICK_LABEL_SIZE, MAX_CHARACTERS, MIN_CHARACTERS, SET_LABEL_SIZE } from './constants';
-export var findIntersections = function (data) {
-    var setsCombinations = {};
-    var individualSets = {};
-    data.forEach(function (_a) {
-        var name = _a.name, sets = _a.sets;
-        sets.forEach(function (set) {
-            if (!individualSets[set]) {
-                individualSets[set] = [];
-            }
-            individualSets[set].push(name);
-        });
-        var generateCombinations = function (subset, index) {
-            if (index === sets.length) {
-                if (subset.length > 0) {
-                    var key = subset.sort().join(',');
-                    if (!setsCombinations[key]) {
-                        setsCombinations[key] = [];
-                    }
-                    setsCombinations[key].push(name);
-                }
-                return;
-            }
-            generateCombinations(subset, index + 1);
-            generateCombinations(__spreadArray(__spreadArray([], subset, true), [sets[index]], false), index + 1);
-        };
-        generateCombinations([], 0);
-    });
-    var intersections = Object.entries(setsCombinations)
-        .map(function (_a, index) {
-        var key = _a[0], elements = _a[1];
-        return ({
-            index: index,
-            sets: key.split(','),
-            size: elements.length,
-            elements: elements
-        });
-    })
-        .sort(function (a, b) { return b.size - a.size; });
-    var sets = Object.entries(individualSets).map(function (_a, index) {
-        var name = _a[0], elements = _a[1];
-        return ({
-            index: index,
-            name: name,
-            size: elements.length,
-            elements: elements
-        });
-    });
-    return { intersections: intersections, sets: sets };
-};
-export var getMatrixData = function (xScale, yScale, intersections, sets) {
-    var circles = intersections.flatMap(function (intersection, i) {
-        return sets.map(function (set) { return ({
-            cx: xScale(String(i)) + xScale.bandwidth() / 2,
-            cy: yScale(set.name) + yScale.bandwidth() / 2,
-            isPresent: intersection.sets.includes(set.name),
-            intersectionIndex: intersection.index
-        }); });
-    });
-    var lines = intersections.reduce(function (acc, intersection, i) {
-        var activeSetIndices = intersection.sets
-            .map(function (name) { return sets.findIndex(function (set) { return set.name === name; }); })
-            .filter(function (i) { return i >= 0; })
-            .sort(function (a, b) { return a - b; });
-        if (activeSetIndices.length > 1) {
-            var firstIdx = activeSetIndices[0];
-            var lastIdx = activeSetIndices[activeSetIndices.length - 1];
-            var x = xScale(String(i)) + xScale.bandwidth() / 2;
-            var y1 = yScale(sets[firstIdx].name) + yScale.bandwidth() / 2;
-            var y2 = yScale(sets[lastIdx].name) + yScale.bandwidth() / 2;
-            return __spreadArray(__spreadArray([], acc, true), [{ x: x, y1: y1, y2: y2, intersectionIndex: intersection.index }], false);
-        }
-        return acc;
-    }, []);
-    return { circles: circles, lines: lines };
-};
-export var truncateLabels = function (sets, maxLabelsWidth) {
-    var newTruncatedLabels = [];
-    var maxWidth = 0;
-    var tempSvgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    document.body.appendChild(tempSvgElement);
-    var tempTextElement = document.createElementNS('http://www.w3.org/2000/svg', 'text');
-    tempTextElement.setAttribute('font-size', SET_LABEL_SIZE);
-    tempSvgElement.appendChild(tempTextElement);
-    sets.forEach(function (_a) {
-        var name = _a.name;
-        var truncatedText = name.length > MAX_CHARACTERS ? name.slice(0, MAX_CHARACTERS) + '...' : name;
-        tempTextElement.textContent = truncatedText;
-        while (tempTextElement.getBBox().width > maxLabelsWidth && truncatedText.length > MIN_CHARACTERS) {
-            truncatedText = truncatedText.slice(0, -4) + '...';
-            tempTextElement.textContent = truncatedText;
-        }
-        newTruncatedLabels.push(truncatedText);
-        maxWidth = Math.max(maxWidth, tempTextElement.getBBox().width);
-    });
-    document.body.removeChild(tempSvgElement);
-    return { labels: newTruncatedLabels, maxWidth: maxWidth };
-};
-export var calculateTicksWidth = function (ticks) {
-    var tempSvgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    var tempTextElement = document.createElementNS('http://www.w3.org/2000/svg', 'text');
-    tempTextElement.setAttribute('font-size', AXIS_TICK_LABEL_SIZE);
-    tempSvgElement.appendChild(tempTextElement);
-    document.body.appendChild(tempSvgElement);
-    var maxWidth = ticks.reduce(function (maxWidth, tick) {
-        tempTextElement.textContent = String(tick);
-        return Math.max(maxWidth, tempTextElement.getBBox().width);
-    }, 0);
-    document.body.removeChild(tempSvgElement);
-    return maxWidth;
-};

package/UpSetChart/index.d.ts

@@ -1 +0,0 @@
-export { UpSetChart } from './UpSetChart';

package/UpSetChart/index.js

@@ -1 +0,0 @@
-export { UpSetChart } from './UpSetChart';

package/UpSetChart/styles.d.ts

@@ -1,4 +0,0 @@
-export declare const useStyles: (props: {
-    width: number;
-    height: number;
-}) => import("@mui/styles").ClassNameMap<"svg" | "wrapper">;

package/UpSetChart/styles.js

@@ -1,15 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function () { return ({
-    wrapper: function (_a) {
-        var width = _a.width, height = _a.height;
-        return ({
-            width: width,
-            height: height,
-            display: 'flex',
-            overflow: 'auto'
-        });
-    },
-    svg: {
-        flexShrink: '0'
-    }
-}); });

package/UpSetChart/types.d.ts

@@ -1,16 +0,0 @@
-export type UpSetChartData = {
-    name: string;
-    sets: string[];
-}[];
-export type Intersection = {
-    index: number;
-    sets: string[];
-    size: number;
-    elements: string[];
-};
-export type DataSet = {
-    index: number;
-    name: string;
-    size: number;
-    elements: string[];
-};

package/UpSetChart/types.js

@@ -1 +0,0 @@
-export {};

package/UpSetChart/useUpSetChartSizes.d.ts

@@ -1,20 +0,0 @@
-import { DataSet, Intersection } from './types';
-type Props = {
-    width: number;
-    height: number;
-    intersections: Intersection[];
-    sets: DataSet[];
-};
-export declare const useUpSetChartSizes: ({ width, height, intersections, sets }: Props) => {
-    labels: string[];
-    svgWidth: number;
-    svgHeight: number;
-    intersectionsChartWidth: number;
-    intersectionsChartHeight: number;
-    matrixY: number;
-    matrixHeight: number;
-    maxLabelsWidth: number;
-    leftPadding: number;
-    setsChartWidth: number;
-};
-export {};

package/UpSetChart/useUpSetChartSizes.js

@@ -1,30 +0,0 @@
-import { GAP_BEFORE_LEFT_BAR, GAP_BETWEEN_TABLE_AND_CHART, MATRIX_ROW_HEIGHT, MAX_SETS_CHART_WIDTH, MIN_INTERSECTION_CHART_HEIGHT, MIN_MATRIX_COLUMN_WIDTH, MIN_SETS_CHART_WIDTH, TEXT_GAP, TOP_GAP } from './constants';
-import { truncateLabels } from './helpers';
-export var useUpSetChartSizes = function (_a) {
-    var width = _a.width, height = _a.height, intersections = _a.intersections, sets = _a.sets;
-    var minMatrixWidth = intersections.length * MIN_MATRIX_COLUMN_WIDTH * 1.2;
-    var matrixHeight = sets.length * MATRIX_ROW_HEIGHT;
-    var availableLabelsWidth = width - minMatrixWidth - TEXT_GAP * 2 - GAP_BEFORE_LEFT_BAR - MIN_SETS_CHART_WIDTH;
-    var _b = truncateLabels(sets, availableLabelsWidth), labels = _b.labels, labelsWidth = _b.maxWidth;
-    var availableSetsChartWidth = width - minMatrixWidth - TEXT_GAP * 2 - GAP_BEFORE_LEFT_BAR - labelsWidth;
-    var setsChartWidth = Math.min(Math.max(availableSetsChartWidth, MIN_SETS_CHART_WIDTH), MAX_SETS_CHART_WIDTH);
-    var maxLabelsWidth = width - minMatrixWidth - TEXT_GAP * 2 - GAP_BEFORE_LEFT_BAR - setsChartWidth;
-    var leftPadding = setsChartWidth + labelsWidth + TEXT_GAP * 2 + GAP_BEFORE_LEFT_BAR;
-    var intersectionsChartWidth = Math.max(minMatrixWidth, width - leftPadding);
-    var intersectionsChartHeight = Math.max(MIN_INTERSECTION_CHART_HEIGHT, height - TOP_GAP - matrixHeight - GAP_BETWEEN_TABLE_AND_CHART);
-    var svgWidth = leftPadding + intersectionsChartWidth;
-    var svgHeight = intersectionsChartHeight + matrixHeight + TOP_GAP + GAP_BETWEEN_TABLE_AND_CHART;
-    var matrixY = svgHeight - matrixHeight - 1;
-    return {
-        labels: labels,
-        svgWidth: svgWidth,
-        svgHeight: svgHeight,
-        intersectionsChartWidth: intersectionsChartWidth,
-        intersectionsChartHeight: intersectionsChartHeight,
-        matrixY: matrixY,
-        matrixHeight: matrixHeight,
-        maxLabelsWidth: maxLabelsWidth,
-        leftPadding: leftPadding,
-        setsChartWidth: setsChartWidth
-    };
-};

package/cjs/UpSetChart/UpSetChart.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { UpSetChartData } from './types';
-type Props = {
-    data: UpSetChartData;
-    width?: number;
-    height?: number;
-};
-export declare const UpSetChart: ({ data, width, height }: Props) => React.JSX.Element;
-export {};

package/cjs/UpSetChart/UpSetChart.js

@@ -1,70 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UpSetChart = void 0;
-var react_1 = __importStar(require("react"));
-var d3_scale_1 = require("d3-scale");
-var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
-var SetsChart_1 = require("./components/SetsChart");
-var IntersectionsMatrix_1 = require("./components/IntersectionsMatrix");
-var IntersectionsChart_1 = require("./components/IntersectionsChart");
-var useUpSetChartSizes_1 = require("./useUpSetChartSizes");
-var constants_1 = require("./constants");
-var helpers_1 = require("./helpers");
-var styles_1 = require("./styles");
-var UpSetChart = function (_a) {
-    var data = _a.data, width = _a.width, height = _a.height;
-    var styles = (0, styles_1.useStyles)({ width: width, height: height });
-    var containerRef = (0, react_1.useRef)(null);
-    var _b = (0, react_1.useState)(null), hoveredSet = _b[0], setHoveredSet = _b[1];
-    var _c = (0, react_1.useState)(null), hoveredIntersection = _c[0], setHoveredIntersection = _c[1];
-    var _d = (0, react_1.useState)([width, height]), _e = _d[0], availableWidth = _e[0], availableHeight = _e[1], setAvailableSize = _d[1];
-    var _f = (0, react_1.useMemo)(function () { return (0, helpers_1.findIntersections)(data); }, [data]), intersections = _f.intersections, sets = _f.sets;
-    var hoveredElements = (hoveredIntersection === null || hoveredIntersection === void 0 ? void 0 : hoveredIntersection.elements) || (hoveredSet === null || hoveredSet === void 0 ? void 0 : hoveredSet.elements);
-    var tooltipTitle = hoveredIntersection === null || hoveredIntersection === void 0 ? void 0 : hoveredIntersection.sets.join(' ∩ ');
-    var _g = (0, useUpSetChartSizes_1.useUpSetChartSizes)({ width: availableWidth, height: availableHeight, intersections: intersections, sets: sets }), labels = _g.labels, svgWidth = _g.svgWidth, svgHeight = _g.svgHeight, intersectionsChartWidth = _g.intersectionsChartWidth, intersectionsChartHeight = _g.intersectionsChartHeight, matrixY = _g.matrixY, matrixHeight = _g.matrixHeight, setsChartWidth = _g.setsChartWidth, leftPadding = _g.leftPadding;
-    var matrixXScale = (0, react_1.useMemo)(function () {
-        var domain = intersections.map(function (_, i) { return String(i); });
-        return (0, d3_scale_1.scaleBand)([0, intersectionsChartWidth]).domain(domain).paddingInner(0.2);
-    }, [intersections, intersectionsChartWidth]);
-    var matrixYScale = (0, react_1.useMemo)(function () {
-        var domain = sets.map(function (set) { return set.name; });
-        return (0, d3_scale_1.scaleBand)([0, matrixHeight]).domain(domain);
-    }, [sets, matrixHeight]);
-    (0, react_1.useEffect)(function () {
-        var _a = containerRef.current || {}, clientWidth = _a.clientWidth, clientHeight = _a.clientHeight;
-        setAvailableSize([clientWidth || width, clientHeight || height]);
-    }, [width, height]);
-    return (react_1.default.createElement("div", { ref: containerRef, className: styles.wrapper },
-        react_1.default.createElement(Tooltip_1.default, { title: tooltipTitle, followCursor: true },
-            react_1.default.createElement("svg", { className: styles.svg, width: svgWidth, height: svgHeight },
-                react_1.default.createElement(IntersectionsMatrix_1.IntersectionsMatrix, { xScale: matrixXScale, yScale: matrixYScale, intersections: intersections, sets: sets, transform: "translate(".concat(leftPadding, ",").concat(matrixY, ")"), hoveredIntersection: hoveredIntersection }),
-                react_1.default.createElement(SetsChart_1.SetsChart, { yScale: matrixYScale, width: setsChartWidth, sets: sets, labels: labels, hoveredElements: hoveredElements, hoverAreaWidth: svgWidth, transform: "translate(".concat(constants_1.GAP_BEFORE_LEFT_BAR, ",").concat(matrixY, ")"), onSetHover: setHoveredSet }),
-                react_1.default.createElement(IntersectionsChart_1.IntersectionsChart, { xScale: matrixXScale, width: intersectionsChartWidth, height: intersectionsChartHeight, intersections: intersections, highlightedElements: hoveredElements, transform: "translate(".concat(leftPadding, ",").concat(constants_1.TOP_GAP, ")"), matrixHeight: matrixHeight, onIntersectionHover: setHoveredIntersection })))));
-};
-exports.UpSetChart = UpSetChart;

package/cjs/UpSetChart/UpSetChart.test.d.ts

@@ -1 +0,0 @@
-export {};