@reltio/components 1.4.1314 → 1.4.1316

package/cjs/components/charts/HOCs/withPercents.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -46,14 +50,14 @@ var react_1 = __importStar(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ramda_1 = require("ramda");
 var enrichDataWithPercents = function (data) {
-    var percents = mdm_sdk_1.countPercents(ramda_1.pluck('value', data), 1);
+    var percents = (0, mdm_sdk_1.countPercents)((0, ramda_1.pluck)('value', data), 1);
     return data.map(function (item, i) { return (__assign(__assign({}, item), { percent: percents[i] })); });
 };
 exports.enrichDataWithPercents = enrichDataWithPercents;
 var withPercents = function (Component) {
     var WithPercents = function (_a) {
         var data = _a.data, otherProps = __rest(_a, ["data"]);
-        var dataWithPercents = react_1.useMemo(function () { return data && exports.enrichDataWithPercents(data); }, [data]);
+        var dataWithPercents = (0, react_1.useMemo)(function () { return data && (0, exports.enrichDataWithPercents)(data); }, [data]);
         return react_1.default.createElement(Component, __assign({ data: dataWithPercents }, otherProps));
     };
     WithPercents.displayName = 'WithPercents';

package/cjs/components/charts/LineChart/LineChart.js

@@ -32,12 +32,12 @@ var CustomTooltip_1 = require("../CustomTooltip/CustomTooltip");
 var useClickableStyle_1 = require("../hooks/useClickableStyle");
 var CustomDot = function (_a) {
     var payload = _a.payload, onClick = _a.onClick, otherProps = __rest(_a, ["payload", "onClick"]);
-    var clickable = useClickableStyle_1.useClickableStyle(onClick);
+    var clickable = (0, useClickableStyle_1.useClickableStyle)(onClick);
     return (react_1.default.createElement(recharts_1.Dot, __assign({ className: clickable, payload: payload, onClick: onClick && (function () { return onClick(payload.group); }) }, otherProps)));
 };
 var LineChart = function (_a) {
     var width = _a.width, height = _a.height, data = _a.data, _b = _a.options, options = _b === void 0 ? {} : _b, onItemClick = _a.onItemClick;
-    var _c = getLineChartSettings_1.default(options), cartesianGrid = _c.cartesianGrid, tooltip = _c.tooltip, xAxis = _c.xAxis, yAxis = _c.yAxis, lineChart = _c.lineChart, line = _c.line;
+    var _c = (0, getLineChartSettings_1.default)(options), cartesianGrid = _c.cartesianGrid, tooltip = _c.tooltip, xAxis = _c.xAxis, yAxis = _c.yAxis, lineChart = _c.lineChart, line = _c.line;
     return (react_1.default.createElement(recharts_1.LineChart, __assign({ width: width, height: height, data: data }, lineChart),
         react_1.default.createElement(recharts_1.CartesianGrid, __assign({}, cartesianGrid)),
         react_1.default.createElement(recharts_1.XAxis, __assign({}, xAxis)),

package/cjs/components/charts/MapChart/Legend/Legend.js

@@ -10,13 +10,13 @@ var classnames_1 = __importDefault(require("classnames"));
 var styles_1 = require("./styles");
 var Legend = function (_a) {
     var minValue = _a.minValue, maxValue = _a.maxValue, colors = _a.colors, width = _a.width;
-    var styles = styles_1.useStyles({
+    var styles = (0, styles_1.useStyles)({
         colors: colors,
         width: width
     });
     return (react_1.default.createElement("div", { className: styles.legendContainer },
-        react_1.default.createElement(Typography_1.default, { className: classnames_1.default(styles.legendLabel, styles.alignTop) }, mdm_sdk_1.formatNumberAsMetric(maxValue)),
+        react_1.default.createElement(Typography_1.default, { className: (0, classnames_1.default)(styles.legendLabel, styles.alignTop) }, (0, mdm_sdk_1.formatNumberAsMetric)(maxValue)),
         react_1.default.createElement("div", { className: styles.legendBar }),
-        react_1.default.createElement(Typography_1.default, { className: classnames_1.default(styles.legendLabel, styles.alignBottom) }, mdm_sdk_1.formatNumberAsMetric(minValue))));
+        react_1.default.createElement(Typography_1.default, { className: (0, classnames_1.default)(styles.legendLabel, styles.alignBottom) }, (0, mdm_sdk_1.formatNumberAsMetric)(minValue))));
 };
 exports.default = Legend;

package/cjs/components/charts/MapChart/Legend/styles.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
 var barWidth = 15;
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     legendContainer: function (_a) {
         var width = _a.width;
         return ({
-            width: width + "px",
+            width: "".concat(width, "px"),
             top: '5%',
             height: '90%',
             position: 'relative'
@@ -22,8 +22,8 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
     legendBar: function (_a) {
         var colors = _a.colors;
         return ({
-            background: "linear-gradient(to top, " + colors.join(', ') + ")",
-            width: barWidth + "px",
+            background: "linear-gradient(to top, ".concat(colors.join(', '), ")"),
+            width: "".concat(barWidth, "px"),
             position: 'absolute',
             top: 0,
             right: 0,
@@ -38,9 +38,9 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
             lineHeight: '15px',
             fontWeight: 'normal',
             color: theme.palette.text.primary,
-            width: width - barWidth + "px",
+            width: "".concat(width - barWidth, "px"),
             textAlign: 'right',
-            right: barWidth + "px",
+            right: "".concat(barWidth, "px"),
             paddingRight: '10px',
             boxSizing: 'border-box',
             overflowWrap: 'break-word'

package/cjs/components/charts/MapChart/MapChart.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -56,25 +60,25 @@ var MAP_COLORS = ['#CDE0FE', '#0160AD'];
 exports.LEGEND_WIDTH = 75;
 var MapChart = function (_a) {
     var data = _a.data, width = _a.width, height = _a.height, options = _a.options, onItemClick = _a.onItemClick;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var _b = options || {}, geoUrl = _b.geoUrl, geoIdName = _b.geoIdName, _c = _b.showLegend, showLegend = _c === void 0 ? true : _c;
-    var values = ramda_1.pluck('value', data);
+    var values = (0, ramda_1.pluck)('value', data);
     var minValue = Math.min.apply(Math, values);
     var maxValue = Math.max.apply(Math, values);
     var mapWidth = width < exports.LEGEND_WIDTH ? 0 : width - (showLegend ? 1 : 0) * exports.LEGEND_WIDTH;
-    var colorScale = d3_scale_1.scaleLog().domain([minValue, maxValue]).range(MAP_COLORS);
-    var geography = useGeography_1.default(geoUrl || USA_MAP);
+    var colorScale = (0, d3_scale_1.scaleLog)().domain([minValue, maxValue]).range(MAP_COLORS);
+    var geography = (0, useGeography_1.default)(geoUrl || USA_MAP);
     var projection = geoUrl ? options.projection : 'geoAlbersUsa';
-    var projectionFunc = react_1.useMemo(function () {
+    var projectionFunc = (0, react_1.useMemo)(function () {
         return geography
-            ? d3Geo[projection || 'geoEqualEarth']().fitSize([mapWidth, height], topojson_client_1.feature(geography, geography.objects[Object.keys(geography.objects)[0]]))
+            ? d3Geo[projection || 'geoEqualEarth']().fitSize([mapWidth, height], (0, topojson_client_1.feature)(geography, geography.objects[Object.keys(geography.objects)[0]]))
             : undefined;
     }, [geography, mapWidth, height, projection]);
-    var _d = useTooltipState_1.default(), tooltipState = _d.tooltipState, showTooltip = _d.showTooltip, hideTooltip = _d.hideTooltip;
-    var clickable = useClickableStyle_1.useClickableStyle(onItemClick);
+    var _d = (0, useTooltipState_1.default)(), tooltipState = _d.tooltipState, showTooltip = _d.showTooltip, hideTooltip = _d.hideTooltip;
+    var clickable = (0, useClickableStyle_1.useClickableStyle)(onItemClick);
     return (react_1.default.createElement("div", { className: styles.mapChart, style: { width: width, height: height } },
         react_1.default.createElement(react_simple_maps_1.MapProvider, { width: mapWidth, height: height, projection: projectionFunc, projectionConfig: {} },
-            react_1.default.createElement("svg", { width: mapWidth, height: height, viewBox: "0 0 " + mapWidth + " " + height, className: 'rsm-svg' },
+            react_1.default.createElement("svg", { width: mapWidth, height: height, viewBox: "0 0 ".concat(mapWidth, " ").concat(height), className: 'rsm-svg' },
                 react_1.default.createElement(react_simple_maps_1.Geographies, { geography: geography }, function (_a) {
                     var geographies = _a.geographies;
                     return geographies.map(function (geo) {
@@ -84,7 +88,7 @@ var MapChart = function (_a) {
                             var group = _a.group;
                             return group === geoId;
                         });
-                        return (react_1.default.createElement(react_simple_maps_1.Geography, { key: geo.rsmKey, geography: geo, fill: cur ? colorScale(cur.value) : '#EEE', stroke: '#FFF', className: classnames_1.default(styles.geography, clickable), onMouseEnter: function (event) {
+                        return (react_1.default.createElement(react_simple_maps_1.Geography, { key: geo.rsmKey, geography: geo, fill: cur ? colorScale(cur.value) : '#EEE', stroke: '#FFF', className: (0, classnames_1.default)(styles.geography, clickable), onMouseEnter: function (event) {
                                 var data = cur || { label: geoLabel, value: 0, percent: 0, group: geoId };
                                 var mapRect = event.target.parentElement.parentElement.getBoundingClientRect();
                                 var coordinate = {
@@ -104,4 +108,4 @@ var MapChart = function (_a) {
             }, content: react_1.default.createElement(CustomTooltip_1.CustomTooltip, null) }, tooltipState))));
 };
 exports.MapChart = MapChart;
-exports.default = withPercents_1.default(exports.MapChart);
+exports.default = (0, withPercents_1.default)(exports.MapChart);

package/cjs/components/charts/MapChart/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     mapChart: {
         position: 'relative',
         cursor: 'default',

package/cjs/components/charts/MapChart/useGeography.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var useGeography = function (geoUrl) {
-    var _a = react_1.useState(null), geography = _a[0], setGeography = _a[1];
-    react_1.useEffect(function () {
+    var _a = (0, react_1.useState)(null), geography = _a[0], setGeography = _a[1];
+    (0, react_1.useEffect)(function () {
         fetch(geoUrl)
             .then(function (res) {
             if (!res.ok) {
@@ -15,7 +15,7 @@ var useGeography = function (geoUrl) {
             setGeography(geography);
         })
             .catch(function (error) {
-            console.warn("Could not load map " + geoUrl + " :", error);
+            console.warn("Could not load map ".concat(geoUrl, " :"), error);
         });
     }, []); // eslint-disable-line
     return geography;

package/cjs/components/charts/PieChart/PieChart.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -45,23 +49,23 @@ var useClickableStyle_1 = require("../hooks/useClickableStyle");
 var PieChart = function (_a) {
     var width = _a.width, height = _a.height, data = _a.data, _b = _a.options, options = _b === void 0 ? {} : _b, isDonut = _a.isDonut, onItemClick = _a.onItemClick;
     var _c = options.showLegend, showLegend = _c === void 0 ? true : _c, margin = options.margin, showActiveShape = options.showActiveShape;
-    var _d = react_1.useState(-1), activeId = _d[0], setActiveId = _d[1];
+    var _d = (0, react_1.useState)(-1), activeId = _d[0], setActiveId = _d[1];
     var onPieEnter = function (_, index) { return setActiveId(index); };
     var onPieLeave = function () { return setActiveId(-1); };
     var onPieClick = onItemClick && (function (_a) {
         var group = _a.group;
         return onItemClick(group);
     });
-    var clickable = useClickableStyle_1.useClickableStyle(onPieClick);
+    var clickable = (0, useClickableStyle_1.useClickableStyle)(onPieClick);
     return (react_1.default.createElement(recharts_1.PieChart, { width: width, height: height, margin: margin },
         !showActiveShape && react_1.default.createElement(recharts_1.Tooltip, { content: react_1.default.createElement(CustomTooltip_1.CustomTooltip, null) }),
-        showLegend && (react_1.default.createElement(recharts_1.Legend, __assign({}, getLegendProps_1.default(width), { payload: (data || []).map(function (item) { return ({
+        showLegend && (react_1.default.createElement(recharts_1.Legend, __assign({}, (0, getLegendProps_1.default)(width), { payload: (data || []).map(function (item) { return ({
                 id: item.label,
                 type: 'square',
-                color: mdm_sdk_1.getChartItemColor(item.label),
-                value: item.label + " (" + item.percent + "%)"
+                color: (0, mdm_sdk_1.getChartItemColor)(item.label),
+                value: "".concat(item.label, " (").concat(item.percent, "%)")
             }); }) }))),
-        react_1.default.createElement(recharts_1.Pie, { dataKey: "value", data: data, activeIndex: activeId, activeShape: showActiveShape ? ActiveShape_1.default : undefined, onMouseEnter: showActiveShape ? onPieEnter : undefined, onMouseLeave: showActiveShape ? onPieLeave : undefined, innerRadius: isDonut ? (showActiveShape ? '50%' : '60%') : 0, outerRadius: showActiveShape ? '70%' : '80%', onClick: onPieClick }, (data || []).map(function (entry, index) { return (react_1.default.createElement(recharts_1.Cell, { key: index, fill: mdm_sdk_1.getChartItemColor(entry.label), className: clickable })); }))));
+        react_1.default.createElement(recharts_1.Pie, { dataKey: "value", data: data, activeIndex: activeId, activeShape: showActiveShape ? ActiveShape_1.default : undefined, onMouseEnter: showActiveShape ? onPieEnter : undefined, onMouseLeave: showActiveShape ? onPieLeave : undefined, innerRadius: isDonut ? (showActiveShape ? '50%' : '60%') : 0, outerRadius: showActiveShape ? '70%' : '80%', onClick: onPieClick }, (data || []).map(function (entry, index) { return (react_1.default.createElement(recharts_1.Cell, { key: index, fill: (0, mdm_sdk_1.getChartItemColor)(entry.label), className: clickable })); }))));
 };
 exports.PieChart = PieChart;
-exports.default = withPercents_1.default(exports.PieChart);
+exports.default = (0, withPercents_1.default)(exports.PieChart);

package/cjs/components/charts/TableWithBars/TableWithBars.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -18,10 +22,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -36,11 +44,11 @@ var NumberCellValueRenderer_1 = __importDefault(require("./cell-renderers/Number
 var styles_1 = require("./styles");
 var TableWithBars = function (_a) {
     var width = _a.width, height = _a.height, data = _a.data, _b = _a.options, options = _b === void 0 ? {} : _b, basicTableRef = _a.basicTableRef, onItemClick = _a.onItemClick;
-    var styles = styles_1.useStyles({ width: width, height: height });
+    var styles = (0, styles_1.useStyles)({ width: width, height: height });
     var _c = options.headers, _d = _c === void 0 ? [] : _c, labelHeader = _d[0], valueHeader = _d[1], _e = options.showValues, showValues = _e === void 0 ? true : _e;
-    var tableClasses = react_1.useMemo(function () { return ({ cellBorder: styles.cellBorder }); }, [styles]);
-    var maxValue = react_1.useMemo(function () { return Math.max.apply(Math, data.map(function (item) { return item.value; })); }, [data]);
-    var headData = react_1.useMemo(function () { return __spreadArray([
+    var tableClasses = (0, react_1.useMemo)(function () { return ({ cellBorder: styles.cellBorder }); }, [styles]);
+    var maxValue = (0, react_1.useMemo)(function () { return Math.max.apply(Math, data.map(function (item) { return item.value; })); }, [data]);
+    var headData = (0, react_1.useMemo)(function () { return __spreadArray([
         {
             id: 'label',
             label: labelHeader || ui_i18n_1.default.text('Attributes'),
@@ -61,8 +69,8 @@ var TableWithBars = function (_a) {
                 initialWidth: width * 0.6
             }
         ]
-        : [])); }, [maxValue, width, valueHeader, labelHeader, showValues]);
-    var context = react_1.useMemo(function () { return ({
+        : []), true); }, [maxValue, width, valueHeader, labelHeader, showValues]);
+    var context = (0, react_1.useMemo)(function () { return ({
         onItemClick: onItemClick
     }); }, [onItemClick]);
     return (react_1.default.createElement("div", { className: styles.tableContainer },

package/cjs/components/charts/TableWithBars/cell-renderers/AttributeCellRenderer.js

@@ -12,13 +12,13 @@ var styles_1 = require("./styles");
 var useClickableStyle_1 = require("../../hooks/useClickableStyle");
 var AttributeCellRenderer = function (_a) {
     var _b = _a.value, value = _b === void 0 ? '' : _b, onClick = _a.onClick;
-    var styles = styles_1.useStyles();
-    var clickable = useClickableStyle_1.useClickableStyle(onClick);
+    var styles = (0, styles_1.useStyles)();
+    var clickable = (0, useClickableStyle_1.useClickableStyle)(onClick);
     return (react_1.default.createElement(ExpandedValueTooltip_1.default, { value: value },
-        react_1.default.createElement("div", { className: classnames_1.default(styles.attribute, clickable), onClick: onClick }, value)));
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.attribute, clickable), onClick: onClick }, value)));
 };
 exports.AttributeCellRenderer = AttributeCellRenderer;
-exports.default = BasicTableView_1.withTableContext(function (_a, _b) {
+exports.default = (0, BasicTableView_1.withTableContext)(function (_a, _b) {
     var onItemClick = _a.onItemClick;
     var group = _b.rowValue.group;
     return {

package/cjs/components/charts/TableWithBars/cell-renderers/HeadCellRenderer.js

@@ -32,8 +32,8 @@ var ExpandedValueTooltip_1 = __importDefault(require("../../../ExpandedValueTool
 var styles_1 = require("./styles");
 var HeadCellRenderer = function (_a) {
     var className = _a.className, headCellData = _a.headCellData, otherProps = __rest(_a, ["className", "headCellData"]);
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.headCell, className) },
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.headCell, className) },
         react_1.default.createElement(DefaultHeadCellRenderer_1.default, __assign({}, otherProps, { headCellData: __assign(__assign({}, headCellData), { label: (react_1.default.createElement(ExpandedValueTooltip_1.default, { value: headCellData.label },
                     react_1.default.createElement("div", { className: styles.headLabel }, headCellData.label))) }) }))));
 };

package/cjs/components/charts/TableWithBars/cell-renderers/NumberCellValueRenderer.js

@@ -11,10 +11,10 @@ var ColorBar_1 = __importDefault(require("../../../ColorBar/ColorBar"));
 var styles_1 = require("./styles");
 var NumberCellValueRenderer = function (_a) {
     var value = _a.value, maxValue = _a.columnData.maxValue;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement("div", { className: styles.numberContainer },
-        react_1.default.createElement(Typography_1.default, { className: styles.number }, mdm_sdk_1.formatNumberAsMetric(value, 9999)),
-        !ramda_1.isNil(maxValue) && (react_1.default.createElement("div", { className: styles.colorBarContainer },
+        react_1.default.createElement(Typography_1.default, { className: styles.number }, (0, mdm_sdk_1.formatNumberAsMetric)(value, 9999)),
+        !(0, ramda_1.isNil)(maxValue) && (react_1.default.createElement("div", { className: styles.colorBarContainer },
             react_1.default.createElement(ColorBar_1.default, { width: value, maxWidth: maxValue })))));
 };
 exports.default = NumberCellValueRenderer;

package/cjs/components/charts/TableWithBars/cell-renderers/styles.js

@@ -12,7 +12,7 @@ var textOverflow = {
     background: 'linear-gradient(to right, rgba(255, 255, 255, 0.2), #fff 100%)',
     pointerEvents: 'none'
 };
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     headCell: {
         display: 'flex',
         alignItems: 'center',

package/cjs/components/charts/TableWithBars/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     tableContainer: function (_a) {
         var width = _a.width, height = _a.height;
         return ({

package/cjs/components/charts/TreeChart/TreeChart.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -41,15 +45,15 @@ var useClickableStyle_1 = require("../hooks/useClickableStyle");
 var nanoid_1 = __importDefault(require("nanoid"));
 var CustomizedContent = function (_a) {
     var x = _a.x, y = _a.y, width = _a.width, height = _a.height, label = _a.label, onClick = _a.onClick, group = _a.group;
-    var styles = styles_1.useStyles();
-    var clickable = useClickableStyle_1.useClickableStyle(onClick);
-    var clipPathId = react_1.useRef(nanoid_1.default()).current;
+    var styles = (0, styles_1.useStyles)();
+    var clickable = (0, useClickableStyle_1.useClickableStyle)(onClick);
+    var clipPathId = (0, react_1.useRef)((0, nanoid_1.default)()).current;
     var strokeWidth = 2;
     return (react_1.default.createElement("g", { className: clickable, onClick: onClick && (function () { return onClick(group); }) },
         react_1.default.createElement("clipPath", { id: clipPathId },
             react_1.default.createElement("rect", { x: x + strokeWidth, y: y + strokeWidth, width: width - strokeWidth * 2, height: height - strokeWidth * 2 })),
         react_1.default.createElement("rect", { x: x, y: y, width: width, height: height, strokeWidth: strokeWidth, className: styles.treeBlock }),
-        react_1.default.createElement(recharts_1.Text, { clipPath: "url(#" + clipPathId + ")", textAnchor: 'middle', verticalAnchor: 'middle', width: width, x: x + width / 2, y: y + height / 2, className: styles.treeLabel }, label)));
+        react_1.default.createElement(recharts_1.Text, { clipPath: "url(#".concat(clipPathId, ")"), textAnchor: 'middle', verticalAnchor: 'middle', width: width, x: x + width / 2, y: y + height / 2, className: styles.treeLabel }, label)));
 };
 var normalizeValues = function (data) {
     var dataTotal = data.reduce(function (acc, item) { return acc + item.value; }, 0);

package/cjs/components/charts/TreeChart/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     treeBlock: {
         fill: '#6BAED6',
         stroke: '#fff',

package/cjs/components/charts/hooks/useClickableStyle.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useClickableStyle = void 0;
 var styles_1 = require("@material-ui/core/styles");
-var useStyles = styles_1.makeStyles({
+var useStyles = (0, styles_1.makeStyles)({
     clickable: {
         cursor: 'pointer'
     }

package/cjs/components/charts/hooks/useTooltipState.js

@@ -13,8 +13,8 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var useTooltipState = function () {
-    var _a = react_1.useState({ active: false }), tooltipState = _a[0], setTooltipState = _a[1];
-    var showTooltip = react_1.useCallback(function (data, coordinate) {
+    var _a = (0, react_1.useState)({ active: false }), tooltipState = _a[0], setTooltipState = _a[1];
+    var showTooltip = (0, react_1.useCallback)(function (data, coordinate) {
         setTooltipState({
             active: true,
             label: data.label,
@@ -22,7 +22,7 @@ var useTooltipState = function () {
             payload: [{ value: data.value, payload: data, name: data.label }]
         });
     }, []);
-    var hideTooltip = react_1.useCallback(function () {
+    var hideTooltip = (0, react_1.useCallback)(function () {
         setTooltipState(function (state) { return (__assign(__assign({}, state), { active: false })); });
     }, []);
     return { tooltipState: tooltipState, showTooltip: showTooltip, hideTooltip: hideTooltip };

package/cjs/components/commonReactSelectComponents/DropdownIndicator.d.ts

@@ -3,13 +3,13 @@ declare function DropdownIndicator(props: any): JSX.Element;
 declare namespace DropdownIndicator {
     namespace propTypes {
         const innerProps: PropTypes.Validator<object>;
-        const selectProps: PropTypes.Validator<PropTypes.InferProps<{
-            classes: PropTypes.Validator<PropTypes.InferProps<{
+        const selectProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                 dropdownIndicator: PropTypes.Requireable<string>;
-            }>>;
+            }>>>;
             menuIsOpen: PropTypes.Validator<boolean>;
             isDisabled: PropTypes.Requireable<boolean>;
-        }>>;
+        }>>>;
     }
 }
 import PropTypes from "prop-types";

package/cjs/components/commonReactSelectComponents/DropdownIndicator.js

@@ -22,8 +22,8 @@ var arrowIndicatorStyles_1 = require("./arrowIndicatorStyles");
 var DropdownIndicator = function (props) {
     var _a, _b;
     var _c = props.selectProps, classes = _c.classes, menuIsOpen = _c.menuIsOpen, isDisabled = _c.isDisabled, innerProps = props.innerProps;
-    var styles = arrowIndicatorStyles_1.useArrowIndicatorStyles();
-    return (react_1.default.createElement(ArrowDropDown_1.default, __assign({}, innerProps, { className: classnames_1.default(classes.dropdownIndicator, (_a = {}, _a[styles.expanded] = menuIsOpen, _a), (_b = {}, _b[styles.disabled] = isDisabled, _b)) })));
+    var styles = (0, arrowIndicatorStyles_1.useArrowIndicatorStyles)();
+    return (react_1.default.createElement(ArrowDropDown_1.default, __assign({}, innerProps, { className: (0, classnames_1.default)(classes.dropdownIndicator, (_a = {}, _a[styles.expanded] = menuIsOpen, _a), (_b = {}, _b[styles.disabled] = isDisabled, _b)) })));
 };
 DropdownIndicator.propTypes = {
     innerProps: prop_types_1.default.object.isRequired,

package/cjs/components/commonReactSelectComponents/DropdownIndicatorWithIconButton.d.ts

@@ -3,12 +3,12 @@ declare function DropdownIndicatorWithIconButton(props: any): JSX.Element;
 declare namespace DropdownIndicatorWithIconButton {
     namespace propTypes {
         const innerProps: PropTypes.Validator<object>;
-        const selectProps: PropTypes.Validator<PropTypes.InferProps<{
-            classes: PropTypes.Validator<PropTypes.InferProps<{
+        const selectProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                 dropdownIndicator: PropTypes.Requireable<string>;
-            }>>;
+            }>>>;
             menuIsOpen: PropTypes.Validator<boolean>;
-        }>>;
+        }>>>;
     }
 }
 import PropTypes from "prop-types";

package/cjs/components/commonReactSelectComponents/DropdownIndicatorWithIconButton.js

@@ -23,8 +23,8 @@ var SmallIconButton_1 = __importDefault(require("../SmallIconButton/SmallIconBut
 var DropdownIndicatorWithIconButton = function (props) {
     var _a;
     var _b = props.selectProps, classes = _b.classes, menuIsOpen = _b.menuIsOpen, innerProps = props.innerProps;
-    var styles = arrowIndicatorStyles_1.useArrowIndicatorStyles();
-    return (react_1.default.createElement(SmallIconButton_1.default, __assign({}, innerProps, { icon: ArrowDropDown_1.default, className: classes.dropdownIndicator, size: "L", iconClassName: classnames_1.default((_a = {}, _a[styles.expanded] = menuIsOpen, _a)) })));
+    var styles = (0, arrowIndicatorStyles_1.useArrowIndicatorStyles)();
+    return (react_1.default.createElement(SmallIconButton_1.default, __assign({}, innerProps, { icon: ArrowDropDown_1.default, className: classes.dropdownIndicator, size: "L", iconClassName: (0, classnames_1.default)((_a = {}, _a[styles.expanded] = menuIsOpen, _a)) })));
 };
 DropdownIndicatorWithIconButton.propTypes = {
     innerProps: prop_types_1.default.object.isRequired,

package/cjs/components/commonReactSelectComponents/LoadMoreButton.js

@@ -10,7 +10,7 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var styles_1 = require("./styles");
 var LoadMoreButton = function (_a) {
     var loading = _a.loading, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement("div", { className: styles.loadMoreContainer }, loading ? (react_1.default.createElement(core_1.CircularProgress, { className: styles.loadingSpinner, size: 24 })) : (react_1.default.createElement(Button_1.default, { color: "primary", onClick: onClick, onMouseDown: onMouseDown, className: styles.moreButton },
         react_1.default.createElement("div", { className: styles.buttonLabel }, ui_i18n_1.default.text('Load more'))))));
 };

package/cjs/components/commonReactSelectComponents/MenuWithPopper.d.ts

@@ -2,12 +2,12 @@ export default MenuWithPopper;
 declare function MenuWithPopper(props: any): JSX.Element;
 declare namespace MenuWithPopper {
     namespace propTypes {
-        const children: PropTypes.Validator<any[] | PropTypes.ReactElementLike>;
-        const selectProps: PropTypes.Validator<PropTypes.InferProps<{
+        const children: PropTypes.Validator<NonNullable<NonNullable<any[] | PropTypes.ReactElementLike>>>;
+        const selectProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             inputRef: PropTypes.Validator<object>;
             menuIsOpen: PropTypes.Validator<boolean>;
             inputValue: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
         const innerRef: PropTypes.Validator<any>;
         const innerProps: PropTypes.Validator<object>;
     }

package/cjs/components/commonReactSelectComponents/MenuWithPopper.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -43,12 +47,12 @@ var menuStyles_1 = require("./menuStyles");
 var PopupBoundariesContext_1 = require("../../contexts/PopupBoundariesContext");
 var MenuWithPopper = function (props) {
     var _a = props.selectProps, inputRef = _a.inputRef, menuIsOpen = _a.menuIsOpen, inputValue = _a.inputValue, innerRef = props.innerRef, children = props.children, innerProps = props.innerProps;
-    var _b = react_1.useState('id'), key = _b[0], setKey = _b[1];
-    react_1.useEffect(function () {
-        setKey(nanoid_1.default());
+    var _b = (0, react_1.useState)('id'), key = _b[0], setKey = _b[1];
+    (0, react_1.useEffect)(function () {
+        setKey((0, nanoid_1.default)());
     }, [inputValue]);
-    var styles = menuStyles_1.useMenuStyles();
-    var popupBoundariesContext = react_1.useContext(PopupBoundariesContext_1.PopupBoundariesContext);
+    var styles = (0, menuStyles_1.useMenuStyles)();
+    var popupBoundariesContext = (0, react_1.useContext)(PopupBoundariesContext_1.PopupBoundariesContext);
     var hasBoundariesElement = popupBoundariesContext && popupBoundariesContext.element;
     return (react_1.default.createElement(Popper_1.default, { anchorEl: inputRef.current, open: menuIsOpen, className: styles.popper, key: key, modifiers: hasBoundariesElement
             ? {
@@ -58,7 +62,7 @@ var MenuWithPopper = function (props) {
                 }
             }
             : undefined, placement: "bottom" },
-        react_1.default.createElement(Paper_1.default, __assign({ ref: innerRef, style: { width: ramda_1.prop('clientWidth', inputRef.current) } }, innerProps), children)));
+        react_1.default.createElement(Paper_1.default, __assign({ ref: innerRef, style: { width: (0, ramda_1.prop)('clientWidth', inputRef.current) } }, innerProps), children)));
 };
 MenuWithPopper.propTypes = {
     children: prop_types_1.default.oneOfType([prop_types_1.default.element, prop_types_1.default.array]).isRequired,

package/cjs/components/commonReactSelectComponents/OptionWithCheckIcon/OptionWithCheckIcon.js

@@ -19,7 +19,7 @@ var Check_1 = __importDefault(require("@material-ui/icons/Check"));
 var Option_1 = __importDefault(require("../../ReactSelect/commonComponents/Option"));
 var styles_1 = require("./styles");
 var OptionWithCheckIcon = function (props) {
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var isSelected = props.isSelected, children = props.children;
     return (react_1.default.createElement(Option_1.default, __assign({}, props),
         isSelected && react_1.default.createElement(Check_1.default, { className: styles.checkIcon }),

package/cjs/components/commonReactSelectComponents/OptionWithCheckIcon/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     checkIcon: {
         transform: 'scale(.7)',
         marginLeft: '-30px',

package/cjs/components/commonReactSelectComponents/arrowIndicatorStyles.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useArrowIndicatorStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useArrowIndicatorStyles = styles_1.makeStyles(function (theme) { return ({
+exports.useArrowIndicatorStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     expanded: {
         transform: 'rotate(180deg)'
     },
     disabled: {
-        color: theme.palette.text.disabled + " !important"
+        color: "".concat(theme.palette.text.disabled, " !important")
     }
 }); });