@reltio/components 1.4.874 → 1.4.878

package/components/ErrorWrapper/ErrorWrapper.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,25 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -40,23 +20,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var classnames_1 = __importDefault(require("classnames"));
-var ErrorMessage_1 = __importDefault(require("./ErrorMessage"));
-var FormControl_1 = __importDefault(require("@material-ui/core/FormControl"));
-var FormHelperText_1 = __importDefault(require("@material-ui/core/FormHelperText"));
-var react_1 = __importStar(require("react"));
-var styles_1 = require("./styles");
+import classnames from 'classnames';
+import ErrorMessage from './ErrorMessage';
+import FormControl from '@material-ui/core/FormControl';
+import FormHelperText from '@material-ui/core/FormHelperText';
+import React, { memo } from 'react';
+import { useStyles } from './styles';
 var ErrorWrapper = function (_a) {
     var errorMessage = _a.errorMessage, children = _a.children, className = _a.className, classes = _a.classes, otherProps = __rest(_a, ["errorMessage", "children", "className", "classes"]);
-    var styles = styles_1.useStyles();
+    var styles = useStyles();
     var hasError = !!errorMessage;
-    return (react_1.default.createElement(FormControl_1.default, __assign({ className: classnames_1.default(styles.wrapper, className, classes === null || classes === void 0 ? void 0 : classes.root), error: true }, otherProps),
+    return (React.createElement(FormControl, __assign({ className: classnames(styles.wrapper, className, classes === null || classes === void 0 ? void 0 : classes.root), error: true }, otherProps),
         children,
-        hasError && (react_1.default.createElement(FormHelperText_1.default, { className: classnames_1.default(styles.helperText, classes === null || classes === void 0 ? void 0 : classes.helperText) },
-            react_1.default.createElement(ErrorMessage_1.default, { message: errorMessage })))));
+        hasError && (React.createElement(FormHelperText, { className: classnames(styles.helperText, classes === null || classes === void 0 ? void 0 : classes.helperText) },
+            React.createElement(ErrorMessage, { message: errorMessage })))));
 };
-exports.default = react_1.memo(ErrorWrapper);
+export default memo(ErrorWrapper);

package/components/ErrorWrapper/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     wrapper: {
         width: '100%'
     },

package/components/ExpandableSearchInput/ExpandableSearchInput.js

@@ -1,50 +1,24 @@
-"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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExpandableSearchInput = void 0;
-var react_1 = __importStar(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var ramda_1 = require("ramda");
-var Close_1 = __importDefault(require("@material-ui/icons/Close"));
-var IconButton_1 = __importDefault(require("@material-ui/core/IconButton"));
-var Input_1 = __importDefault(require("@material-ui/core/Input"));
-var InputAdornment_1 = __importDefault(require("@material-ui/core/InputAdornment"));
-var Search_1 = __importDefault(require("@material-ui/icons/Search"));
-var SmallIconButton_1 = require("../SmallIconButton");
-var core_1 = require("../../core");
-var styles_1 = require("./styles");
-var ExpandableSearchInput = function (_a) {
+import React, { useState, useEffect } from 'react';
+import i18n from 'ui-i18n';
+import { always, F, pipe, propEq, T, tap, trim, when } from 'ramda';
+import CloseIcon from '@material-ui/icons/Close';
+import IconButton from '@material-ui/core/IconButton';
+import Input from '@material-ui/core/Input';
+import InputAdornment from '@material-ui/core/InputAdornment';
+import SearchIcon from '@material-ui/icons/Search';
+import { SmallIconButton } from '../SmallIconButton';
+import { getValue } from '../../core';
+import { useStyles } from './styles';
+export var ExpandableSearchInput = function (_a) {
     var query = _a.query, onChange = _a.onChange;
-    var _b = react_1.useState(query), value = _b[0], setValue = _b[1];
-    var _c = react_1.useState(!!query), isOpen = _c[0], setIsOpen = _c[1];
-    react_1.useEffect(function () {
+    var _b = useState(query), value = _b[0], setValue = _b[1];
+    var _c = useState(!!query), isOpen = _c[0], setIsOpen = _c[1];
+    useEffect(function () {
         setValue(query);
     }, [query]);
-    var styles = styles_1.useStyles();
+    var styles = useStyles();
     var hasValue = value && value.length;
-    return isOpen ? (react_1.default.createElement(Input_1.default, { className: styles.input, value: value, autoFocus: true, placeholder: ui_i18n_1.default.text('Search'), disableUnderline: true, onChange: ramda_1.pipe(core_1.getValue, setValue), startAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "start" },
-            react_1.default.createElement(Search_1.default, { className: styles.startAdornment })), endAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "end" }, hasValue && (react_1.default.createElement(SmallIconButton_1.SmallIconButton, { size: "S", icon: Close_1.default, onClick: ramda_1.pipe(ramda_1.F, setIsOpen, ramda_1.always(''), ramda_1.tap(onChange), setValue) }))), onKeyPress: ramda_1.when(ramda_1.propEq('key', 'Enter'), ramda_1.pipe(ramda_1.always(value), ramda_1.trim, onChange)) })) : (react_1.default.createElement(IconButton_1.default, { className: styles.searchButton, onClick: ramda_1.pipe(ramda_1.T, setIsOpen) },
-        react_1.default.createElement(Search_1.default, null)));
+    return isOpen ? (React.createElement(Input, { className: styles.input, value: value, autoFocus: true, placeholder: i18n.text('Search'), disableUnderline: true, onChange: pipe(getValue, setValue), startAdornment: React.createElement(InputAdornment, { position: "start" },
+            React.createElement(SearchIcon, { className: styles.startAdornment })), endAdornment: React.createElement(InputAdornment, { position: "end" }, hasValue && (React.createElement(SmallIconButton, { size: "S", icon: CloseIcon, onClick: pipe(F, setIsOpen, always(''), tap(onChange), setValue) }))), onKeyPress: when(propEq('key', 'Enter'), pipe(always(value), trim, onChange)) })) : (React.createElement(IconButton, { className: styles.searchButton, onClick: pipe(T, setIsOpen) },
+        React.createElement(SearchIcon, null)));
 };
-exports.ExpandableSearchInput = ExpandableSearchInput;

package/components/ExpandableSearchInput/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
     searchButton: {
         marginLeft: 'auto !important',
         marginRight: '-4px',

package/components/ExpandedValueTooltip/ExpandedValueTooltip.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,25 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -40,18 +20,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExpandedValueTooltipType = void 0;
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var styles_1 = require("@material-ui/core/styles");
-var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
-var RootRef_1 = __importDefault(require("@material-ui/core/RootRef"));
-var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
-var useStyles = styles_1.makeStyles(function (theme) { return ({
+import React, { useRef, useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { makeStyles } from '@material-ui/core/styles';
+import Tooltip from '@material-ui/core/Tooltip';
+import RootRef from '@material-ui/core/RootRef';
+import ReactResizeDetector from 'react-resize-detector';
+var useStyles = makeStyles(function (theme) { return ({
     tooltip: theme.tooltip,
     popper: {
         zIndex: 10000
@@ -64,24 +39,24 @@ var checkOverflow = function (el, showOnExceededWidth, showOnExceededHeight) {
 };
 var ExpandedValueTooltip = function (_a) {
     var children = _a.children, value = _a.value, className = _a.className, _b = _a.showOnExceededWidth, showOnExceededWidth = _b === void 0 ? true : _b, showOnExceededHeight = _a.showOnExceededHeight, otherProps = __rest(_a, ["children", "value", "className", "showOnExceededWidth", "showOnExceededHeight"]);
-    var childrenRef = react_1.useRef();
+    var childrenRef = useRef();
     var tooltipStyles = useStyles();
-    var _c = react_1.useState(false), isOverflowing = _c[0], setIsOverflowing = _c[1];
+    var _c = useState(false), isOverflowing = _c[0], setIsOverflowing = _c[1];
     var updateOverflowState = function () {
         return setIsOverflowing(checkOverflow(childrenRef.current, showOnExceededWidth, showOnExceededHeight));
     };
-    react_1.useEffect(updateOverflowState, [showOnExceededHeight, showOnExceededWidth, value]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_resize_detector_1.default, { handleWidth: showOnExceededWidth, handleHeight: showOnExceededHeight, onResize: updateOverflowState }),
-        react_1.default.createElement(RootRef_1.default, { rootRef: childrenRef },
-            react_1.default.createElement(Tooltip_1.default, __assign({ title: isOverflowing ? value : '', classes: __assign(__assign({}, tooltipStyles), { tooltip: className }) }, otherProps), children))));
+    useEffect(updateOverflowState, [showOnExceededHeight, showOnExceededWidth, value]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ReactResizeDetector, { handleWidth: showOnExceededWidth, handleHeight: showOnExceededHeight, onResize: updateOverflowState }),
+        React.createElement(RootRef, { rootRef: childrenRef },
+            React.createElement(Tooltip, __assign({ title: isOverflowing ? value : '', classes: __assign(__assign({}, tooltipStyles), { tooltip: className }) }, otherProps), children))));
 };
-exports.ExpandedValueTooltipType = {
-    children: prop_types_1.default.node,
-    value: prop_types_1.default.node,
-    className: prop_types_1.default.string,
-    showOnExceededWidth: prop_types_1.default.bool,
-    showOnExceededHeight: prop_types_1.default.bool
+export var ExpandedValueTooltipType = {
+    children: PropTypes.node,
+    value: PropTypes.node,
+    className: PropTypes.string,
+    showOnExceededWidth: PropTypes.bool,
+    showOnExceededHeight: PropTypes.bool
 };
-ExpandedValueTooltip.propTypes = exports.ExpandedValueTooltipType;
-exports.default = ExpandedValueTooltip;
+ExpandedValueTooltip.propTypes = ExpandedValueTooltipType;
+export default ExpandedValueTooltip;

package/components/FacetViewHeader/FacetViewHeader.js

@@ -1,15 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var BasicViewHeader_1 = __importDefault(require("../BasicViewHeader/BasicViewHeader"));
-var styles_1 = require("./styles");
+import React from 'react';
+import classnames from 'classnames';
+import BasicViewHeader from '../BasicViewHeader/BasicViewHeader';
+import { useStyles } from './styles';
 var FacetViewHeader = function (_a) {
     var className = _a.className, title = _a.title, children = _a.children;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(BasicViewHeader_1.default, { title: title, classes: { root: classnames_1.default(styles.container, className), title: styles.title } }, children));
+    var styles = useStyles();
+    return (React.createElement(BasicViewHeader, { title: title, classes: { root: classnames(styles.container, className), title: styles.title } }, children));
 };
-exports.default = FacetViewHeader;
+export default FacetViewHeader;

package/components/FacetViewHeader/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
     container: {
         padding: '0 16px',
         minHeight: '48px'

package/components/FlipCard/FlipCard.js

@@ -1,41 +1,17 @@
-"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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("./styles");
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var FlipCard = react_1.forwardRef(function (_a, ref) {
+import { useStyles } from './styles';
+import React, { useState, useEffect, forwardRef } from 'react';
+import classnames from 'classnames';
+var FlipCard = forwardRef(function (_a, ref) {
     var _b = _a.cardZIndex, cardZIndex = _b === void 0 ? 'auto' : _b, _c = _a.direction, direction = _c === void 0 ? 'vertical' : _c, _d = _a.isCardFlipped, isCardFlipped = _d === void 0 ? false : _d, children = _a.children, className = _a.className;
-    var _e = react_1.useState(isCardFlipped), isFlipped = _e[0], setFlipped = _e[1];
-    var styles = styles_1.useStyles({ cardZIndex: cardZIndex, direction: direction, isFlipped: isFlipped });
-    react_1.useEffect(function () {
+    var _e = useState(isCardFlipped), isFlipped = _e[0], setFlipped = _e[1];
+    var styles = useStyles({ cardZIndex: cardZIndex, direction: direction, isFlipped: isFlipped });
+    useEffect(function () {
         if (isCardFlipped !== isFlipped) {
             setFlipped(isCardFlipped);
         }
     }, [isCardFlipped, isFlipped]);
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.flipper, className), ref: ref },
-        react_1.default.createElement("div", { "data-id": "front", className: styles.front }, children[0]),
-        react_1.default.createElement("div", { "data-id": "back", className: styles.back }, children[1])));
+    return (React.createElement("div", { className: classnames(styles.flipper, className), ref: ref },
+        React.createElement("div", { "data-id": "front", className: styles.front }, children[0]),
+        React.createElement("div", { "data-id": "back", className: styles.back }, children[1])));
 });
-exports.default = FlipCard;
+export default FlipCard;

package/components/FlipCard/styles.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+import { makeStyles } from '@material-ui/core/styles';
 var frontRotateY = function (isFlipped) { return "rotateY(" + (isFlipped ? 180 : 0) + "deg)"; };
 var frontRotateX = function (isFlipped) { return "rotateX(" + (isFlipped ? 180 : 0) + "deg)"; };
 var backRotateY = function (isFlipped) { return "rotateY(" + (isFlipped ? 0 : -180) + "deg)"; };
 var backRotateX = function (isFlipped) { return "rotateX(" + (isFlipped ? 0 : -180) + "deg)"; };
-exports.useStyles = styles_1.makeStyles({
+export var useStyles = makeStyles({
     back: function (_a) {
         var isFlipped = _a.isFlipped, direction = _a.direction;
         return ({

package/components/FlipCard/types/index.js

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

package/components/HideOnShrink/HideOnShrink.js

@@ -1,21 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var prop_types_1 = __importDefault(require("prop-types"));
-var react_1 = __importDefault(require("react"));
-var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
-var EmptyStub = function () { return react_1.default.createElement("div", { style: { display: 'none' } }); };
+import PropTypes from 'prop-types';
+import React from 'react';
+import ReactResizeDetector from 'react-resize-detector';
+var EmptyStub = function () { return React.createElement("div", { style: { display: 'none' } }); };
 var HideOnShrink = function (_a) {
     var widthToHide = _a.widthToHide, children = _a.children;
-    return (react_1.default.createElement(react_resize_detector_1.default, { handleWidth: true, render: function (_a) {
+    return (React.createElement(ReactResizeDetector, { handleWidth: true, render: function (_a) {
             var width = _a.width;
-            return (width > widthToHide ? react_1.default.createElement(react_1.default.Fragment, null, children) : react_1.default.createElement(EmptyStub, null));
+            return (width > widthToHide ? React.createElement(React.Fragment, null, children) : React.createElement(EmptyStub, null));
         } }));
 };
 HideOnShrink.propTypes = {
-    children: prop_types_1.default.node,
-    widthToHide: prop_types_1.default.number.isRequired
+    children: PropTypes.node,
+    widthToHide: PropTypes.number.isRequired
 };
-exports.default = HideOnShrink;
+export default HideOnShrink;

package/components/HierarchicalAttributeTooltip/HierarchicalAttributeTooltip.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,25 +20,21 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var ramda_1 = require("ramda");
-var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
-var styles_1 = require("./styles");
+import React from 'react';
+import PropTypes from 'prop-types';
+import { last } from 'ramda';
+import Tooltip from '@material-ui/core/Tooltip';
+import { useStyles } from './styles';
 var HierarchicalAttributeTooltip = function (_a) {
     var pathToTitle = _a.pathToTitle, children = _a.children, tooltipProps = __rest(_a, ["pathToTitle", "children"]);
-    var styles = styles_1.useStyles();
-    var tooltipContent = pathToTitle && pathToTitle.length ? (react_1.default.createElement("div", { className: styles.tooltipContent },
-        react_1.default.createElement("p", null, ramda_1.last(pathToTitle)),
-        pathToTitle.length > 2 && (react_1.default.createElement("ul", null, pathToTitle.map(function (label) { return (react_1.default.createElement("li", { key: label }, label)); }))))) : ('');
-    return (react_1.default.createElement(Tooltip_1.default, __assign({ title: tooltipContent, disableFocusListener: true, classes: { tooltip: styles.tooltip } }, tooltipProps), children));
+    var styles = useStyles();
+    var tooltipContent = pathToTitle && pathToTitle.length ? (React.createElement("div", { className: styles.tooltipContent },
+        React.createElement("p", null, last(pathToTitle)),
+        pathToTitle.length > 2 && (React.createElement("ul", null, pathToTitle.map(function (label) { return (React.createElement("li", { key: label }, label)); }))))) : ('');
+    return (React.createElement(Tooltip, __assign({ title: tooltipContent, disableFocusListener: true, classes: { tooltip: styles.tooltip } }, tooltipProps), children));
 };
 HierarchicalAttributeTooltip.propTypes = {
-    pathToTitle: prop_types_1.default.arrayOf(prop_types_1.default.string).isRequired,
-    children: prop_types_1.default.node
+    pathToTitle: PropTypes.arrayOf(PropTypes.string).isRequired,
+    children: PropTypes.node
 };
-exports.default = HierarchicalAttributeTooltip;
+export default HierarchicalAttributeTooltip;

package/components/HierarchicalAttributeTooltip/styles.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,11 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-var ramda_1 = require("ramda");
-var nthLiStyles = ramda_1.range(2, 10).reduce(function (acc, i) {
+import { makeStyles } from '@material-ui/core/styles';
+import { range } from 'ramda';
+var nthLiStyles = range(2, 10).reduce(function (acc, i) {
     var _a;
     return (__assign(__assign({}, acc), (_a = {}, _a["&:nth-child(" + i + ")"] = {
         paddingLeft: "calc(1em * (" + i + " - 2))",
@@ -27,7 +24,7 @@ var nthLiStyles = ramda_1.range(2, 10).reduce(function (acc, i) {
         }
     }, _a)));
 }, {});
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+export var useStyles = makeStyles(function (theme) { return ({
     tooltip: theme.tooltip,
     tooltipContent: {
         minWidth: '165px',

package/components/Highlighter/Highlighter.js

@@ -1,18 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var styles_1 = require("./styles");
+import React from 'react';
+import { useStyles } from './styles';
 var Highlighter = function (_a) {
     var _b = _a.text, text = _b === void 0 ? '' : _b, _c = _a.highlight, highlight = _c === void 0 ? '' : _c, className = _a.className;
-    var styles = styles_1.useStyles();
+    var styles = useStyles();
     var parts = highlight && text.split(new RegExp("(" + highlight + ")", 'gi'));
-    return (react_1.default.createElement("span", null, highlight
-        ? parts.map(function (part, i) { return (react_1.default.createElement("span", { key: i, className: part.toLocaleLowerCase() === highlight.toLocaleLowerCase()
+    return (React.createElement("span", null, highlight
+        ? parts.map(function (part, i) { return (React.createElement("span", { key: i, className: part.toLocaleLowerCase() === highlight.toLocaleLowerCase()
                 ? className || styles.highlight
                 : '' }, part)); })
         : text));
 };
-exports.default = Highlighter;
+export default Highlighter;

package/components/Highlighter/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
     highlight: {
         fontWeight: 600
     }

package/components/Image/CheckedIcon/CheckedIcon.js

@@ -1,18 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckedIcon = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var RadioButtonUnchecked_1 = __importDefault(require("@material-ui/icons/RadioButtonUnchecked"));
-var CheckCircle_1 = __importDefault(require("@material-ui/icons/CheckCircle"));
-var styles_1 = require("./styles");
-var CheckedIcon = function (_a) {
+import React from 'react';
+import classnames from 'classnames';
+import RadioButtonUncheckedIcon from '@material-ui/icons/RadioButtonUnchecked';
+import CheckCircleIcon from '@material-ui/icons/CheckCircle';
+import { useStyles } from './styles';
+export var CheckedIcon = function (_a) {
     var checked = _a.checked, className = _a.className, onClick = _a.onClick;
-    var styles = styles_1.useStyles();
-    var Icon = checked ? CheckCircle_1.default : RadioButtonUnchecked_1.default;
-    return react_1.default.createElement(Icon, { className: classnames_1.default(styles.root, className), onClick: onClick });
+    var styles = useStyles();
+    var Icon = checked ? CheckCircleIcon : RadioButtonUncheckedIcon;
+    return React.createElement(Icon, { className: classnames(styles.root, className), onClick: onClick });
 };
-exports.CheckedIcon = CheckedIcon;

package/components/Image/CheckedIcon/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function () { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function () { return ({
     root: {
         fontSize: '24px',
         color: '#fff'