@reltio/components 1.4.876 → 1.4.880

package/components/SelectionPopup/SelectionPopupPopper/SelectionPopupPopper.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,45 +9,41 @@ 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 react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var classnames_1 = __importDefault(require("classnames"));
-var styles_js_1 = __importDefault(require("../styles.js"));
-var Popper_1 = __importDefault(require("../../Popper/Popper"));
-var Grow_1 = __importDefault(require("@material-ui/core/Grow"));
-var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
+import React from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import useCommonStyles from '../styles.js';
+import Popper from '../../Popper/Popper';
+import Grow from '@material-ui/core/Grow';
+import Paper from '@material-ui/core/Paper';
 var SelectionPopupPopper = function (_a) {
     var open = _a.open, anchorEl = _a.anchorEl, className = _a.className, onClose = _a.onClose, containerWidth = _a.containerWidth, containerHeight = _a.containerHeight, paperProps = _a.paperProps, listContent = _a.listContent, externalInputField = _a.externalInputField, _b = _a.classes, classes = _b === void 0 ? {} : _b;
-    var commonStyles = styles_js_1.default({
+    var commonStyles = useCommonStyles({
         containerWidth: containerWidth,
         containerHeight: containerHeight
     });
-    return (react_1.default.createElement("div", { className: classes.root },
+    return (React.createElement("div", { className: classes.root },
         externalInputField,
-        react_1.default.createElement(Popper_1.default, { open: open, onClose: onClose, anchorEl: anchorEl, placement: "bottom-start", transition: true }, function (_a) {
+        React.createElement(Popper, { open: open, onClose: onClose, anchorEl: anchorEl, placement: "bottom-start", transition: true }, function (_a) {
             var TransitionProps = _a.TransitionProps;
-            return (react_1.default.createElement(Grow_1.default, __assign({}, TransitionProps),
-                react_1.default.createElement(Paper_1.default, __assign({ elevation: 2 }, paperProps),
-                    react_1.default.createElement("div", { className: classnames_1.default(commonStyles.container, className), style: { width: containerWidth } },
-                        react_1.default.createElement("div", { className: commonStyles.list }, listContent)))));
+            return (React.createElement(Grow, __assign({}, TransitionProps),
+                React.createElement(Paper, __assign({ elevation: 2 }, paperProps),
+                    React.createElement("div", { className: classnames(commonStyles.container, className), style: { width: containerWidth } },
+                        React.createElement("div", { className: commonStyles.list }, listContent)))));
         })));
 };
 SelectionPopupPopper.propTypes = {
-    open: prop_types_1.default.bool,
-    anchorEl: prop_types_1.default.object,
-    className: prop_types_1.default.string,
-    onClose: prop_types_1.default.func,
-    containerWidth: prop_types_1.default.number,
-    containerHeight: prop_types_1.default.number,
-    paperProps: prop_types_1.default.object,
-    listContent: prop_types_1.default.element,
-    externalInputField: prop_types_1.default.element,
-    classes: prop_types_1.default.shape({
-        root: prop_types_1.default.string
+    open: PropTypes.bool,
+    anchorEl: PropTypes.object,
+    className: PropTypes.string,
+    onClose: PropTypes.func,
+    containerWidth: PropTypes.number,
+    containerHeight: PropTypes.number,
+    paperProps: PropTypes.object,
+    listContent: PropTypes.element,
+    externalInputField: PropTypes.element,
+    classes: PropTypes.shape({
+        root: PropTypes.string
     })
 };
 SelectionPopupPopper.defaultProps = {
@@ -57,4 +52,4 @@ SelectionPopupPopper.defaultProps = {
         horizontal: 'right'
     }
 };
-exports.default = SelectionPopupPopper;
+export default SelectionPopupPopper;

package/components/SelectionPopup/helpers.js

@@ -1,38 +1,35 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useKeyboardNavigation = void 0;
-var react_1 = require("react");
-var ramda_1 = require("ramda");
-var VirtualGroupedList_1 = require("../VirtualGroupedList/VirtualGroupedList");
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { isNil } from 'ramda';
+import { isTitleItem } from '../VirtualGroupedList/VirtualGroupedList';
 var useKeyboardNavigation = function (_a) {
     var items = _a.items, open = _a.open, onSelectFocusedItem = _a.onSelectFocusedItem, selectedItems = _a.selectedItems, onClose = _a.onClose;
-    var _b = react_1.useState(null), focusIndex = _b[0], setFocusIndex = _b[1];
-    var restoreFocusIndex = react_1.useRef(false);
-    var increaseFocusIndex = react_1.useCallback(function (currentIndex) {
+    var _b = useState(null), focusIndex = _b[0], setFocusIndex = _b[1];
+    var restoreFocusIndex = useRef(false);
+    var increaseFocusIndex = useCallback(function (currentIndex) {
         var newIndex = currentIndex === null ? increaseFocusIndex(-1) : currentIndex;
         while (currentIndex !== null &&
             newIndex < items.length &&
-            (newIndex <= currentIndex || (newIndex >= 0 && VirtualGroupedList_1.isTitleItem(items[newIndex])))) {
+            (newIndex <= currentIndex || (newIndex >= 0 && isTitleItem(items[newIndex])))) {
             newIndex += 1;
         }
         return newIndex !== items.length ? newIndex : increaseFocusIndex(-1);
     }, [items]);
-    var decreaseFocusIndex = react_1.useCallback(function (currentIndex) {
+    var decreaseFocusIndex = useCallback(function (currentIndex) {
         var newIndex = currentIndex === null ? items.length - 1 : currentIndex;
         while (currentIndex !== null &&
             newIndex >= 0 &&
-            (newIndex >= currentIndex || VirtualGroupedList_1.isTitleItem(items[newIndex]))) {
+            (newIndex >= currentIndex || isTitleItem(items[newIndex]))) {
             newIndex -= 1;
         }
         return newIndex < 0 ? items.length - 1 : newIndex;
     }, [items]);
-    var handleSelectFocusedItem = react_1.useCallback(function () {
-        if (!ramda_1.isNil(focusIndex)) {
+    var handleSelectFocusedItem = useCallback(function () {
+        if (!isNil(focusIndex)) {
             var item = items[focusIndex].item;
             !item.item.notSelectable && onSelectFocusedItem({ item: item.item, groupData: item });
         }
     }, [onSelectFocusedItem, items, focusIndex]);
-    var handleKeyDown = react_1.useCallback(function (event) {
+    var handleKeyDown = useCallback(function (event) {
         if (items.length === 0) {
             return;
         }
@@ -58,7 +55,7 @@ var useKeyboardNavigation = function (_a) {
                 return;
         }
     }, [items, increaseFocusIndex, decreaseFocusIndex, handleSelectFocusedItem, onClose]);
-    react_1.useEffect(function () {
+    useEffect(function () {
         if (restoreFocusIndex.current) {
             restoreFocusIndex.current = false;
             var moveIndex = items.findIndex(function (listItem) { return listItem.item.moveTo; });
@@ -70,4 +67,4 @@ var useKeyboardNavigation = function (_a) {
     }, [items, open, selectedItems]);
     return { focusIndex: focusIndex, handleKeyDown: handleKeyDown };
 };
-exports.useKeyboardNavigation = useKeyboardNavigation;
+export { useKeyboardNavigation };

package/components/SelectionPopup/styles.js

@@ -1,8 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
+import { makeStyles } from '@material-ui/core/styles';
 var margin = '16px';
-var useStyles = styles_1.makeStyles(function () { return ({
+var useStyles = makeStyles(function () { return ({
     container: function (_a) {
         var _b = _a.containerHeight, containerHeight = _b === void 0 ? 553 : _b, containerWidth = _a.containerWidth;
         return {
@@ -38,4 +36,4 @@ var useStyles = styles_1.makeStyles(function () { return ({
         }
     }
 }); });
-exports.default = useStyles;
+export default useStyles;

package/components/SelectorWithOnlyOptionAutoSelect/SelectorWithOnlyOptionAutoSelect.js

@@ -1,49 +1,25 @@
-"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 __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 });
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var styles_1 = require("./styles");
-var DropDownEditor_1 = __importDefault(require("../editors/DropDownEditor/DropDownEditor"));
+import React, { useEffect } from 'react';
+import PropTypes from 'prop-types';
+import Typography from '@material-ui/core/Typography';
+import { useStyles } from './styles';
+import DropDownEditor from '../editors/DropDownEditor/DropDownEditor';
 var SelectorWithOnlyOptionAutoSelect = function (_a) {
     var value = _a.value, onChange = _a.onChange, options = _a.options, _b = _a.classes, classes = _b === void 0 ? {} : _b, emptyLabel = _a.emptyLabel;
-    var styles = styles_1.useStyles();
+    var styles = useStyles();
     var firstOption = options[0], moreOptions = options.slice(1);
     var hasOnlyOneOptionToSelect = moreOptions.length === 0;
-    react_1.useEffect(function () {
+    useEffect(function () {
         if (hasOnlyOneOptionToSelect && value !== firstOption.value) {
             onChange(firstOption.value);
         }
     }, [firstOption.value]); // eslint-disable-line
     var displayEmpty = !!emptyLabel;
-    return (react_1.default.createElement("div", { className: classes.root }, hasOnlyOneOptionToSelect ? (react_1.default.createElement(Typography_1.default, { className: classes.onlyValue || styles.onlyValue, variant: 'h6' }, firstOption.label)) : (react_1.default.createElement(DropDownEditor_1.default, { displayEmpty: displayEmpty, disableUnderline: true, classes: {
+    return (React.createElement("div", { className: classes.root }, hasOnlyOneOptionToSelect ? (React.createElement(Typography, { className: classes.onlyValue || styles.onlyValue, variant: 'h6' }, firstOption.label)) : (React.createElement(DropDownEditor, { displayEmpty: displayEmpty, disableUnderline: true, classes: {
             select: classes.select || styles.select
         }, TextFieldProps: {
             classes: {
@@ -56,19 +32,19 @@ var SelectorWithOnlyOptionAutoSelect = function (_a) {
         }, value: value || '', entries: displayEmpty ? __spreadArray([{ value: '', label: emptyLabel }], options) : options, onChange: function (value) { return onChange(value || null); } }))));
 };
 SelectorWithOnlyOptionAutoSelect.propTypes = {
-    value: prop_types_1.default.string,
-    onChange: prop_types_1.default.func,
-    options: prop_types_1.default.arrayOf(prop_types_1.default.shape({
-        value: prop_types_1.default.string,
-        label: prop_types_1.default.string
+    value: PropTypes.string,
+    onChange: PropTypes.func,
+    options: PropTypes.arrayOf(PropTypes.shape({
+        value: PropTypes.string,
+        label: PropTypes.string
     })),
-    classes: prop_types_1.default.shape({
-        root: prop_types_1.default.string,
-        onlyValue: prop_types_1.default.string,
-        select: prop_types_1.default.string,
-        selectMenu: prop_types_1.default.string,
-        textField: prop_types_1.default.string
+    classes: PropTypes.shape({
+        root: PropTypes.string,
+        onlyValue: PropTypes.string,
+        select: PropTypes.string,
+        selectMenu: PropTypes.string,
+        textField: PropTypes.string
     }),
-    emptyLabel: prop_types_1.default.string
+    emptyLabel: PropTypes.string
 };
-exports.default = SelectorWithOnlyOptionAutoSelect;
+export default SelectorWithOnlyOptionAutoSelect;

package/components/SelectorWithOnlyOptionAutoSelect/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({
     onlyValue: {
         color: 'rgba(0,0,0,.6)',
         fontSize: '13px',

package/components/SideIconPanel/SideButtonsPanel.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,22 +20,16 @@ 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.SideButtonsPanel = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var SmallIconButton_1 = require("../SmallIconButton");
-var styles_1 = require("./styles");
-var SideButtonsPanel = function (_a) {
+import React from 'react';
+import classnames from 'classnames';
+import { SmallIconButtonWithTooltip } from '../SmallIconButton';
+import { useStyles } from './styles';
+export var SideButtonsPanel = function (_a) {
     var buttonsProps = _a.buttonsProps, activeIndex = _a.activeIndex, className = _a.className, onButtonClick = _a.onButtonClick;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.container, className) }, buttonsProps.map(function (_a, index) {
+    var styles = useStyles();
+    return (React.createElement("div", { className: classnames(styles.container, className) }, buttonsProps.map(function (_a, index) {
         var _b;
         var id = _a.id, buttonProps = __rest(_a, ["id"]);
-        return (react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, __assign({}, buttonProps, { size: "S", key: id, className: classnames_1.default((_b = {}, _b[styles.active] = activeIndex === index, _b), styles.buttonWrapper), onClick: function () { return onButtonClick(index); }, "data-reltio-id": "reltio-profile-right-side-button-" + id })));
+        return (React.createElement(SmallIconButtonWithTooltip, __assign({}, buttonProps, { size: "S", key: id, className: classnames((_b = {}, _b[styles.active] = activeIndex === index, _b), styles.buttonWrapper), onClick: function () { return onButtonClick(index); }, "data-reltio-id": "reltio-profile-right-side-button-" + id })));
     })));
 };
-exports.SideButtonsPanel = SideButtonsPanel;

package/components/SideIconPanel/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 { fade, makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     container: {
         display: 'flex',
         flexDirection: 'column',
@@ -13,7 +10,7 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
         boxShadow: '0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2)'
     },
     active: {
-        backgroundColor: styles_1.fade(theme.palette.primary.main, 0.12),
+        backgroundColor: fade(theme.palette.primary.main, 0.12),
         '&:after': {
             content: '""',
             position: 'absolute',

package/components/SidePanel/SidePanel.js

@@ -1,16 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidePanel = void 0;
-var react_1 = __importDefault(require("react"));
-var styles_1 = require("./styles");
-var SidePanel = function (_a) {
+import React from 'react';
+import { useStyles } from './styles';
+export var SidePanel = function (_a) {
     var width = _a.width, open = _a.open, children = _a.children;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement("div", { className: styles.contentWrapper, style: {
+    var styles = useStyles();
+    return (React.createElement("div", { className: styles.contentWrapper, style: {
             width: (open ? width : 0) + "px"
-        } }, open && react_1.default.createElement(react_1.default.Fragment, null, children)));
+        } }, open && React.createElement(React.Fragment, null, children)));
 };
-exports.SidePanel = SidePanel;

package/components/SidePanel/SidePanelContentHeader/SidePanelContentHeader.js

@@ -1,24 +1,17 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidePanelContentHeader = void 0;
-var react_1 = __importDefault(require("react"));
-var Close_1 = __importDefault(require("@material-ui/icons/Close"));
-var styles_1 = require("./styles");
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var Divider_1 = __importDefault(require("@material-ui/core/Divider"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var SmallIconButton_1 = require("../../SmallIconButton");
-var SidePanelContentHeader = function (_a) {
+import React from 'react';
+import CloseIcon from '@material-ui/icons/Close';
+import { useStyles } from './styles';
+import Typography from '@material-ui/core/Typography';
+import Divider from '@material-ui/core/Divider';
+import i18n from 'ui-i18n';
+import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
+export var SidePanelContentHeader = function (_a) {
     var onClose = _a.onClose, mainTitle = _a.mainTitle, secondTitle = _a.secondTitle, rightContent = _a.rightContent;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement("div", { className: styles.container },
-        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { size: "S", icon: Close_1.default, onClick: onClose, className: styles.icon, tooltipTitle: ui_i18n_1.default.text('Close') }),
-        react_1.default.createElement(Typography_1.default, { variant: "h6" }, mainTitle),
-        react_1.default.createElement(Divider_1.default, { orientation: "vertical", flexItem: true, className: styles.divider }),
-        react_1.default.createElement(Typography_1.default, { variant: "body1", color: "textSecondary", className: styles.secondTitle }, secondTitle),
+    var styles = useStyles();
+    return (React.createElement("div", { className: styles.container },
+        React.createElement(SmallIconButtonWithTooltip, { size: "S", icon: CloseIcon, onClick: onClose, className: styles.icon, tooltipTitle: i18n.text('Close') }),
+        React.createElement(Typography, { variant: "h6" }, mainTitle),
+        React.createElement(Divider, { orientation: "vertical", flexItem: true, className: styles.divider }),
+        React.createElement(Typography, { variant: "body1", color: "textSecondary", className: styles.secondTitle }, secondTitle),
         rightContent));
 };
-exports.SidePanelContentHeader = SidePanelContentHeader;

package/components/SidePanel/SidePanelContentHeader/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: {
         display: 'flex',
         flexShrink: 0,

package/components/SidePanel/styles.js

@@ -1,14 +1,11 @@
-"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 ({
     contentWrapper: {
         display: 'flex',
         flexDirection: 'column',
         backgroundColor: theme.palette.background.paper,
         boxShadow: '0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2)',
-        marginLeft: '1px',
+        marginLeft: '3px',
         transition: theme.transitions.create(['width'], {
             duration: theme.transitions.duration.enteringScreen
         })

package/components/SimpleDropDownSelector/DropDownPlaceholder.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,22 +9,18 @@ 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 react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var styles_1 = __importDefault(require("./styles"));
+import React from 'react';
+import PropTypes from 'prop-types';
+import Typography from '@material-ui/core/Typography';
+import useStyles from './styles';
 var DropDownPlaceholder = function (props) {
-    var styles = styles_1.default();
+    var styles = useStyles();
     var _a = props.innerProps, innerProps = _a === void 0 ? {} : _a, children = props.children;
-    return (react_1.default.createElement(Typography_1.default, __assign({ className: styles.placeholder }, innerProps), children));
+    return (React.createElement(Typography, __assign({ className: styles.placeholder }, innerProps), children));
 };
 DropDownPlaceholder.propTypes = {
-    children: prop_types_1.default.node,
-    innerProps: prop_types_1.default.object,
-    selectProps: prop_types_1.default.object.isRequired
+    children: PropTypes.node,
+    innerProps: PropTypes.object,
+    selectProps: PropTypes.object.isRequired
 };
-exports.default = DropDownPlaceholder;
+export default DropDownPlaceholder;

package/components/SimpleDropDownSelector/DropDownValue.js

@@ -1,23 +1,18 @@
-"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 Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var styles_1 = __importDefault(require("./styles"));
+import React from 'react';
+import PropTypes from 'prop-types';
+import Typography from '@material-ui/core/Typography';
+import useStyles from './styles';
 var DropDownValue = function (_a) {
     var menuIsOpen = _a.selectProps.menuIsOpen, label = _a.data.label;
-    var styles = styles_1.default();
-    return (!menuIsOpen && (react_1.default.createElement(Typography_1.default, { variant: "body2", classes: { root: styles.value } }, label)));
+    var styles = useStyles();
+    return (!menuIsOpen && (React.createElement(Typography, { variant: "body2", classes: { root: styles.value } }, label)));
 };
 DropDownValue.propTypes = {
-    selectProps: prop_types_1.default.shape({
-        menuIsOpen: prop_types_1.default.bool
+    selectProps: PropTypes.shape({
+        menuIsOpen: PropTypes.bool
     }),
-    data: prop_types_1.default.shape({
-        label: prop_types_1.default.string
+    data: PropTypes.shape({
+        label: PropTypes.string
     })
 };
-exports.default = DropDownValue;
+export default DropDownValue;

package/components/SimpleDropDownSelector/SimpleDropDownSelector.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,20 +20,16 @@ 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 = __importStar(require("react"));
-var DropDownSelector_1 = __importDefault(require("../DropDownSelector/DropDownSelector"));
-var DropDownValue_1 = __importDefault(require("./DropDownValue"));
-var DropDownPlaceholder_1 = __importDefault(require("./DropDownPlaceholder"));
+import React, { memo } from 'react';
+import DropDownSelector from '../DropDownSelector/DropDownSelector';
+import DropDownValue from './DropDownValue';
+import DropDownPlaceholder from './DropDownPlaceholder';
 var components = {
-    SingleValue: DropDownValue_1.default,
-    Placeholder: DropDownPlaceholder_1.default
+    SingleValue: DropDownValue,
+    Placeholder: DropDownPlaceholder
 };
 var SimpleDropDownSelector = function (_a) {
     var otherProps = __rest(_a, []);
-    return react_1.default.createElement(DropDownSelector_1.default, __assign({ components: components }, otherProps));
+    return React.createElement(DropDownSelector, __assign({ components: components }, otherProps));
 };
-exports.default = react_1.memo(SimpleDropDownSelector);
+export default memo(SimpleDropDownSelector);

package/components/SimpleDropDownSelector/styles.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
-var styles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+var styles = makeStyles({
     value: {
         color: 'rgba(0, 0, 0, 0.87)'
     },
@@ -10,4 +8,4 @@ var styles = styles_1.makeStyles({
         fontSize: '14px !important'
     }
 });
-exports.default = styles;
+export default styles;