synapse-react-client 2.1.21 → 3.0.0

package/dist/containers/Facets.js

@@ -1,199 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxGroup = exports.Facets = exports.FACET_NOT_SELECTED_CLASS = exports.FACET_SELECTED_CLASS = exports.SELECT_SINGLE_FACET = void 0;
-var tslib_1 = require("tslib");
-var fontawesome_svg_core_1 = require("@fortawesome/fontawesome-svg-core");
-var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
-var utils_1 = require("../utils");
-var React = (0, tslib_1.__importStar)(require("react"));
-var facetUtils_1 = require("../utils/functions/facetUtils");
-var ColorGradient_1 = require("./ColorGradient");
-var SynapseTableConstants_1 = require("./table/SynapseTableConstants");
-var TotalQueryResults_1 = (0, tslib_1.__importDefault)(require("./TotalQueryResults"));
-fontawesome_svg_core_1.library.add(free_solid_svg_icons_1.faPlus);
-exports.SELECT_SINGLE_FACET = 'SELECT_SINGLE_FACET';
-exports.FACET_SELECTED_CLASS = 'FACET_SELECTED_CLASS';
-exports.FACET_NOT_SELECTED_CLASS = 'FACET_NOT_SELECTED_CLASS';
-/**
- * Checkbox group represents one column's set of checkbox filters
- *
- * @class CheckboxGroup
- * @extends {React.Component}
- */
-var CheckboxGroup = function (props) {
-    var facetColumnResult = props.facetColumnResult, showAllFacets = props.showAllFacets, lastFacetSelection = props.lastFacetSelection, isLoading = props.isLoading, rgbIndex = props.rgbIndex, isAllFilterSelected = props.isAllFilterSelected;
-    var children = [];
-    var ref = React.createRef();
-    // Note: this actually sorts the data when it appears in the
-    // table as it stands currently, this may change depending on
-    // if that arrangment is no longer desired
-    facetColumnResult.facetValues.sort(function (a, b) {
-        return b.count - a.count;
-    });
-    var _a = (0, ColorGradient_1.getColorPalette)(rgbIndex, facetColumnResult.facetValues.length), colorPalette = _a.colorPalette, textColors = _a.textColors;
-    facetColumnResult.facetValues.forEach(function (facetColumnResultValues, index) {
-        var key = facetColumnResult.columnName +
-            facetColumnResultValues.value +
-            facetColumnResultValues.count;
-        var textColor = textColors[index];
-        var curColor = colorPalette[index];
-        var style = {};
-        var isSelected = isAllFilterSelected
-            ? true
-            : (0, facetUtils_1.getIsValueSelected)({
-                isLoading: isLoading,
-                lastFacetSelection: lastFacetSelection,
-                columnName: facetColumnResult.columnName,
-                curFacetSelection: facetColumnResultValues,
-            });
-        if (isSelected) {
-            style = {
-                background: curColor,
-            };
-        }
-        else {
-            style = {
-                background: '#C4C4C4',
-            };
-        }
-        // we add this class for testability
-        var backgroundClass = isSelected
-            ? exports.FACET_SELECTED_CLASS
-            : exports.FACET_NOT_SELECTED_CLASS;
-        style.color = textColor;
-        var value = facetColumnResultValues.value, count = facetColumnResultValues.count;
-        var displayValue = value === utils_1.SynapseConstants.VALUE_NOT_SET
-            ? utils_1.SynapseConstants.FRIENDLY_VALUE_NOT_SET
-            : value;
-        children.push(React.createElement("label", { style: style, className: "SRC-facets SRC-primary-background-color-hover ", key: key },
-            React.createElement("span", { className: "SRC-facets-text" },
-                displayValue,
-                " (",
-                count,
-                ")"),
-            React.createElement("input", { 
-                // @ts-ignore
-                onChange: props.applyChanges(ref, value, exports.SELECT_SINGLE_FACET, index), checked: isSelected, type: "checkbox", value: value, className: "SRC-hidden SRC-facet-checkboxes " + backgroundClass })));
-    });
-    // By default only show 5 facets unless the user has clicked a facet, in which case
-    // showAllFacets will be true.
-    var childrenView = showAllFacets ? children : children.slice(0, 5);
-    return (
-    // need a span so that we can have a ref attachable
-    React.createElement("span", { ref: ref }, childrenView));
-};
-exports.CheckboxGroup = CheckboxGroup;
-var Facets = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(Facets, _super);
-    function Facets(props) {
-        var _this = _super.call(this, props) || this;
-        /**
-         * Handle checkbox click event
-         */
-        _this.applyChanges = function (ref, facetValue, selector, index) { return function (event) {
-            event.preventDefault();
-            if (!_this.state.showAllFacets) {
-                _this.setState({
-                    showAllFacets: true,
-                });
-            }
-            var _a = _this.props, _b = _a.facet, facet = _b === void 0 ? '' : _b, _c = _a.isAllFilterSelectedForFacet, isAllFilterSelectedForFacet = _c === void 0 ? {} : _c;
-            var lastFacetSelection = {
-                facetValue: facetValue,
-                selector: selector,
-                columnName: facet,
-            };
-            isAllFilterSelectedForFacet[facet] = selector === SynapseTableConstants_1.SELECT_ALL;
-            _this.props.updateParentState({
-                lastFacetSelection: lastFacetSelection,
-                isAllFilterSelectedForFacet: isAllFilterSelectedForFacet,
-                chartSelectionIndex: index,
-            });
-            // read input and fetch data
-            var htmlCheckboxes = Array.from(ref.current.querySelectorAll('.SRC-facet-checkboxes'));
-            // queryRequest is a deep clone
-            var queryRequest = _this.props.getLastQueryRequest();
-            var newQueryRequest = (0, facetUtils_1.readFacetValues)({
-                htmlCheckboxes: htmlCheckboxes,
-                queryRequest: queryRequest,
-                selector: selector,
-                facet: facet,
-                value: facetValue,
-            }).newQueryRequest;
-            queryRequest.query.offset = 0;
-            _this.props.executeQueryRequest(newQueryRequest);
-        }; };
-        _this.applyChanges = _this.applyChanges.bind(_this);
-        _this.state = {
-            showAllFacets: false,
-        };
-        _this.showAllFacets = _this.showAllFacets.bind(_this);
-        _this.showButtons = _this.showButtons.bind(_this);
-        return _this;
-    }
-    /**
-     * Display the view of the facets
-     *
-     * @returns
-     * @memberof Facets
-     */
-    Facets.prototype.showFacetFilter = function () {
-        var _this = this;
-        if (!this.props.data.facets) {
-            throw Error('Error on query request, must include facets in partmask to show facets');
-        }
-        // Find the facetcolumn result according to the input filter
-        var facetColumnResult = this.props.data.facets.find(function (el) {
-            return el.columnName === _this.props.facet && el.facetType === 'enumeration';
-        });
-        if (!facetColumnResult) {
-            throw Error('Error no matching facet found given specified facet');
-        }
-        return (React.createElement(CheckboxGroup, { isAllFilterSelected: this.props.isAllFilterSelectedForFacet[this.props.facet], showAllFacets: this.state.showAllFacets, rgbIndex: this.props.rgbIndex, key: facetColumnResult.columnName, facetColumnResult: facetColumnResult, applyChanges: this.applyChanges, isLoading: this.props.isLoading, lastFacetSelection: this.props.lastFacetSelection }));
-    };
-    Facets.prototype.showAllFacets = function (event) {
-        event.preventDefault();
-        this.setState({
-            showAllFacets: true,
-        });
-    };
-    Facets.prototype.showButtons = function (curFacetsLength, ref) {
-        if (this.state.showAllFacets || curFacetsLength <= 5) {
-            // this is hidden if there are > 5 facets, wait for user to make
-            // an action for this to appear
-            return (React.createElement("a", { className: "SRC-facet-select-all", onClick: this.applyChanges(ref, '', SynapseTableConstants_1.SELECT_ALL, 0) }, "Select All"));
-        }
-        return (React.createElement("a", { id: "showAllFacetsButton", onClick: this.showAllFacets },
-            "Show All (",
-            curFacetsLength,
-            ")"));
-    };
-    Facets.prototype.render = function () {
-        if (!this.props.data) {
-            return React.createElement("div", null);
-        }
-        var _a = this.props, data = _a.data, facet = _a.facet, unitDescription = _a.unitDescription, isLoading = _a.isLoading, showBarChart = _a.showBarChart;
-        var facets = data.facets;
-        if (!facets) {
-            throw Error('Error on query request, must include facets in partmask to show facets');
-        }
-        var curFacetsIndex = facets.findIndex(function (curFacet) {
-            return curFacet.columnName === facet && curFacet.facetType === 'enumeration';
-        });
-        // cast is necessary because filter returns an array of arrays
-        var facetColumnResultValues = facets[curFacetsIndex];
-        if (!facetColumnResultValues) {
-            return React.createElement("div", null);
-        }
-        var ref = React.createRef();
-        return (React.createElement("div", { className: "SRC-syn-border-spacing" },
-            !showBarChart && (React.createElement(TotalQueryResults_1.default, { lastQueryRequest: this.props.getLastQueryRequest(), unitDescription: unitDescription, frontText: 'Displaying', isLoading: isLoading })),
-            React.createElement("form", null,
-                React.createElement("div", { ref: ref, className: "SRC-marginFive form-group" },
-                    this.showFacetFilter(),
-                    this.showButtons(facetColumnResultValues.facetValues.length, ref)))));
-    };
-    return Facets;
-}(React.Component));
-exports.Facets = Facets;
-//# sourceMappingURL=Facets.js.map

package/dist/containers/Facets.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Facets.js","sourceRoot":"","sources":["../../src/lib/containers/Facets.tsx"],"names":[],"mappings":"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"}

package/dist/containers/StackedBarChart.d.ts

@@ -1,63 +0,0 @@
-import * as React from 'react';
-import { QueryWrapperChildProps } from './QueryWrapper';
-import { QueryResultBundle } from '../utils/synapseTypes/';
-export declare const PREVIOUS_ITEM_CLICK = "left click";
-export declare const NEXT_CLICK = "right click";
-declare type Rect = {
-    height: number;
-    width: number;
-    top: number;
-    left: number;
-    right: number;
-    bottom: number;
-};
-declare type MeasureRect = {
-    bounds: Rect;
-};
-export declare type StackedBarChartState = {
-    selectedFacets: {};
-    dimensions: MeasureRect;
-};
-export declare type StackedBarChartProps = {
-    link?: string;
-    linkText?: string;
-};
-declare type Info = {
-    value: string;
-    count: number;
-    index: number;
-};
-declare type InternalProps = StackedBarChartProps & QueryWrapperChildProps;
-/**
- * Make a simple stacked bar chart
- *
- * @class StackedBarChart
- * @extends {React.Component}
- */
-export default class StackedBarChart extends React.Component<InternalProps, StackedBarChartState> {
-    constructor(props: InternalProps);
-    /**
-     * Updates the hover text and update the view
-     *
-     * @memberof StackedBarChart
-     */
-    handleHover(event: React.MouseEvent<SVGRectElement>): void;
-    /**
-     * Update the hover text and the view
-     *
-     * @param {*} event
-     * @memberof StackedBarChart
-     */
-    handleExit(event: React.MouseEvent<SVGRectElement>): void;
-    /**
-     * Handle column click event
-     */
-    handleClick: (dict: Info) => (_event: React.MouseEvent<SVGElement>) => void;
-    handleArrowClick: (direction: string) => (_event: React.MouseEvent) => number;
-    getTextForChartSelection(xData: any): JSX.Element;
-    getFileCount(xData: any): any;
-    render(): JSX.Element;
-    extractPropsData(data?: QueryResultBundle): any[];
-    onMeasureResize(contentRect: any): void;
-}
-export {};

package/dist/containers/StackedBarChart.js

@@ -1,229 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NEXT_CLICK = exports.PREVIOUS_ITEM_CLICK = void 0;
-var tslib_1 = require("tslib");
-var fontawesome_svg_core_1 = require("@fortawesome/fontawesome-svg-core");
-var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
-var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-var React = (0, tslib_1.__importStar)(require("react"));
-var react_measure_1 = (0, tslib_1.__importDefault)(require("react-measure"));
-var react_tooltip_1 = (0, tslib_1.__importDefault)(require("react-tooltip"));
-var ColorGradient_1 = require("./ColorGradient");
-var facetUtils_1 = require("../utils/functions/facetUtils");
-var unCamelCase_1 = require("../utils/functions/unCamelCase");
-var LoadingScreen_1 = (0, tslib_1.__importDefault)(require("./LoadingScreen"));
-var utils_1 = require("../utils");
-fontawesome_svg_core_1.library.add(free_solid_svg_icons_1.faAngleLeft);
-fontawesome_svg_core_1.library.add(free_solid_svg_icons_1.faAngleRight);
-exports.PREVIOUS_ITEM_CLICK = 'left click';
-exports.NEXT_CLICK = 'right click';
-/**
- * Make a simple stacked bar chart
- *
- * @class StackedBarChart
- * @extends {React.Component}
- */
-var StackedBarChart = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(StackedBarChart, _super);
-    function StackedBarChart(props) {
-        var _this = _super.call(this, props) || this;
-        /**
-         * Handle column click event
-         */
-        _this.handleClick = function (dict) { return function (_event) {
-            // https://medium.freecodecamp.org/reactjs-pass-parameters-to-event-handlers-ca1f5c422b9
-            _this.props.updateParentState({ chartSelectionIndex: dict.index });
-        }; };
-        _this.handleArrowClick = function (direction) { return function (_event) {
-            var _a = _this.props.chartSelectionIndex, chartSelectionIndex = _a === void 0 ? 0 : _a;
-            var dict = _this.extractPropsData(_this.props.data);
-            var length = Object.keys(dict).length;
-            if (direction === exports.PREVIOUS_ITEM_CLICK) {
-                chartSelectionIndex -= 1;
-                // if its at zero then we want to wrap around to the end
-                chartSelectionIndex =
-                    chartSelectionIndex < 0 ? length - 1 : chartSelectionIndex;
-            }
-            else {
-                chartSelectionIndex += 1;
-            }
-            chartSelectionIndex = chartSelectionIndex % length;
-            dict = dict[chartSelectionIndex];
-            _this.props.updateParentState({ chartSelectionIndex: chartSelectionIndex });
-            // return is only for testing purposes
-            return chartSelectionIndex;
-        }; };
-        _this.handleHover = _this.handleHover.bind(_this);
-        _this.handleExit = _this.handleExit.bind(_this);
-        _this.handleClick = _this.handleClick.bind(_this);
-        _this.handleArrowClick = _this.handleArrowClick.bind(_this);
-        _this.getTextForChartSelection = _this.getTextForChartSelection.bind(_this);
-        _this.onMeasureResize = _this.onMeasureResize.bind(_this);
-        // the text currently under the cursor
-        _this.state = {
-            // the dimensions of the bar chart itself
-            dimensions: {
-                bounds: { height: 1, width: 1, top: 0, left: 0, right: 0, bottom: 0 },
-            },
-            // the text of the current slice
-            // the count of this facet value occurence
-            selectedFacets: {},
-        };
-        _this.extractPropsData = _this.extractPropsData.bind(_this);
-        return _this;
-    }
-    /**
-     * Updates the hover text and update the view
-     *
-     * @memberof StackedBarChart
-     */
-    StackedBarChart.prototype.handleHover = function (event) {
-        // add box shadow
-        event.currentTarget.style.boxShadow = '25px 20px';
-    };
-    /**
-     * Update the hover text and the view
-     *
-     * @param {*} event
-     * @memberof StackedBarChart
-     */
-    StackedBarChart.prototype.handleExit = function (event) {
-        // remove box shadow
-        event.currentTarget.style.boxShadow = '';
-    };
-    StackedBarChart.prototype.getTextForChartSelection = function (xData) {
-        var _a = this.props.chartSelectionIndex, chartSelectionIndex = _a === void 0 ? 0 : _a;
-        var _b = this.props, _c = _b.facetAliases, facetAliases = _c === void 0 ? {} : _c, facet = _b.facet;
-        var facetValueDisplay = xData[chartSelectionIndex] && xData[chartSelectionIndex].value;
-        var filterDisplay = facetAliases[facet] || (0, unCamelCase_1.unCamelCase)(facet);
-        return (React.createElement("span", null,
-            React.createElement("span", { className: "SRC-text-title SRC-filter-display" }, filterDisplay),
-            ":",
-            React.createElement("span", { className: "SRC-facet-view SRC-text-title" }, facetValueDisplay === utils_1.SynapseConstants.VALUE_NOT_SET
-                ? utils_1.SynapseConstants.FRIENDLY_VALUE_NOT_SET
-                : facetValueDisplay)));
-    };
-    StackedBarChart.prototype.getFileCount = function (xData) {
-        var _a = this.props.chartSelectionIndex, chartSelectionIndex = _a === void 0 ? 1 : _a;
-        return xData[chartSelectionIndex] && xData[chartSelectionIndex].count;
-    };
-    StackedBarChart.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, data = _a.data, isLoadingNewData = _a.isLoadingNewData, rgbIndex = _a.rgbIndex, _b = _a.facet, facet = _b === void 0 ? '' : _b, unitDescription = _a.unitDescription, isLoading = _a.isLoading, lastFacetSelection = _a.lastFacetSelection, isAllFilterSelectedForFacet = _a.isAllFilterSelectedForFacet, chartSelectionIndex = _a.chartSelectionIndex, asyncJobStatus = _a.asyncJobStatus;
-        // while loading
-        if (isLoadingNewData) {
-            return (React.createElement("div", { className: "SRC-loadingContainer SRC-centerContentColumn" },
-                LoadingScreen_1.default,
-                React.createElement("div", null, asyncJobStatus && asyncJobStatus.progressMessage)));
-        }
-        var xData = this.extractPropsData(data);
-        var total = 0;
-        var width = this.state.dimensions.bounds.width;
-        // sum up the counts of data
-        for (var key in xData) {
-            if (xData.hasOwnProperty(key)) {
-                total += xData[key].count;
-            }
-        }
-        var _c = (0, ColorGradient_1.getColorPalette)(rgbIndex, xData.length), colorPalette = _c.colorPalette, textColors = _c.textColors;
-        var originalColor = colorPalette[0];
-        return (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "SRC-bar-border SRC-bar-marginTop SRC-bar-border-top", "data-testid": 'StackedBarChart' },
-                React.createElement(react_measure_1.default, { bounds: true, onResize: function (contentRect) {
-                        _this.setState({ dimensions: contentRect });
-                    } }, function (_a) {
-                    var measureRef = _a.measureRef;
-                    return (React.createElement("div", { className: "SRC-flex", ref: measureRef }, xData.map(function (obj, index) {
-                        var textColor = textColors[index];
-                        var rgbColor = colorPalette[index];
-                        var rectStyle;
-                        var isValueSelected = isAllFilterSelectedForFacet[facet]
-                            ? true
-                            : (0, facetUtils_1.getIsValueSelected)({
-                                isLoading: isLoading,
-                                lastFacetSelection: lastFacetSelection,
-                                columnName: facet,
-                                curFacetSelection: obj,
-                            });
-                        if (isValueSelected) {
-                            rectStyle = {
-                                fill: rgbColor,
-                            };
-                        }
-                        else {
-                            rectStyle = {
-                                fill: '#C4C4C4',
-                            };
-                        }
-                        var svgHeight = 80;
-                        var svgWidth = (obj.count / total) * width;
-                        var style = {};
-                        if (chartSelectionIndex === index) {
-                            style.filter = 'drop-shadow(5px 5px 5px rgba(0,0,0,0.5))';
-                        }
-                        var label = facet + ": " + obj.value + "  - " + obj.count + " " + unitDescription;
-                        // there was one bug where a new line character was in the obj.value, making data-for
-                        // break because its a special character, below we remove that
-                        var tooltipId = obj.value.replace(/(\r\n|\n|\r)/gm, '');
-                        // basic heuristic to calculate the number of pixels needed to show the value on the bar chart
-                        var value = obj.count;
-                        var numCharsInValue = value.toString().length * 4.5; // represents width of a character
-                        return (
-                        // each svg represents one of the bars
-                        // will need to change this to be responsive
-                        React.createElement(React.Fragment, { key: label },
-                            React.createElement("span", { "data-for": tooltipId, "data-tip": label },
-                                React.createElement("svg", { className: "SRC-hoverBox", height: svgHeight + 15, width: svgWidth, style: style, onClick: _this.handleClick((0, tslib_1.__assign)((0, tslib_1.__assign)({}, obj), { index: index })) },
-                                    React.createElement("rect", { onMouseEnter: _this.handleHover, onMouseLeave: _this.handleExit, height: svgHeight, width: svgWidth, className: "SRC-chart-rect-style", 
-                                        // can't remove inline style due to dynamic fill
-                                        style: rectStyle }),
-                                    index < 3 && svgWidth > numCharsInValue && (React.createElement("text", { textAnchor: "middle", className: "SRC-text-title", fontFamily: 'bold sans-serif', fill: textColor, x: '50%', y: '50%' }, obj.count)),
-                                    chartSelectionIndex === index && (React.createElement("text", { fill: originalColor, x: 0, y: svgHeight + 15, className: "SRC-text-shadow SRC-text-large" }, '\u25CF')))),
-                            React.createElement(react_tooltip_1.default, { delayShow: 1000, id: tooltipId })));
-                    })));
-                })),
-            React.createElement("div", { className: "SRC-bar-border SRC-bar-border-bottom" },
-                React.createElement("p", { className: "SRC-noMargin SRC-padding-chart SRC-text-title" },
-                    React.createElement("strong", null, this.getTextForChartSelection(xData))),
-                React.createElement("p", { id: "fileCount", className: "SRC-noMargin SRC-padding-chart SRC-text-chart" },
-                    this.getFileCount(xData),
-                    " ",
-                    unitDescription),
-                this.props.link && (React.createElement("div", { className: "SRC-chart-link" },
-                    React.createElement("a", { href: "/" + this.props.link },
-                        " ",
-                        this.props.linkText,
-                        " ")))),
-            React.createElement("div", { className: "SRC-chart-nav SRC-center-text" },
-                React.createElement("button", { className: "SRC-chart-btn SRC-floatRight", type: "button", onClick: this.handleArrowClick(exports.NEXT_CLICK) },
-                    React.createElement(react_fontawesome_1.FontAwesomeIcon, { style: { fontSize: '11px' }, className: "SRC-primary-text-color", icon: "angle-right" })),
-                React.createElement("button", { className: "SRC-chart-btn SRC-floatRight", type: "button", onClick: this.handleArrowClick(exports.PREVIOUS_ITEM_CLICK) },
-                    React.createElement(react_fontawesome_1.FontAwesomeIcon, { style: { fontSize: '11px' }, className: "SRC-primary-text-color", icon: "angle-left" })))));
-    };
-    StackedBarChart.prototype.extractPropsData = function (data) {
-        var _a;
-        var xData = [];
-        var facet = this.props.facet;
-        // pull out the data corresponding to the filter in question
-        (_a = data === null || data === void 0 ? void 0 : data.facets) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {
-            if (item.facetType === 'enumeration' && item.columnName === facet) {
-                item.facetValues.forEach(function (facetValue) {
-                    if (item.columnName) {
-                        xData.push((0, tslib_1.__assign)({ columnName: item.columnName }, facetValue));
-                    }
-                });
-            }
-        });
-        // sort the data so that the largest bars are at the front
-        xData.sort(function (a, b) {
-            return b.count - a.count;
-        });
-        return xData;
-    };
-    StackedBarChart.prototype.onMeasureResize = function (contentRect) {
-        this.setState({ dimensions: contentRect });
-    };
-    return StackedBarChart;
-}(React.Component));
-exports.default = StackedBarChart;
-//# sourceMappingURL=StackedBarChart.js.map

package/dist/containers/StackedBarChart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StackedBarChart.js","sourceRoot":"","sources":["../../src/lib/containers/StackedBarChart.tsx"],"names":[],"mappings":"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"}

package/dist/containers/entity_finder/tree/TreeNode.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { EntityHeader, ProjectHeader } from '../../../utils/synapseTypes';
-import { EntityType } from '../../../utils/synapseTypes/EntityType';
-import { Map } from 'immutable';
-export declare type RootNodeConfiguration = {
-    nodeText: string;
-    children: (Pick<EntityHeader, 'name' | 'id' | 'type'> | ProjectHeader)[];
-};
-export declare enum EntityTreeNodeType {
-    SELECT = 0,
-    BROWSE = 1
-}
-export declare type TreeNodeProps = {
-    entityHeader?: Pick<EntityHeader, 'name' | 'id' | 'type'> | ProjectHeader;
-    selected: Map<string, number>;
-    setSelectedId: (entityId: string) => void;
-    level?: number;
-    autoExpand?: (entityId: string) => boolean;
-    visibleTypes?: EntityType[];
-    treeNodeType: EntityTreeNodeType;
-    rootNodeConfiguration?: RootNodeConfiguration;
-    selectableTypes: EntityType[];
-    currentContainer?: string | 'root' | null;
-};
-export declare const TreeNode: React.FunctionComponent<TreeNodeProps>;

package/dist/containers/entity_finder/tree/TreeNode.js

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TreeNode = exports.EntityTreeNodeType = void 0;
-var tslib_1 = require("tslib");
-var react_1 = (0, tslib_1.__importStar)(require("react"));
-var react_intersection_observer_1 = require("react-intersection-observer");
-var react_tooltip_1 = (0, tslib_1.__importDefault)(require("react-tooltip"));
-var EntityTypeUtils_1 = require("../../../utils/functions/EntityTypeUtils");
-var useGetEntityChildren_1 = require("../../../utils/hooks/SynapseAPI/useGetEntityChildren");
-var EntityType_1 = require("../../../utils/synapseTypes/EntityType");
-var EntityBadgeIcons_1 = require("../../EntityBadgeIcons");
-var EntityIcon_1 = require("../../EntityIcon");
-var EntityTreeNodeType;
-(function (EntityTreeNodeType) {
-    EntityTreeNodeType[EntityTreeNodeType["SELECT"] = 0] = "SELECT";
-    EntityTreeNodeType[EntityTreeNodeType["BROWSE"] = 1] = "BROWSE";
-})(EntityTreeNodeType = exports.EntityTreeNodeType || (exports.EntityTreeNodeType = {}));
-var TreeNode = function (_a) {
-    var entityHeader = _a.entityHeader, selected = _a.selected, setSelectedId = _a.setSelectedId, _b = _a.level, level = _b === void 0 ? 0 : _b, _c = _a.autoExpand, autoExpand = _c === void 0 ? function () { return false; } : _c, _d = _a.visibleTypes, visibleTypes = _d === void 0 ? [EntityType_1.EntityType.PROJECT, EntityType_1.EntityType.FOLDER] : _d, rootNodeConfiguration = _a.rootNodeConfiguration, treeNodeType = _a.treeNodeType, selectableTypes = _a.selectableTypes, currentContainer = _a.currentContainer;
-    var isRootNode = !!rootNodeConfiguration;
-    var nodeId = isRootNode ? 'root' : entityHeader.id;
-    var isSelected = treeNodeType === EntityTreeNodeType.SELECT
-        ? selected.has(nodeId)
-        : currentContainer === nodeId;
-    var isDisabled = !isRootNode &&
-        entityHeader &&
-        !selectableTypes.includes((0, EntityTypeUtils_1.getEntityTypeFromHeader)(entityHeader));
-    var nodeName = isRootNode
-        ? rootNodeConfiguration === null || rootNodeConfiguration === void 0 ? void 0 : rootNodeConfiguration.nodeText
-        : entityHeader.name;
-    var TOOLTIP_ID = "TreeViewNodeTooltipId_" + nodeId;
-    var _e = (0, react_1.useState)(isRootNode || autoExpand(nodeId)), isExpanded = _e[0], setIsExpanded = _e[1];
-    var _f = (0, react_1.useState)([]), entityChildren = _f[0], setEntityChildren = _f[1];
-    // For retrieving the entity bundle and children
-    var _g = (0, react_intersection_observer_1.useInView)({
-        triggerOnce: true,
-    }), nodeRef = _g.ref, nodeInView = _g.inView;
-    // For "infinite scroll" paginated retrieval of the children
-    var _h = (0, react_intersection_observer_1.useInView)({
-        rootMargin: '200px',
-    }), endRef = _h.ref, endInView = _h.inView;
-    var _j = (0, useGetEntityChildren_1.useGetEntityChildrenInfinite)({
-        parentId: nodeId,
-        includeTypes: visibleTypes,
-    }, {
-        enabled: (nodeInView || endInView) &&
-            !isRootNode &&
-            (0, EntityTypeUtils_1.isContainerType)((0, EntityTypeUtils_1.getEntityTypeFromHeader)(entityHeader)),
-    }), children = _j.data, fetchNextPage = _j.fetchNextPage, hasNextPage = _j.hasNextPage, isSuccess = _j.isSuccess;
-    (0, react_1.useEffect)(function () {
-        if (isSuccess && endInView && hasNextPage) {
-            fetchNextPage();
-        }
-    }, [isSuccess, endInView, hasNextPage, fetchNextPage]);
-    (0, react_1.useEffect)(function () {
-        var _a;
-        if (isRootNode) {
-            setEntityChildren(rootNodeConfiguration.children);
-        }
-        else {
-            setEntityChildren((_a = children === null || children === void 0 ? void 0 : children.pages.flatMap(function (page) { return page.page; })) !== null && _a !== void 0 ? _a : []);
-        }
-    }, [isRootNode, children, rootNodeConfiguration]);
-    return (react_1.default.createElement("div", { className: "Node " + (treeNodeType === EntityTreeNodeType.SELECT ? 'SelectNode' : 'BrowseNode'), role: "treeitem", "aria-selected": isSelected, "aria-disabled": isDisabled },
-        react_1.default.createElement("div", { ref: nodeRef, style: { paddingLeft: level * 20 + 20 + "px" }, role: "button", "aria-label": "Select " + nodeName, className: "NodeContent " + (isRootNode ? 'NodeRootContent' : ''), key: nodeId, onClick: function (event) {
-                event.stopPropagation();
-                if (!isDisabled) {
-                    setSelectedId(nodeId);
-                }
-            } },
-            react_1.default.createElement(react_tooltip_1.default, { id: TOOLTIP_ID, delayShow: 500, place: 'top', effect: "solid" }),
-            entityChildren && entityChildren.length > 0 ? (react_1.default.createElement("div", { className: 'ExpandButton', "aria-label": "Expand " + nodeName, role: "button", onClick: function (e) {
-                    e.stopPropagation();
-                    setIsExpanded(!isExpanded);
-                } }, isExpanded ? '▾' : '▸')) : (react_1.default.createElement("span", null)),
-            treeNodeType === EntityTreeNodeType.SELECT && ( // SWC-5592
-            react_1.default.createElement("div", { className: "EntityIcon" }, !isRootNode && entityHeader && (react_1.default.createElement(EntityIcon_1.EntityTypeIcon, { type: (0, EntityTypeUtils_1.getEntityTypeFromHeader)(entityHeader) })))),
-            react_1.default.createElement("div", { className: "EntityName", "data-for": TOOLTIP_ID, "data-tip": nodeName },
-                react_1.default.createElement("span", null, nodeName)),
-            treeNodeType === EntityTreeNodeType.SELECT && (react_1.default.createElement(EntityBadgeIcons_1.EntityBadgeIcons, { entityId: nodeId, showHasDiscussionThread: false, showHasWiki: false, showUnlink: false, canOpenModal: false, renderTooltipComponent: true }))),
-        react_1.default.createElement("div", { className: 'NodeChildren', "aria-hidden": !isExpanded },
-            entityChildren &&
-                entityChildren.map(function (child) {
-                    return (react_1.default.createElement(exports.TreeNode, { key: child.id, entityHeader: child, selected: selected, setSelectedId: setSelectedId, level: level + 1, autoExpand: autoExpand, visibleTypes: visibleTypes, treeNodeType: treeNodeType, selectableTypes: selectableTypes, currentContainer: currentContainer }));
-                }),
-            react_1.default.createElement("div", { ref: endRef }))));
-};
-exports.TreeNode = TreeNode;
-//# sourceMappingURL=TreeNode.js.map