@reltio/components 1.4.2246 → 1.4.2248

package/cjs/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/cjs/UpSetChart/components/SetsChart/styles.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-var constants_1 = require("../../constants");
-exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
-    setsBarBackground: {
-        fill: constants_1.PRIMARY_COLOR,
-        opacity: 0.08,
-        transition: 'x ease-in-out 0.3s, width ease-in-out 0.3s'
-    },
-    setsBarDimmed: {
-        fill: constants_1.DIMMED_COLOR,
-        transition: 'x ease-in-out 0.3s, width ease-in-out 0.3s'
-    },
-    setsBar: {
-        fill: constants_1.PRIMARY_COLOR,
-        transition: 'x ease-in-out 0.3s, width ease-in-out 0.3s'
-    },
-    hoverBar: {
-        fill: 'transparent',
-        strokeWidth: '1px',
-        cursor: 'pointer',
-        stroke: constants_1.PRIMARY_COLOR,
-        opacity: 0,
-        transition: 'opacity ease-in-out 0.3s',
-        '&:hover': {
-            opacity: 1
-        }
-    },
-    setsLabel: {
-        fontSize: constants_1.SET_LABEL_SIZE,
-        fill: constants_1.TEXT_COLOR,
-        textAnchor: 'start',
-        dominantBaseline: 'middle',
-        transition: 'all ease-in-out 0.3s'
-    },
-    gridLine: {
-        stroke: '#000000',
-        opacity: 0.04,
-        strokeWidth: '1px'
-    }
-}); });

package/cjs/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/cjs/UpSetChart/components/SetsChartAxis/SetsChartAxis.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SetsChartAxis = void 0;
-var react_1 = __importDefault(require("react"));
-var styles_1 = require("./styles");
-var SetsChartAxis = function (_a) {
-    var width = _a.width;
-    var styles = (0, styles_1.useStyles)();
-    return (react_1.default.createElement("g", null,
-        react_1.default.createElement("g", { transform: "translate(0,0)" },
-            react_1.default.createElement("line", { y2: -6, className: styles.axisTick }),
-            react_1.default.createElement("text", { x: 0, y: -9, className: styles.axisTickLabel }, "100%")),
-        react_1.default.createElement("g", { transform: "translate(".concat(width, ",0)") },
-            react_1.default.createElement("line", { y2: -6, className: styles.axisTick }),
-            react_1.default.createElement("text", { x: 0, y: -9, className: styles.axisTickLabel }, "0%"))));
-};
-exports.SetsChartAxis = SetsChartAxis;

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

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

package/cjs/UpSetChart/components/SetsChartAxis/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SetsChartAxis = void 0;
-var SetsChartAxis_1 = require("./SetsChartAxis");
-Object.defineProperty(exports, "SetsChartAxis", { enumerable: true, get: function () { return SetsChartAxis_1.SetsChartAxis; } });

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

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

package/cjs/UpSetChart/components/SetsChartAxis/styles.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
-    axisTick: {
-        stroke: '#000000',
-        strokeWidth: '1px',
-        opacity: 0.54
-    },
-    axisTickLabel: {
-        fontSize: '10px',
-        fill: '#000000',
-        opacity: 0.54,
-        textAnchor: 'middle'
-    }
-}); });

package/cjs/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/cjs/UpSetChart/constants.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MIN_CHARACTERS = exports.MAX_CHARACTERS = exports.MAX_SETS_CHART_WIDTH = exports.MIN_SETS_CHART_WIDTH = exports.MIN_INTERSECTION_CHART_HEIGHT = exports.MIN_MATRIX_COLUMN_WIDTH = exports.MATRIX_ROW_HEIGHT = exports.SET_BAR_HEIGHT = exports.SET_LABEL_SIZE = exports.AXIS_TICK_LABEL_SIZE = exports.GAP_BEFORE_LEFT_BAR = exports.GAP_BETWEEN_TABLE_AND_CHART = exports.TEXT_GAP = exports.TOP_GAP = exports.TEXT_COLOR = exports.DIMMED_COLOR = exports.PRIMARY_COLOR = void 0;
-// Colors
-exports.PRIMARY_COLOR = '#000066';
-exports.DIMMED_COLOR = '#CCCCE0';
-exports.TEXT_COLOR = 'rgba(0, 0, 0, 0.87)';
-// Gaps
-exports.TOP_GAP = 24;
-exports.TEXT_GAP = 16;
-exports.GAP_BETWEEN_TABLE_AND_CHART = 8;
-exports.GAP_BEFORE_LEFT_BAR = 12;
-// Sizes
-exports.AXIS_TICK_LABEL_SIZE = '12px';
-exports.SET_LABEL_SIZE = '13px';
-exports.SET_BAR_HEIGHT = 12;
-exports.MATRIX_ROW_HEIGHT = 29;
-exports.MIN_MATRIX_COLUMN_WIDTH = 28;
-exports.MIN_INTERSECTION_CHART_HEIGHT = 120;
-exports.MIN_SETS_CHART_WIDTH = 100;
-exports.MAX_SETS_CHART_WIDTH = 200;
-exports.MAX_CHARACTERS = 20;
-exports.MIN_CHARACTERS = 8;

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

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

package/cjs/UpSetChart/gameOfThrones.test-data.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.gameOfThronesData = void 0;
-exports.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/cjs/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/cjs/UpSetChart/helpers.js

@@ -1,127 +0,0 @@
-"use strict";
-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));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.calculateTicksWidth = exports.truncateLabels = exports.getMatrixData = exports.findIntersections = void 0;
-var constants_1 = require("./constants");
-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 };
-};
-exports.findIntersections = findIntersections;
-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 };
-};
-exports.getMatrixData = getMatrixData;
-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', constants_1.SET_LABEL_SIZE);
-    tempSvgElement.appendChild(tempTextElement);
-    sets.forEach(function (_a) {
-        var name = _a.name;
-        var truncatedText = name.length > constants_1.MAX_CHARACTERS ? name.slice(0, constants_1.MAX_CHARACTERS) + '...' : name;
-        tempTextElement.textContent = truncatedText;
-        while (tempTextElement.getBBox().width > maxLabelsWidth && truncatedText.length > constants_1.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 };
-};
-exports.truncateLabels = truncateLabels;
-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', constants_1.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;
-};
-exports.calculateTicksWidth = calculateTicksWidth;

package/cjs/UpSetChart/index.d.ts

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

package/cjs/UpSetChart/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UpSetChart = void 0;
-var UpSetChart_1 = require("./UpSetChart");
-Object.defineProperty(exports, "UpSetChart", { enumerable: true, get: function () { return UpSetChart_1.UpSetChart; } });

package/cjs/UpSetChart/styles.d.ts

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

package/cjs/UpSetChart/styles.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-exports.useStyles = (0, styles_1.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/cjs/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/cjs/UpSetChart/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/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/cjs/UpSetChart/useUpSetChartSizes.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUpSetChartSizes = void 0;
-var constants_1 = require("./constants");
-var helpers_1 = require("./helpers");
-var useUpSetChartSizes = function (_a) {
-    var width = _a.width, height = _a.height, intersections = _a.intersections, sets = _a.sets;
-    var minMatrixWidth = intersections.length * constants_1.MIN_MATRIX_COLUMN_WIDTH * 1.2;
-    var matrixHeight = sets.length * constants_1.MATRIX_ROW_HEIGHT;
-    var availableLabelsWidth = width - minMatrixWidth - constants_1.TEXT_GAP * 2 - constants_1.GAP_BEFORE_LEFT_BAR - constants_1.MIN_SETS_CHART_WIDTH;
-    var _b = (0, helpers_1.truncateLabels)(sets, availableLabelsWidth), labels = _b.labels, labelsWidth = _b.maxWidth;
-    var availableSetsChartWidth = width - minMatrixWidth - constants_1.TEXT_GAP * 2 - constants_1.GAP_BEFORE_LEFT_BAR - labelsWidth;
-    var setsChartWidth = Math.min(Math.max(availableSetsChartWidth, constants_1.MIN_SETS_CHART_WIDTH), constants_1.MAX_SETS_CHART_WIDTH);
-    var maxLabelsWidth = width - minMatrixWidth - constants_1.TEXT_GAP * 2 - constants_1.GAP_BEFORE_LEFT_BAR - setsChartWidth;
-    var leftPadding = setsChartWidth + labelsWidth + constants_1.TEXT_GAP * 2 + constants_1.GAP_BEFORE_LEFT_BAR;
-    var intersectionsChartWidth = Math.max(minMatrixWidth, width - leftPadding);
-    var intersectionsChartHeight = Math.max(constants_1.MIN_INTERSECTION_CHART_HEIGHT, height - constants_1.TOP_GAP - matrixHeight - constants_1.GAP_BETWEEN_TABLE_AND_CHART);
-    var svgWidth = leftPadding + intersectionsChartWidth;
-    var svgHeight = intersectionsChartHeight + matrixHeight + constants_1.TOP_GAP + constants_1.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
-    };
-};
-exports.useUpSetChartSizes = useUpSetChartSizes;