@reltio/components 1.4.876 → 1.4.880

package/components/charts/TreeChart/TreeChart.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,46 +9,23 @@ 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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var recharts_1 = require("recharts");
-var CustomTooltip_1 = require("../CustomTooltip/CustomTooltip");
-var styles_1 = require("./styles");
-var useClickableStyle_1 = require("../hooks/useClickableStyle");
-var nanoid_1 = __importDefault(require("nanoid"));
+import React, { useRef } from 'react';
+import { Text, Tooltip, Treemap } from 'recharts';
+import { CustomTooltip } from '../CustomTooltip/CustomTooltip';
+import { useStyles } from './styles';
+import { useClickableStyle } from '../hooks/useClickableStyle';
+import nanoid from '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 = useStyles();
+    var clickable = useClickableStyle(onClick);
+    var clipPathId = useRef(nanoid()).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)));
+    return (React.createElement("g", { className: clickable, onClick: onClick && (function () { return onClick(group); }) },
+        React.createElement("clipPath", { id: clipPathId },
+            React.createElement("rect", { x: x + strokeWidth, y: y + strokeWidth, width: width - strokeWidth * 2, height: height - strokeWidth * 2 })),
+        React.createElement("rect", { x: x, y: y, width: width, height: height, strokeWidth: strokeWidth, className: styles.treeBlock }),
+        React.createElement(Text, { clipPath: "url(#" + 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);
@@ -60,7 +36,7 @@ var normalizeValues = function (data) {
 };
 var TreeChart = function (_a) {
     var data = _a.data, width = _a.width, height = _a.height, onItemClick = _a.onItemClick;
-    return (react_1.default.createElement(recharts_1.Treemap, { dataKey: "normalizedValue", nameKey: "label", content: react_1.default.createElement(CustomizedContent, { onClick: onItemClick }), data: normalizeValues(data), width: width, animationDuration: 500, height: height },
-        react_1.default.createElement(recharts_1.Tooltip, { content: react_1.default.createElement(CustomTooltip_1.CustomTooltip, null) })));
+    return (React.createElement(Treemap, { dataKey: "normalizedValue", nameKey: "label", content: React.createElement(CustomizedContent, { onClick: onItemClick }), data: normalizeValues(data), width: width, animationDuration: 500, height: height },
+        React.createElement(Tooltip, { content: React.createElement(CustomTooltip, null) })));
 };
-exports.default = TreeChart;
+export default TreeChart;

package/components/charts/TreeChart/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({
     treeBlock: {
         fill: '#6BAED6',
         stroke: '#fff',

package/components/charts/hooks/useClickableStyle.js

@@ -1,14 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useClickableStyle = void 0;
-var styles_1 = require("@material-ui/core/styles");
-var useStyles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+var useStyles = makeStyles({
     clickable: {
         cursor: 'pointer'
     }
 });
-var useClickableStyle = function (clickable) {
+export var useClickableStyle = function (clickable) {
     var styles = useStyles();
     return clickable ? styles.clickable : undefined;
 };
-exports.useClickableStyle = useClickableStyle;

package/components/charts/hooks/useTooltipState.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,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
+import { useState, useCallback } from '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 = useState({ active: false }), tooltipState = _a[0], setTooltipState = _a[1];
+    var showTooltip = useCallback(function (data, coordinate) {
         setTooltipState({
             active: true,
             label: data.label,
@@ -22,9 +20,9 @@ var useTooltipState = function () {
             payload: [{ value: data.value, payload: data, name: data.label }]
         });
     }, []);
-    var hideTooltip = react_1.useCallback(function () {
+    var hideTooltip = useCallback(function () {
         setTooltipState(function (state) { return (__assign(__assign({}, state), { active: false })); });
     }, []);
     return { tooltipState: tooltipState, showTooltip: showTooltip, hideTooltip: hideTooltip };
 };
-exports.default = useTooltipState;
+export default useTooltipState;

package/components/charts/index.js

@@ -1,20 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useClickableStyle = exports.withPercents = exports.ChartsFactory = exports.TreeChart = exports.TableWithBars = exports.PieChart = exports.BarChart = void 0;
-var BarChart_1 = require("./BarChart/BarChart");
-Object.defineProperty(exports, "BarChart", { enumerable: true, get: function () { return __importDefault(BarChart_1).default; } });
-var PieChart_1 = require("./PieChart/PieChart");
-Object.defineProperty(exports, "PieChart", { enumerable: true, get: function () { return __importDefault(PieChart_1).default; } });
-var TableWithBars_1 = require("./TableWithBars/TableWithBars");
-Object.defineProperty(exports, "TableWithBars", { enumerable: true, get: function () { return __importDefault(TableWithBars_1).default; } });
-var TreeChart_1 = require("./TreeChart/TreeChart");
-Object.defineProperty(exports, "TreeChart", { enumerable: true, get: function () { return __importDefault(TreeChart_1).default; } });
-var ChartsFactory_1 = require("./ChartsFactory");
-Object.defineProperty(exports, "ChartsFactory", { enumerable: true, get: function () { return __importDefault(ChartsFactory_1).default; } });
-var withPercents_1 = require("./HOCs/withPercents");
-Object.defineProperty(exports, "withPercents", { enumerable: true, get: function () { return __importDefault(withPercents_1).default; } });
-var useClickableStyle_1 = require("./hooks/useClickableStyle");
-Object.defineProperty(exports, "useClickableStyle", { enumerable: true, get: function () { return useClickableStyle_1.useClickableStyle; } });
+export { default as BarChart } from './BarChart/BarChart';
+export { default as PieChart } from './PieChart/PieChart';
+export { default as TableWithBars } from './TableWithBars/TableWithBars';
+export { default as TreeChart } from './TreeChart/TreeChart';
+export { default as ChartsFactory } from './ChartsFactory';
+export { default as withPercents } from './HOCs/withPercents';
+export { useClickableStyle } from './hooks/useClickableStyle';

package/components/charts/types/BarChartOptions.js

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

package/components/charts/types/ChartData.js

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

package/components/charts/types/ChartProps.js

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

package/components/charts/types/LineChartOptions.js

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

package/components/charts/types/TableWithBarsOptions.js

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

package/components/charts/types/index.js

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

package/components/commonReactSelectComponents/DropdownIndicator.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,29 +9,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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 classnames_1 = __importDefault(require("classnames"));
-var ArrowDropDown_1 = __importDefault(require("@material-ui/icons/ArrowDropDown"));
-var arrowIndicatorStyles_1 = require("./arrowIndicatorStyles");
+import PropTypes from 'prop-types';
+import React from 'react';
+import classnames from 'classnames';
+import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
+import { useArrowIndicatorStyles } from './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 = useArrowIndicatorStyles();
+    return (React.createElement(ArrowDropDownIcon, __assign({}, innerProps, { className: classnames(classes.dropdownIndicator, (_a = {}, _a[styles.expanded] = menuIsOpen, _a), (_b = {}, _b[styles.disabled] = isDisabled, _b)) })));
 };
 DropdownIndicator.propTypes = {
-    innerProps: prop_types_1.default.object.isRequired,
-    selectProps: prop_types_1.default.shape({
-        classes: prop_types_1.default.shape({
-            dropdownIndicator: prop_types_1.default.string
+    innerProps: PropTypes.object.isRequired,
+    selectProps: PropTypes.shape({
+        classes: PropTypes.shape({
+            dropdownIndicator: PropTypes.string
         }).isRequired,
-        menuIsOpen: prop_types_1.default.bool.isRequired,
-        isDisabled: prop_types_1.default.bool
+        menuIsOpen: PropTypes.bool.isRequired,
+        isDisabled: PropTypes.bool
     }).isRequired
 };
-exports.default = DropdownIndicator;
+export default DropdownIndicator;

package/components/commonReactSelectComponents/DropdownIndicatorWithIconButton.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,29 +9,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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 classnames_1 = __importDefault(require("classnames"));
-var arrowIndicatorStyles_1 = require("./arrowIndicatorStyles");
-var ArrowDropDown_1 = __importDefault(require("@material-ui/icons/ArrowDropDown"));
-var SmallIconButton_1 = __importDefault(require("../SmallIconButton/SmallIconButton"));
+import PropTypes from 'prop-types';
+import React from 'react';
+import classnames from 'classnames';
+import { useArrowIndicatorStyles } from './arrowIndicatorStyles';
+import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
+import SmallIconButton from '../SmallIconButton/SmallIconButton';
 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 = useArrowIndicatorStyles();
+    return (React.createElement(SmallIconButton, __assign({}, innerProps, { icon: ArrowDropDownIcon, className: classes.dropdownIndicator, size: "L", iconClassName: classnames((_a = {}, _a[styles.expanded] = menuIsOpen, _a)) })));
 };
 DropdownIndicatorWithIconButton.propTypes = {
-    innerProps: prop_types_1.default.object.isRequired,
-    selectProps: prop_types_1.default.shape({
-        classes: prop_types_1.default.shape({
-            dropdownIndicator: prop_types_1.default.string
+    innerProps: PropTypes.object.isRequired,
+    selectProps: PropTypes.shape({
+        classes: PropTypes.shape({
+            dropdownIndicator: PropTypes.string
         }).isRequired,
-        menuIsOpen: prop_types_1.default.bool.isRequired
+        menuIsOpen: PropTypes.bool.isRequired
     }).isRequired
 };
-exports.default = DropdownIndicatorWithIconButton;
+export default DropdownIndicatorWithIconButton;

package/components/commonReactSelectComponents/MenuWithPopper.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,47 +9,24 @@ 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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var ramda_1 = require("ramda");
-var nanoid_1 = __importDefault(require("nanoid"));
-var Popper_1 = __importDefault(require("../Popper/Popper"));
-var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
-var menuStyles_1 = require("./menuStyles");
-var PopupBoundariesContext_1 = require("../../contexts/PopupBoundariesContext");
+import React, { useContext, useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import { prop } from 'ramda';
+import nanoid from 'nanoid';
+import Popper from '../Popper/Popper';
+import Paper from '@material-ui/core/Paper';
+import { useMenuStyles } from './menuStyles';
+import { PopupBoundariesContext } from '../../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 = useState('id'), key = _b[0], setKey = _b[1];
+    useEffect(function () {
+        setKey(nanoid());
     }, [inputValue]);
-    var styles = menuStyles_1.useMenuStyles();
-    var popupBoundariesContext = react_1.useContext(PopupBoundariesContext_1.PopupBoundariesContext);
+    var styles = useMenuStyles();
+    var popupBoundariesContext = useContext(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
+    return (React.createElement(Popper, { anchorEl: inputRef.current, open: menuIsOpen, className: styles.popper, key: key, modifiers: hasBoundariesElement
             ? {
                 preventOverflow: {
                     boundariesElement: popupBoundariesContext.element,
@@ -58,22 +34,22 @@ 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.createElement(Paper, __assign({ ref: innerRef, style: { width: 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,
-    selectProps: prop_types_1.default.shape({
-        inputRef: prop_types_1.default.object.isRequired,
-        menuIsOpen: prop_types_1.default.bool.isRequired,
-        inputValue: prop_types_1.default.string
+    children: PropTypes.oneOfType([PropTypes.element, PropTypes.array]).isRequired,
+    selectProps: PropTypes.shape({
+        inputRef: PropTypes.object.isRequired,
+        menuIsOpen: PropTypes.bool.isRequired,
+        inputValue: PropTypes.string
     }).isRequired,
-    innerRef: prop_types_1.default.oneOfType([
-        prop_types_1.default.oneOf([null]),
-        prop_types_1.default.func,
-        prop_types_1.default.shape({
-            current: prop_types_1.default.any.isRequired
+    innerRef: PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.func,
+        PropTypes.shape({
+            current: PropTypes.any.isRequired
         })
     ]).isRequired,
-    innerProps: prop_types_1.default.object.isRequired
+    innerProps: PropTypes.object.isRequired
 };
-exports.default = MenuWithPopper;
+export default MenuWithPopper;

package/components/commonReactSelectComponents/arrowIndicatorStyles.js

@@ -1,8 +1,5 @@
-"use strict";
-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 ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useArrowIndicatorStyles = makeStyles(function (theme) { return ({
     expanded: {
         transform: 'rotate(180deg)'
     },

package/components/commonReactSelectComponents/menuStyles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMenuStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useMenuStyles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+export var useMenuStyles = makeStyles({
     popper: {
         borderRadius: '4px',
         boxShadow: '0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)',

package/components/crosswalks/AttributesTable/AddAttributesButton/AddAttributesButton.js

@@ -1,42 +1,35 @@
-"use strict";
 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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AddAttributesButton = void 0;
-var react_1 = __importDefault(require("react"));
-var react_redux_1 = require("react-redux");
-var MoreAttributesButton_1 = __importDefault(require("../../../attributes/editMode/MoreAttributesButton/MoreAttributesButton"));
-var BasicTableView_1 = require("../../../BasicTableView");
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var styles_1 = require("./styles");
-var AddAttributesButton = function (_a) {
+import React from 'react';
+import { useSelector } from 'react-redux';
+import MoreAttributesButton from '../../../attributes/editMode/MoreAttributesButton/MoreAttributesButton';
+import { withTableContext } from '../../../BasicTableView';
+import i18n from 'ui-i18n';
+import { both, either, filter, pick, pipe, propEq, propOr, reject } from 'ramda';
+import { checkCanCreateAttribute, isImage, isNested, isReadableAttribute, isReference, ModeTypes } from '@reltio/mdm-sdk';
+import mdmModule from '@reltio/mdm-module';
+import { useStyles } from './styles';
+export var AddAttributesButton = function (_a) {
     var parentTypeUri = _a.parentTypeUri, parentUri = _a.parentUri, selectedAttributeTypes = _a.selectedAttributeTypes, onSelectAttributeTypes = _a.onSelectAttributeTypes, onAdd = _a.onAdd;
-    var styles = styles_1.useStyles();
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var parentType = __spreadArray(__spreadArray([], metadata.entityTypes), (metadata.relationTypes || [])).find(ramda_1.propEq('uri', parentTypeUri));
-    var isNotSelected = function (attrType) { return !(selectedAttributeTypes === null || selectedAttributeTypes === void 0 ? void 0 : selectedAttributeTypes.find(ramda_1.propEq('uri', attrType.uri))); };
-    var canCreate = function (attributeType) { return mdm_sdk_1.checkCanCreateAttribute({ attributeType: attributeType, mode: mdm_sdk_1.ModeTypes.EDITING }); };
-    var data = ramda_1.pipe(ramda_1.propOr([], 'attributes'), ramda_1.reject(ramda_1.either(mdm_sdk_1.isReference, mdm_sdk_1.isImage)), ramda_1.filter(ramda_1.either(mdm_sdk_1.isNested, isNotSelected)), ramda_1.filter(ramda_1.both(mdm_sdk_1.isReadableAttribute, canCreate)))(parentType);
+    var styles = useStyles();
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var parentType = __spreadArray(__spreadArray([], metadata.entityTypes), (metadata.relationTypes || [])).find(propEq('uri', parentTypeUri));
+    var isNotSelected = function (attrType) { return !(selectedAttributeTypes === null || selectedAttributeTypes === void 0 ? void 0 : selectedAttributeTypes.find(propEq('uri', attrType.uri))); };
+    var canCreate = function (attributeType) { return checkCanCreateAttribute({ attributeType: attributeType, mode: ModeTypes.EDITING }); };
+    var data = pipe(propOr([], 'attributes'), reject(either(isReference, isImage)), filter(either(isNested, isNotSelected)), filter(both(isReadableAttribute, canCreate)))(parentType);
     var handleAdd = function (addedTypes) {
         var typesToSelect = addedTypes.filter(isNotSelected);
         if (typesToSelect.length > 0) {
             onSelectAttributeTypes(__spreadArray(__spreadArray([], typesToSelect), selectedAttributeTypes));
         }
-        addedTypes.filter(mdm_sdk_1.isNested).forEach(function (attributeType) {
+        addedTypes.filter(isNested).forEach(function (attributeType) {
             onAdd({ attributeType: attributeType, parentUri: parentUri });
         });
     };
-    return (react_1.default.createElement("div", { className: styles.root },
-        react_1.default.createElement(MoreAttributesButton_1.default, { label: ui_i18n_1.default.text('Attribute'), popupTitle: ui_i18n_1.default.text('Add attributes'), data: data, onApply: handleAdd })));
+    return (React.createElement("div", { className: styles.root },
+        React.createElement(MoreAttributesButton, { label: i18n.text('Attribute'), popupTitle: i18n.text('Add attributes'), data: data, onApply: handleAdd })));
 };
-exports.AddAttributesButton = AddAttributesButton;
-exports.default = BasicTableView_1.withTableContext(ramda_1.pick(['parentUri', 'parentTypeUri', 'onAdd', 'selectedAttributeTypes', 'onSelectAttributeTypes']))(exports.AddAttributesButton);
+export default withTableContext(pick(['parentUri', 'parentTypeUri', 'onAdd', 'selectedAttributeTypes', 'onSelectAttributeTypes']))(AddAttributesButton);

package/components/crosswalks/AttributesTable/AddAttributesButton/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({
     root: {
         marginBottom: '-6px'
     }