@reltio/components 1.4.876 → 1.4.880

package/components/UploadImageDialog/SelectImageButton/SelectImageButton.js

@@ -1,23 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectImageButton = void 0;
-var react_1 = __importDefault(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var constants_1 = require("../constants");
-var SelectImageButton = function (_a) {
+import React from 'react';
+import i18n from 'ui-i18n';
+import Button from '@material-ui/core/Button';
+import { IMAGE_TYPES } from '../constants';
+export var SelectImageButton = function (_a) {
     var className = _a.className, onAppendFile = _a.onAppendFile;
     var handleInput = function (e) {
         if (onAppendFile) {
             onAppendFile(e.currentTarget.files[0]);
         }
     };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("input", { onInput: handleInput, style: { display: 'none' }, accept: constants_1.IMAGE_TYPES.join(','), id: "upload-image-button", type: "file" }),
-        react_1.default.createElement("label", { htmlFor: "upload-image-button" },
-            react_1.default.createElement(Button_1.default, { className: className, variant: "contained", color: "primary", component: "span" }, ui_i18n_1.default.text('Select image')))));
+    return (React.createElement(React.Fragment, null,
+        React.createElement("input", { onInput: handleInput, style: { display: 'none' }, accept: IMAGE_TYPES.join(','), id: "upload-image-button", type: "file" }),
+        React.createElement("label", { htmlFor: "upload-image-button" },
+            React.createElement(Button, { className: className, variant: "contained", color: "primary", component: "span" }, i18n.text('Select image')))));
 };
-exports.SelectImageButton = SelectImageButton;

package/components/UploadImageDialog/TargetBox/TargetBox.js

@@ -1,25 +1,19 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TargetBox = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var react_dnd_1 = require("react-dnd");
-var react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var SelectImageButton_1 = require("../SelectImageButton/SelectImageButton");
-var UploadIcon_1 = __importDefault(require("../../../icons/UploadIcon"));
-var constants_1 = require("../constants");
-var styles_1 = require("./styles");
-var TargetBox = function (_a) {
+import React from 'react';
+import classnames from 'classnames';
+import i18n from 'ui-i18n';
+import { useDrop } from 'react-dnd';
+import { NativeTypes } from 'react-dnd-html5-backend';
+import Typography from '@material-ui/core/Typography';
+import { SelectImageButton } from '../SelectImageButton/SelectImageButton';
+import UploadIcon from '../../../icons/UploadIcon';
+import { MAX_IMAGE_SIZE } from '../constants';
+import { useStyles } from './styles';
+export var TargetBox = function (_a) {
     var _b;
     var onAppendFile = _a.onAppendFile, className = _a.className;
-    var styles = styles_1.useStyles();
-    var _c = react_dnd_1.useDrop({
-        accept: [react_dnd_html5_backend_1.NativeTypes.FILE],
+    var styles = useStyles();
+    var _c = useDrop({
+        accept: [NativeTypes.FILE],
         drop: function (item) {
             if (item) {
                 // TODO remove after update react-dnd
@@ -34,12 +28,11 @@ var TargetBox = function (_a) {
         }); }
     }), _d = _c[0], canDrop = _d.canDrop, isOver = _d.isOver, drop = _c[1];
     var isActive = canDrop && isOver;
-    return (react_1.default.createElement("div", { ref: drop, className: classnames_1.default(styles.root, (_b = {}, _b[styles.isActive] = isActive, _b), className) },
-        react_1.default.createElement(UploadIcon_1.default, { className: styles.icon }),
-        react_1.default.createElement(Typography_1.default, { className: styles.title }, ui_i18n_1.default.text('Drag an image here')),
-        react_1.default.createElement(Typography_1.default, { className: styles.description }, ui_i18n_1.default.text('Acceptable image types would include JPG, PNG, TIFF, GIF, BMP. Maximum image size: ${MAX_IMAGE_SIZE}Mb', {
-            MAX_IMAGE_SIZE: constants_1.MAX_IMAGE_SIZE
+    return (React.createElement("div", { ref: drop, className: classnames(styles.root, (_b = {}, _b[styles.isActive] = isActive, _b), className) },
+        React.createElement(UploadIcon, { className: styles.icon }),
+        React.createElement(Typography, { className: styles.title }, i18n.text('Drag an image here')),
+        React.createElement(Typography, { className: styles.description }, i18n.text('Acceptable image types would include JPG, PNG, TIFF, GIF, BMP. Maximum image size: ${MAX_IMAGE_SIZE}Mb', {
+            MAX_IMAGE_SIZE: MAX_IMAGE_SIZE
         })),
-        react_1.default.createElement(SelectImageButton_1.SelectImageButton, { onAppendFile: onAppendFile })));
+        React.createElement(SelectImageButton, { onAppendFile: onAppendFile })));
 };
-exports.TargetBox = TargetBox;

package/components/UploadImageDialog/TargetBox/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 ({
     root: {
         padding: '36px 0 29px'
     },

package/components/UploadImageDialog/UploadImageDialog.js

@@ -1,56 +1,31 @@
-"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.UploadImageDialog = void 0;
-var react_1 = __importStar(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var react_redux_1 = require("react-redux");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var react_dnd_1 = require("react-dnd");
-var react_dnd_html5_backend_1 = __importDefault(require("react-dnd-html5-backend"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Dialog_1 = __importDefault(require("@material-ui/core/Dialog"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var LinearLoadIndicator_1 = __importDefault(require("../LinearLoadIndicator/LinearLoadIndicator"));
-var ImageByUrlField_1 = require("./ImageByUrlField/ImageByUrlField");
-var TargetBox_1 = require("./TargetBox/TargetBox");
-var DividerWithText_1 = require("./DividerWithText/DividerWithText");
-var ErrorSnackbar_1 = require("./ErrorSnackbar/ErrorSnackbar");
-var constants_1 = require("./constants");
-var styles_1 = require("./styles");
-var UploadImageDialog = function (_a) {
+import React, { useState } from 'react';
+import i18n from 'ui-i18n';
+import { useSelector } from 'react-redux';
+import { uploadImage as uploadImageRequest } from '@reltio/mdm-sdk';
+import mdm from '@reltio/mdm-module';
+import { DndProvider } from 'react-dnd';
+import HTML5Backend from 'react-dnd-html5-backend';
+import Box from '@material-ui/core/Box';
+import Dialog from '@material-ui/core/Dialog';
+import Typography from '@material-ui/core/Typography';
+import LinearLoadIndicator from '../LinearLoadIndicator/LinearLoadIndicator';
+import { ImageByUrlField } from './ImageByUrlField/ImageByUrlField';
+import { TargetBox } from './TargetBox/TargetBox';
+import { DividerWithText } from './DividerWithText/DividerWithText';
+import { ErrorSnackbar } from './ErrorSnackbar/ErrorSnackbar';
+import { IMAGE_TYPES, MAX_IMAGE_SIZE } from './constants';
+import { useStyles } from './styles';
+export var UploadImageDialog = function (_a) {
     var open = _a.open, onClose = _a.onClose, onUpload = _a.onUpload;
-    var styles = styles_1.useStyles();
-    var imageServicePath = react_redux_1.useSelector(mdm_module_1.default.selectors.getImageServicePath);
-    var environment = react_redux_1.useSelector(mdm_module_1.default.selectors.getEnvironment);
-    var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
-    var _b = react_1.useState(false), loading = _b[0], setLoading = _b[1];
-    var _c = react_1.useState(null), error = _c[0], setError = _c[1];
+    var styles = useStyles();
+    var imageServicePath = useSelector(mdm.selectors.getImageServicePath);
+    var environment = useSelector(mdm.selectors.getEnvironment);
+    var tenant = useSelector(mdm.selectors.getTenant);
+    var _b = useState(false), loading = _b[0], setLoading = _b[1];
+    var _c = useState(null), error = _c[0], setError = _c[1];
     var uploadImage = function (image) {
         setLoading(true);
-        mdm_sdk_1.uploadImage({ image: image, imageServicePath: imageServicePath, environment: environment, tenant: tenant })
+        uploadImageRequest({ image: image, imageServicePath: imageServicePath, environment: environment, tenant: tenant })
             .then(function (res) {
             onUpload(res);
             onClose();
@@ -60,12 +35,12 @@ var UploadImageDialog = function (_a) {
     };
     var handleAppendImage = function (image) {
         var size = Number((image.size / 1024 / 1024).toFixed(2));
-        var isCorrectType = constants_1.IMAGE_TYPES.includes(image.type);
-        if (size > constants_1.MAX_IMAGE_SIZE) {
-            setError(ui_i18n_1.default.text('File size exceeds configured max file size.'));
+        var isCorrectType = IMAGE_TYPES.includes(image.type);
+        if (size > MAX_IMAGE_SIZE) {
+            setError(i18n.text('File size exceeds configured max file size.'));
         }
         else if (!isCorrectType) {
-            setError(ui_i18n_1.default.text('File format is not supported.'));
+            setError(i18n.text('File format is not supported.'));
         }
         else {
             uploadImage(image);
@@ -74,14 +49,13 @@ var UploadImageDialog = function (_a) {
     var handleSendImage = function (url) {
         uploadImage(url);
     };
-    return (react_1.default.createElement(react_dnd_1.DndProvider, { backend: react_dnd_html5_backend_1.default },
-        react_1.default.createElement(Dialog_1.default, { open: open, onClose: onClose, classes: { paper: styles.dialogPaper } },
-            react_1.default.createElement(Typography_1.default, { className: styles.title }, ui_i18n_1.default.text('Add new image')),
-            react_1.default.createElement(Box_1.default, { className: styles.body },
-                react_1.default.createElement(TargetBox_1.TargetBox, { className: styles.targetBox, onAppendFile: handleAppendImage }),
-                react_1.default.createElement(DividerWithText_1.DividerWithText, { className: styles.divider }, ui_i18n_1.default.text('or')),
-                react_1.default.createElement(ImageByUrlField_1.ImageByUrlField, { onSend: handleSendImage })),
-            loading && react_1.default.createElement(LinearLoadIndicator_1.default, null),
-            react_1.default.createElement(ErrorSnackbar_1.ErrorSnackbar, { error: error, onClose: function () { return setError(null); } }))));
+    return (React.createElement(DndProvider, { backend: HTML5Backend },
+        React.createElement(Dialog, { open: open, onClose: onClose, classes: { paper: styles.dialogPaper } },
+            React.createElement(Typography, { className: styles.title }, i18n.text('Add new image')),
+            React.createElement(Box, { className: styles.body },
+                React.createElement(TargetBox, { className: styles.targetBox, onAppendFile: handleAppendImage }),
+                React.createElement(DividerWithText, { className: styles.divider }, i18n.text('or')),
+                React.createElement(ImageByUrlField, { onSend: handleSendImage })),
+            loading && React.createElement(LinearLoadIndicator, null),
+            React.createElement(ErrorSnackbar, { error: error, onClose: function () { return setError(null); } }))));
 };
-exports.UploadImageDialog = UploadImageDialog;

package/components/UploadImageDialog/constants/index.js

@@ -1,5 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MAX_IMAGE_SIZE = exports.IMAGE_TYPES = void 0;
-exports.IMAGE_TYPES = ['image/png', 'image/jpeg', 'image/tiff', 'image/gif', 'image/bmp'];
-exports.MAX_IMAGE_SIZE = 20;
+export var IMAGE_TYPES = ['image/png', 'image/jpeg', 'image/tiff', 'image/gif', 'image/bmp'];
+export var MAX_IMAGE_SIZE = 20;

package/components/UploadImageDialog/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "body" | "root" | "divider" | "dialogPaper" | "targetBox">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"body" | "title" | "root" | "divider" | "dialogPaper" | "targetBox">;

package/components/UploadImageDialog/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 ({
     root: {},
     dialogPaper: {
         position: 'relative',

package/components/UserSelector/UserSelector.js

@@ -1,62 +1,38 @@
-"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 react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var ramda_1 = require("ramda");
-var classnames_1 = __importDefault(require("classnames"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var MultiSelect_1 = __importDefault(require("../ReactSelect/MultiSelect"));
-var DropdownIndicatorWithIconButton_1 = __importDefault(require("../commonReactSelectComponents/DropdownIndicatorWithIconButton"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var styles_1 = require("./styles");
+import React, { useRef } from 'react';
+import { useSelector } from 'react-redux';
+import i18n from 'ui-i18n';
+import { defaultTo, pipe, pluck, prop } from 'ramda';
+import classnames from 'classnames';
+import Typography from '@material-ui/core/Typography';
+import MultiSelect from '../ReactSelect/MultiSelect';
+import DropdownIndicatorWithIconButton from '../commonReactSelectComponents/DropdownIndicatorWithIconButton';
+import { getAllUsersForTenant, utils } from '@reltio/mdm-sdk';
+import mdmModule from '@reltio/mdm-module';
+import { customStyles, useStyles } from './styles';
 var UserSelector = function (_a) {
     var selectedUsers = _a.selectedUsers, onChange = _a.onChange, className = _a.className, disableUnderline = _a.disableUnderline;
-    var styles = styles_1.useStyles();
+    var styles = useStyles();
     var valueToOption = function (value) { return ({ value: value, label: value }); };
     var prepareValues = function (values) { return values.map(valueToOption); };
     var filterUsers = function (inputValue) { return function (users) {
-        return inputValue ? users.filter(function (username) { return mdm_sdk_1.utils.strings.search(username, inputValue); }) : users;
+        return inputValue ? users.filter(function (username) { return utils.strings.search(username, inputValue); }) : users;
     }; };
-    var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
-    var uiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getUIPath);
-    var cachedRequest = react_1.useRef();
+    var tenant = useSelector(mdmModule.selectors.getTenant);
+    var uiPath = useSelector(mdmModule.selectors.getUIPath);
+    var cachedRequest = useRef();
     var getOptions = function (inputValue) {
         if (!cachedRequest.current) {
-            cachedRequest.current = mdm_sdk_1.getAllUsersForTenant(tenant, uiPath);
+            cachedRequest.current = getAllUsersForTenant(tenant, uiPath);
         }
-        return cachedRequest.current.then(ramda_1.pipe(ramda_1.prop('array'), ramda_1.pluck('username'), filterUsers(inputValue), prepareValues));
+        return cachedRequest.current.then(pipe(prop('array'), pluck('username'), filterUsers(inputValue), prepareValues));
     };
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.root, className) },
-        react_1.default.createElement(Typography_1.default, { className: styles.title, variant: 'subtitle1' }, ui_i18n_1.default.text('User')),
-        react_1.default.createElement(MultiSelect_1.default, { value: prepareValues(selectedUsers), onChange: ramda_1.pipe(ramda_1.defaultTo([]), ramda_1.pluck('value'), onChange), defaultOptions: true, getOptions: getOptions, TextFieldProps: {
+    return (React.createElement("div", { className: classnames(styles.root, className) },
+        React.createElement(Typography, { className: styles.title, variant: 'subtitle1' }, i18n.text('User')),
+        React.createElement(MultiSelect, { value: prepareValues(selectedUsers), onChange: pipe(defaultTo([]), pluck('value'), onChange), defaultOptions: true, getOptions: getOptions, TextFieldProps: {
                 InputProps: { disableUnderline: disableUnderline },
                 className: styles.dropDownInput
             }, components: {
-                DropdownIndicator: DropdownIndicatorWithIconButton_1.default
-            }, styles: styles_1.customStyles, classes: styles })));
+                DropdownIndicator: DropdownIndicatorWithIconButton
+            }, styles: customStyles, classes: styles })));
 };
-exports.default = UserSelector;
+export default UserSelector;

package/components/UserSelector/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,14 +9,12 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = exports.customStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.customStyles = {
+import { makeStyles } from '@material-ui/core/styles';
+export var customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
     loadingMessage: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); }
 };
-exports.useStyles = styles_1.makeStyles({
+export var useStyles = makeStyles({
     root: {
         flex: 1
     },

package/components/ValueChip/ValueChip.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,28 +20,24 @@ 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 Chip_1 = __importDefault(require("@material-ui/core/Chip"));
-var styles_1 = require("./styles");
-var utils_1 = require("../../core/utils");
-var ExpandedValueTooltip_1 = __importDefault(require("../ExpandedValueTooltip/ExpandedValueTooltip"));
+import React from 'react';
+import PropTypes from 'prop-types';
+import Chip from '@material-ui/core/Chip';
+import { useStyles, useChipStyles } from './styles';
+import { mergeClasses } from '../../core/utils';
+import ExpandedValueTooltip from '../ExpandedValueTooltip/ExpandedValueTooltip';
 var ValueChip = function (_a) {
     var _b = _a.classes, classesProp = _b === void 0 ? {} : _b, label = _a.label, count = _a.count, otherProp = __rest(_a, ["classes", "label", "count"]);
-    var classes = styles_1.useChipStyles();
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(Chip_1.default, __assign({ classes: utils_1.mergeClasses(classesProp, classes), label: react_1.default.createElement("div", { className: styles.container },
-            react_1.default.createElement(ExpandedValueTooltip_1.default, { value: label },
-                react_1.default.createElement("div", { className: styles.label }, label)),
-            count && react_1.default.createElement("div", { className: styles.count }, count)) }, otherProp)));
+    var classes = useChipStyles();
+    var styles = useStyles();
+    return (React.createElement(Chip, __assign({ classes: mergeClasses(classesProp, classes), label: React.createElement("div", { className: styles.container },
+            React.createElement(ExpandedValueTooltip, { value: label },
+                React.createElement("div", { className: styles.label }, label)),
+            count && React.createElement("div", { className: styles.count }, count)) }, otherProp)));
 };
 ValueChip.propTypes = {
-    classes: prop_types_1.default.object,
-    label: prop_types_1.default.string,
-    count: prop_types_1.default.string
+    classes: PropTypes.object,
+    label: PropTypes.string,
+    count: PropTypes.string
 };
-exports.default = ValueChip;
+export default ValueChip;

package/components/ValueChip/styles.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = exports.useChipStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+import { makeStyles } from '@material-ui/core/styles';
 var margin = 2;
-exports.useChipStyles = styles_1.makeStyles({
+export var useChipStyles = makeStyles({
     root: {
         height: '28px',
         backgroundColor: 'rgba(43, 152, 240, 0.12)',
@@ -20,7 +17,7 @@ exports.useChipStyles = styles_1.makeStyles({
         overflow: 'hidden'
     }
 });
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+export var useStyles = makeStyles(function (theme) { return ({
     container: {
         display: 'flex',
         alignItems: 'center',

package/components/VerticalDivider/VerticalDivider.js

@@ -1,13 +1,8 @@
-"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"));
+import PropTypes from 'prop-types';
+import React from 'react';
 var VerticalDivider = function (_a) {
     var height = _a.height, margin = _a.margin;
-    return (react_1.default.createElement("div", { style: {
+    return (React.createElement("div", { style: {
             width: '1px',
             height: height + "px",
             borderLeft: '1px solid rgba(0,0,0,0.38)',
@@ -16,7 +11,7 @@ var VerticalDivider = function (_a) {
         } }));
 };
 VerticalDivider.propTypes = {
-    height: prop_types_1.default.number,
-    margin: prop_types_1.default.number
+    height: PropTypes.number,
+    margin: PropTypes.number
 };
-exports.default = VerticalDivider;
+export default VerticalDivider;

package/components/VerticalHeadingsTable/VerticalHeadingsTable.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,31 +9,8 @@ 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"));
+import React, { memo } from 'react';
+import PropTypes from 'prop-types';
 var DefaultHeadCellRenderer = function (_a) {
     var label = _a.label;
     return label || null;
@@ -48,25 +24,25 @@ var VerticalHeadingsTable = function (_a) {
     var renderRow = function (rowData) {
         var CellRenderer = rowData.cellRenderer || DefaultCellRenderer;
         var HeadCellRenderer = rowData.headCellRenderer || DefaultHeadCellRenderer;
-        return (react_1.default.createElement("tr", { key: rowData.id },
-            react_1.default.createElement("th", { key: rowData.id },
-                react_1.default.createElement(HeadCellRenderer, __assign({}, rowData))),
-            columnsData.map(function (columnValue, index) { return (react_1.default.createElement("td", { key: index },
-                react_1.default.createElement(CellRenderer, { value: columnValue[rowData.id], columnValue: columnValue, rowData: rowData }))); })));
+        return (React.createElement("tr", { key: rowData.id },
+            React.createElement("th", { key: rowData.id },
+                React.createElement(HeadCellRenderer, __assign({}, rowData))),
+            columnsData.map(function (columnValue, index) { return (React.createElement("td", { key: index },
+                React.createElement(CellRenderer, { value: columnValue[rowData.id], columnValue: columnValue, rowData: rowData }))); })));
     };
-    return (react_1.default.createElement("table", { className: className },
-        theadRowsNumber > 0 && react_1.default.createElement("thead", null, rowsData.slice(0, theadRowsNumber).map(renderRow)),
-        react_1.default.createElement("tbody", null, rowsData.slice(theadRowsNumber).map(renderRow))));
+    return (React.createElement("table", { className: className },
+        theadRowsNumber > 0 && React.createElement("thead", null, rowsData.slice(0, theadRowsNumber).map(renderRow)),
+        React.createElement("tbody", null, rowsData.slice(theadRowsNumber).map(renderRow))));
 };
 VerticalHeadingsTable.propTypes = {
-    rowsData: prop_types_1.default.arrayOf(prop_types_1.default.shape({
-        id: prop_types_1.default.string,
-        label: prop_types_1.default.string,
-        headCellRenderer: prop_types_1.default.func,
-        cellRenderer: prop_types_1.default.func
+    rowsData: PropTypes.arrayOf(PropTypes.shape({
+        id: PropTypes.string,
+        label: PropTypes.string,
+        headCellRenderer: PropTypes.func,
+        cellRenderer: PropTypes.func
     })),
-    columnsData: prop_types_1.default.arrayOf(prop_types_1.default.object),
-    theadRowsNumber: prop_types_1.default.number,
-    className: prop_types_1.default.string
+    columnsData: PropTypes.arrayOf(PropTypes.object),
+    theadRowsNumber: PropTypes.number,
+    className: PropTypes.string
 };
-exports.default = react_1.memo(VerticalHeadingsTable);
+export default memo(VerticalHeadingsTable);

package/components/ViewMoreToggle/ViewMoreToggle.js

@@ -1,26 +1,21 @@
-"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 prop_types_1 = __importDefault(require("prop-types"));
-var Link_1 = __importDefault(require("@material-ui/core/Link"));
-var ArrowDropDown_1 = __importDefault(require("@material-ui/icons/ArrowDropDown"));
-var styles_1 = require("./styles");
-var classnames_1 = __importDefault(require("classnames"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
+import React from 'react';
+import PropTypes from 'prop-types';
+import Link from '@material-ui/core/Link';
+import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
+import { useStyles } from './styles';
+import classnames from 'classnames';
+import i18n from 'ui-i18n';
 var ViewMoreToggle = function (_a) {
     var _b;
     var active = _a.active, onClick = _a.onClick, className = _a.className;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(Link_1.default, { className: classnames_1.default(styles.viewMoreLessLink, className), onClick: onClick, underline: "none" },
-        react_1.default.createElement(ArrowDropDown_1.default, { className: classnames_1.default(styles.arrow, (_b = {}, _b[styles.rotated] = active, _b)) }),
-        active ? ui_i18n_1.default.text('View less') : ui_i18n_1.default.text('View more')));
+    var styles = useStyles();
+    return (React.createElement(Link, { className: classnames(styles.viewMoreLessLink, className), onClick: onClick, underline: "none" },
+        React.createElement(ArrowDropDownIcon, { className: classnames(styles.arrow, (_b = {}, _b[styles.rotated] = active, _b)) }),
+        active ? i18n.text('View less') : i18n.text('View more')));
 };
 ViewMoreToggle.propTypes = {
-    active: prop_types_1.default.bool,
-    onClick: prop_types_1.default.func,
-    className: prop_types_1.default.string
+    active: PropTypes.bool,
+    onClick: PropTypes.func,
+    className: PropTypes.string
 };
-exports.default = ViewMoreToggle;
+export default ViewMoreToggle;

package/components/ViewMoreToggle/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 ({
     viewMoreLessLink: {
         display: 'flex',
         alignItems: 'center',