@corva/ui 0.65.0-1-test → 0.65.0-2

package/components/CommentLoader.js

@@ -1,84 +1 @@
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
-import _inherits from '@babel/runtime/helpers/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { createRef, PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import LoadingIndicator from './LoadingIndicator/LoadingIndicator.js';
-import CommentWrapper from './CommentWrapper.js';
-import { jsx } from 'react/jsx-runtime';
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var styles = {
-  // NOTE: Centers the LoadingIndicator
-  loadingIndicatorWrapper: {
-    padding: '0 20px 0 0'
-  }
-};
-var muiStyles = {
-  commentWrapper: {
-    width: 'calc(100% - 28px)' // NOTE: 28 === settings icon size.
-  }
-};
-var CommentLoader = /*#__PURE__*/function (_PureComponent) {
-  _inherits(CommentLoader, _PureComponent);
-  var _super = _createSuper(CommentLoader);
-  function CommentLoader(props) {
-    var _this;
-    _classCallCheck(this, CommentLoader);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "showIntoView", function () {
-      _this.commentLoaderEl.current.scrollIntoView({
-        block: 'end'
-      });
-    });
-    _this.commentLoaderEl = createRef();
-    return _this;
-  }
-  _createClass(CommentLoader, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.props.showOnMount) {
-        this.showIntoView();
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/jsx("div", {
-        ref: this.commentLoaderEl,
-        children: /*#__PURE__*/jsx(CommentWrapper, {
-          spaceAround: this.props.spaceAround,
-          isLoader: true,
-          className: this.props.classes.commentWrapper,
-          children: /*#__PURE__*/jsx("div", {
-            style: styles.loadingIndicatorWrapper,
-            children: /*#__PURE__*/jsx(LoadingIndicator, {
-              fullscreen: false,
-              size: 30
-            })
-          })
-        })
-      });
-    }
-  }]);
-  return CommentLoader;
-}(PureComponent);
-CommentLoader.propTypes = {
-  showOnMount: PropTypes.bool,
-  spaceAround: PropTypes.bool,
-  classes: PropTypes.shape({}).isRequired
-};
-CommentLoader.defaultProps = {
-  showOnMount: false,
-  spaceAround: false
-};
-var CommentLoader$1 = withStyles(muiStyles)(CommentLoader);
-
-export { CommentLoader$1 as default };
-//# sourceMappingURL=CommentLoader.js.map
+import r from"@babel/runtime/helpers/classCallCheck";import e from"@babel/runtime/helpers/createClass";import t from"@babel/runtime/helpers/assertThisInitialized";import o from"@babel/runtime/helpers/inherits";import n from"@babel/runtime/helpers/possibleConstructorReturn";import i from"@babel/runtime/helpers/getPrototypeOf";import s from"@babel/runtime/helpers/defineProperty";import{createRef as a,PureComponent as c}from"react";import p from"prop-types";import{withStyles as l}from"@material-ui/core/styles";import u from"./LoadingIndicator/LoadingIndicator.js";import m from"./CommentWrapper.js";import{jsx as f}from"react/jsx-runtime";function d(r){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var t,o=i(r);if(e){var s=i(this).constructor;t=Reflect.construct(o,arguments,s)}else t=o.apply(this,arguments);return n(this,t)}}var h={loadingIndicatorWrapper:{padding:"0 20px 0 0"}},b=function(n){o(p,c);var i=d(p);function p(e){var o;return r(this,p),o=i.call(this,e),s(t(o),"showIntoView",(function(){o.commentLoaderEl.current.scrollIntoView({block:"end"})})),o.commentLoaderEl=a(),o}return e(p,[{key:"componentDidMount",value:function(){this.props.showOnMount&&this.showIntoView()}},{key:"render",value:function(){return f("div",{ref:this.commentLoaderEl,children:f(m,{spaceAround:this.props.spaceAround,isLoader:!0,className:this.props.classes.commentWrapper,children:f("div",{style:h.loadingIndicatorWrapper,children:f(u,{fullscreen:!1,size:30})})})})}}]),p}();b.propTypes={showOnMount:p.bool,spaceAround:p.bool,classes:p.shape({}).isRequired},b.defaultProps={showOnMount:!1,spaceAround:!1};var y=l({commentWrapper:{width:"calc(100% - 28px)"}})(b);export{y as default};

package/components/CommentWrapper.js

@@ -1,71 +1 @@
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import Paper from '@material-ui/core/Paper';
-import { jsx } from 'react/jsx-runtime';
-
-var muiStyles = {
-  paperBase: {
-    backgroundColor: 'transparent',
-    position: 'relative'
-  },
-  // NOTE: With all margins and paddings it equals to 60 px for one-line feed item comment
-  paperRoot: {
-    marginBottom: 8
-  },
-  // NOTE: With all margins and paddings it equals to 70 px for one-line alert item comment
-  paperRootSpaceAround: {
-    margin: '5px 0 10px',
-    padding: 11
-  },
-  // NOTE: Makes CommentLoader have the same height as one-line Comment
-  paperRootLoader: {
-    margin: '5px 0',
-    minHeight: 60
-  },
-  // NOTE: Makes CommentLoader have the same height as one-line Comment with space around
-  paperRootLoaderSpaceAround: {
-    margin: '5px 0 10px',
-    padding: '4px 0 6px'
-  }
-};
-var getPaperRoot = function getPaperRoot(classes, spaceAround, isLoader) {
-  if (isLoader && spaceAround) {
-    return classes.paperRootLoaderSpaceAround;
-  } else if (isLoader && !spaceAround) {
-    return classes.paperRootLoader;
-  } else if (!isLoader && spaceAround) {
-    return classes.paperRootSpaceAround;
-  } else if (!isLoader && !spaceAround) {
-    return classes.paperRoot;
-  }
-  return null;
-};
-var CommentWrapper = function CommentWrapper(_ref) {
-  var spaceAround = _ref.spaceAround,
-    isLoader = _ref.isLoader,
-    children = _ref.children,
-    classes = _ref.classes,
-    className = _ref.className;
-  return /*#__PURE__*/jsx(Paper, {
-    className: classNames(getPaperRoot(classes, spaceAround, isLoader), classes.paperBase, className),
-    elevation: 0,
-    children: children
-  });
-};
-CommentWrapper.propTypes = {
-  spaceAround: PropTypes.bool,
-  isLoader: PropTypes.bool,
-  children: PropTypes.node.isRequired,
-  className: PropTypes.string,
-  classes: PropTypes.shape({}).isRequired
-};
-CommentWrapper.defaultProps = {
-  spaceAround: false,
-  isLoader: false,
-  className: undefined
-};
-var CommentWrapper$1 = withStyles(muiStyles)(CommentWrapper);
-
-export { CommentWrapper$1 as default };
-//# sourceMappingURL=CommentWrapper.js.map
+import r from"prop-types";import e from"classnames";import{withStyles as a}from"@material-ui/core/styles";import o from"@material-ui/core/Paper";import{jsx as p}from"react/jsx-runtime";var s=function(r,e,a){return a&&e?r.paperRootLoaderSpaceAround:a&&!e?r.paperRootLoader:!a&&e?r.paperRootSpaceAround:a||e?null:r.paperRoot},i=function(r){var a=r.spaceAround,i=r.isLoader,t=r.children,n=r.classes,d=r.className;return p(o,{className:e(s(n,a,i),n.paperBase,d),elevation:0,children:t})};i.propTypes={spaceAround:r.bool,isLoader:r.bool,children:r.node.isRequired,className:r.string,classes:r.shape({}).isRequired},i.defaultProps={spaceAround:!1,isLoader:!1,className:void 0};var t=a({paperBase:{backgroundColor:"transparent",position:"relative"},paperRoot:{marginBottom:8},paperRootSpaceAround:{margin:"5px 0 10px",padding:11},paperRootLoader:{margin:"5px 0",minHeight:60},paperRootLoaderSpaceAround:{margin:"5px 0 10px",padding:"4px 0 6px"}})(i);export{t as default};

package/components/CommentsInfo/index.js

@@ -1,147 +1 @@
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import { Tooltip, Typography } from '@material-ui/core';
-import grey from '@material-ui/core/colors/grey';
-import { isNativeDetected } from '../../utils/mobileDetect.js';
-import Avatar from '../Avatar/index.js';
-import UserCardPopover from '../UserCardPopover.js';
-import styles from './styles.css.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var PAGE_NAME = 'FeedPo';
-var REACTIONS_VISIBLE_AMOUNT = 19; // NOTE: Max 20 lines
-
-var getUserFullName = function getUserFullName(user) {
-  return user ? "".concat(user.first_name, " ").concat(user.last_name) : '';
-};
-var ReactionsTooltip = function ReactionsTooltip(_ref) {
-  var users = _ref.users,
-    noReactionsText = _ref.noReactionsText;
-  var reactionsAmount = users.length;
-  if (!reactionsAmount) {
-    return noReactionsText;
-  }
-  var reactionsInvisibleText = '';
-  if (reactionsAmount > REACTIONS_VISIBLE_AMOUNT) {
-    var reactionsInvisibleAmount = reactionsAmount - REACTIONS_VISIBLE_AMOUNT;
-    reactionsInvisibleText = "\nand ".concat(reactionsInvisibleAmount, " more...");
-  }
-  var reactionsVisibleText = users.slice(0, REACTIONS_VISIBLE_AMOUNT).join('\n');
-  return "".concat(reactionsVisibleText).concat(reactionsInvisibleText);
-};
-var NO_LIKES_TEXT = 'Nobody likes this yet...';
-var NO_COMMENTS_TEXT = 'Nobody commented this yet...';
-var CommentsInfo = function CommentsInfo(_ref2) {
-  var likesCount = _ref2.likesCount,
-    usersWhoLike = _ref2.usersWhoLike,
-    commentsCount = _ref2.commentsCount,
-    usersWhoCommented = _ref2.usersWhoCommented,
-    onCommentsClick = _ref2.onCommentsClick,
-    currentUser = _ref2.currentUser,
-    activeUsersList = _ref2.activeUsersList,
-    classes = _ref2.classes,
-    isNative = _ref2.isNative,
-    small = _ref2.small;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [!!likesCount && /*#__PURE__*/jsx(Tooltip, {
-      title: /*#__PURE__*/jsx(ReactionsTooltip, {
-        users: usersWhoLike,
-        noReactionsText: NO_LIKES_TEXT
-      }),
-      enterTouchDelay: 0,
-      classes: {
-        popper: classes.tooltip
-      },
-      placement: "top",
-      children: /*#__PURE__*/jsxs(Typography, {
-        "data-testid": "".concat(PAGE_NAME, "_likesCounter_").concat(likesCount),
-        className: classes.reactionTypographyRoot,
-        variant: "caption",
-        children: ["Likes ", likesCount]
-      })
-    }), !!commentsCount && /*#__PURE__*/jsx("span", {
-      onClick: onCommentsClick,
-      children: /*#__PURE__*/jsx(Tooltip, {
-        title: /*#__PURE__*/jsx(ReactionsTooltip, {
-          users: usersWhoCommented,
-          noReactionsText: NO_COMMENTS_TEXT
-        }),
-        enterTouchDelay: 0,
-        classes: {
-          popper: classes.tooltip
-        },
-        placement: "top",
-        children: /*#__PURE__*/jsxs(Typography, {
-          "data-testid": "".concat(PAGE_NAME, "_commentsCounter_").concat(commentsCount),
-          className: classes.reactionTypographyRoot,
-          variant: "caption",
-          children: ["Comments ", commentsCount]
-        })
-      })
-    }), /*#__PURE__*/jsx("div", {
-      "data-testid": "".concat(PAGE_NAME, "_activeUsersCounter_").concat(activeUsersList && activeUsersList.length),
-      className: styles.cCommentsInfoActiveUsersList,
-      children: activeUsersList.map(function (user) {
-        return isNative ? /*#__PURE__*/jsx(Avatar, {
-          displayName: getUserFullName(user),
-          imgSrc: user.profile_photo,
-          className: classes.avatarInList,
-          size: small ? 24 : 32
-        }, user.id) : /*#__PURE__*/jsx(UserCardPopover, {
-          user: user,
-          currentUser: currentUser,
-          children: /*#__PURE__*/jsx(Avatar, {
-            displayName: getUserFullName(user),
-            imgSrc: user.profile_photo,
-            size: small ? 24 : 32,
-            className: classes.avatarInList
-          })
-        }, user.id);
-      })
-    })]
-  });
-};
-var muiStyles = {
-  reactionTypographyRoot: {
-    color: grey[400],
-    margin: '0 8px',
-    cursor: 'pointer',
-    '&:hover': {
-      textDecoration: 'underline',
-      textUnderlineOffset: '4px',
-      color: '#fff'
-    }
-  },
-  avatarInList: {
-    marginRight: 3,
-    borderWidth: 1
-  },
-  tooltip: {
-    whiteSpace: 'pre-line'
-  }
-};
-CommentsInfo.propTypes = {
-  likesCount: PropTypes.number,
-  usersWhoLike: PropTypes.arrayOf(PropTypes.shape({})),
-  commentsCount: PropTypes.number,
-  usersWhoCommented: PropTypes.arrayOf(PropTypes.string).isRequired,
-  onCommentsClick: PropTypes.func,
-  activeUsersList: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-  classes: PropTypes.shape({}).isRequired,
-  isNative: PropTypes.bool,
-  small: PropTypes.bool,
-  currentUser: PropTypes.shape({})
-};
-CommentsInfo.defaultProps = {
-  likesCount: 0,
-  usersWhoLike: [],
-  commentsCount: 0,
-  onCommentsClick: function onCommentsClick() {},
-  small: false,
-  isNative: isNativeDetected,
-  currentUser: {}
-};
-var CommentsInfo$1 = withStyles(muiStyles)(CommentsInfo);
-
-export { CommentsInfo$1 as default };
-//# sourceMappingURL=index.js.map
+import e from"prop-types";import{withStyles as t}from"@material-ui/core/styles";import{Tooltip as o,Typography as r}from"@material-ui/core";import s from"@material-ui/core/colors/grey";import{isNativeDetected as i}from"../../utils/mobileDetect.js";import a from"../Avatar/index.js";import n from"../UserCardPopover.js";import c from"./styles.css.js";import{jsxs as m,Fragment as l,jsx as p}from"react/jsx-runtime";var u=function(e){return e?"".concat(e.first_name," ").concat(e.last_name):""},d=function(e){var t=e.users,o=e.noReactionsText,r=t.length;if(!r)return o;var s="";r>19&&(s="\nand ".concat(r-19," more..."));var i=t.slice(0,19).join("\n");return"".concat(i).concat(s)},h=function(e){var t=e.likesCount,s=e.usersWhoLike,i=e.commentsCount,h=e.usersWhoCommented,f=e.onCommentsClick,v=e.currentUser,y=e.activeUsersList,C=e.classes,k=e.isNative,g=e.small;return m(l,{children:[!!t&&p(o,{title:p(d,{users:s,noReactionsText:"Nobody likes this yet..."}),enterTouchDelay:0,classes:{popper:C.tooltip},placement:"top",children:m(r,{"data-testid":"".concat("FeedPo","_likesCounter_").concat(t),className:C.reactionTypographyRoot,variant:"caption",children:["Likes ",t]})}),!!i&&p("span",{onClick:f,children:p(o,{title:p(d,{users:h,noReactionsText:"Nobody commented this yet..."}),enterTouchDelay:0,classes:{popper:C.tooltip},placement:"top",children:m(r,{"data-testid":"".concat("FeedPo","_commentsCounter_").concat(i),className:C.reactionTypographyRoot,variant:"caption",children:["Comments ",i]})})}),p("div",{"data-testid":"".concat("FeedPo","_activeUsersCounter_").concat(y&&y.length),className:c.cCommentsInfoActiveUsersList,children:y.map((function(e){return k?p(a,{displayName:u(e),imgSrc:e.profile_photo,className:C.avatarInList,size:g?24:32},e.id):p(n,{user:e,currentUser:v,children:p(a,{displayName:u(e),imgSrc:e.profile_photo,size:g?24:32,className:C.avatarInList})},e.id)}))})]})},f={reactionTypographyRoot:{color:s[400],margin:"0 8px",cursor:"pointer","&:hover":{textDecoration:"underline",textUnderlineOffset:"4px",color:"#fff"}},avatarInList:{marginRight:3,borderWidth:1},tooltip:{whiteSpace:"pre-line"}};h.propTypes={likesCount:e.number,usersWhoLike:e.arrayOf(e.shape({})),commentsCount:e.number,usersWhoCommented:e.arrayOf(e.string).isRequired,onCommentsClick:e.func,activeUsersList:e.arrayOf(e.shape({})).isRequired,classes:e.shape({}).isRequired,isNative:e.bool,small:e.bool,currentUser:e.shape({})},h.defaultProps={likesCount:0,usersWhoLike:[],commentsCount:0,onCommentsClick:function(){},small:!1,isNative:i,currentUser:{}};var v=t(f)(h);export{v as default};

package/components/CommentsInfo/styles.css.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".styles_cCommentsInfoActiveUsersList__zzjgQ {\n  display: flex;\n  align-items: center;\n  flex-direction: row-reverse;\n}\n.styles_cCommentsInfoActiveUsersList__zzjgQ > div {\n  margin-right: -7px;\n}\n";
-var styles = {"cCommentsInfoActiveUsersList":"styles_cCommentsInfoActiveUsersList__zzjgQ"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=styles.css.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var s={cCommentsInfoActiveUsersList:"styles_cCommentsInfoActiveUsersList__zzjgQ"};e(".styles_cCommentsInfoActiveUsersList__zzjgQ{align-items:center;display:flex;flex-direction:row-reverse}.styles_cCommentsInfoActiveUsersList__zzjgQ>div{margin-right:-7px}");export{s as default};

package/components/ConfirmationDialog.js

@@ -1,136 +1 @@
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _inherits from '@babel/runtime/helpers/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import Typography from '@material-ui/core/Typography';
-import TextField from '@material-ui/core/TextField';
-import DialogTitle from '@material-ui/core/DialogTitle';
-import DialogContent from '@material-ui/core/DialogContent';
-import DialogContentText from '@material-ui/core/DialogContentText';
-import DialogActions from '@material-ui/core/DialogActions';
-import Button from '@material-ui/core/Button';
-import Dialog from '@material-ui/core/Dialog';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var PAGE_NAME = 'confirmationDialog';
-var muiStyles = {
-  actionButton: {
-    marginLeft: 15
-  },
-  confirmation: {
-    marginTop: 10
-  }
-};
-var ConfirmationDialog = /*#__PURE__*/function (_Component) {
-  _inherits(ConfirmationDialog, _Component);
-  var _super = _createSuper(ConfirmationDialog);
-  function ConfirmationDialog(props) {
-    var _this;
-    _classCallCheck(this, ConfirmationDialog);
-    _this = _super.call(this, props);
-    _this.state = {
-      confirmationTextField: ''
-    };
-    return _this;
-  }
-  _createClass(ConfirmationDialog, [{
-    key: "actions",
-    get: function get() {
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [this.props.isShowCancel && /*#__PURE__*/jsx(Button, {
-          variant: "text",
-          "data-testid": "".concat(PAGE_NAME, "_cancelButton"),
-          className: this.props.classes.actionButton,
-          onClick: this.props.handleClose,
-          color: "primary",
-          children: "Cancel"
-        }), /*#__PURE__*/jsx(Button, {
-          variant: "contained",
-          "data-testid": "".concat(PAGE_NAME, "_confirmButton"),
-          className: this.props.classes.actionButton,
-          onClick: this.props.handleOk,
-          disabled: this.props.disableOk || this.props.confirmationText && this.props.confirmation !== this.state.confirmationTextField,
-          color: "primary",
-          children: this.props.okText
-        })]
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/jsxs(Dialog, {
-        open: this.props.open,
-        onClose: this.props.handleClose,
-        "aria-labelledby": "confirmation-dialog-title",
-        classes: {
-          paper: this.props.classes.paper
-        },
-        children: [/*#__PURE__*/jsx(DialogTitle, {
-          id: "confirmation-dialog-title",
-          children: this.props.title
-        }), /*#__PURE__*/jsx(DialogContent, {
-          children: /*#__PURE__*/jsxs(DialogContentText, {
-            children: [/*#__PURE__*/jsx(Typography, {
-              variant: "body2",
-              className: this.props.classes.content,
-              children: this.props.text
-            }), this.props.confirmationText && /*#__PURE__*/jsx(TextField, {
-              fullWidth: true,
-              "data-testid": "".concat(PAGE_NAME, "_input"),
-              label: this.props.confirmationText,
-              value: this.state.confirmationTextField,
-              onChange: function onChange(e) {
-                return _this2.setState({
-                  confirmationTextField: e.target.value
-                });
-              },
-              className: this.props.classes.confirmation
-            })]
-          })
-        }), /*#__PURE__*/jsx(DialogActions, {
-          className: this.props.classes.actions,
-          children: this.actions
-        })]
-      });
-    }
-  }]);
-  return ConfirmationDialog;
-}(Component);
-ConfirmationDialog.propTypes = {
-  open: PropTypes.bool.isRequired,
-  title: PropTypes.string,
-  text: PropTypes.string.isRequired,
-  confirmationText: PropTypes.string,
-  confirmation: PropTypes.string,
-  handleClose: PropTypes.func,
-  handleOk: PropTypes.func,
-  okText: PropTypes.string,
-  disableOk: PropTypes.bool,
-  isShowCancel: PropTypes.bool,
-  classes: PropTypes.shape({}).isRequired
-};
-ConfirmationDialog.defaultProps = {
-  title: undefined,
-  confirmationText: null,
-  confirmation: '',
-  okText: 'Ok',
-  handleOk: function handleOk() {
-    return undefined;
-  },
-  handleClose: function handleClose() {
-    return undefined;
-  },
-  disableOk: false,
-  isShowCancel: true
-};
-var ConfirmationDialog$1 = withStyles(muiStyles)(ConfirmationDialog);
-
-export { ConfirmationDialog$1 as default };
-//# sourceMappingURL=ConfirmationDialog.js.map
+import t from"@babel/runtime/helpers/classCallCheck";import e from"@babel/runtime/helpers/createClass";import i from"@babel/runtime/helpers/inherits";import o from"@babel/runtime/helpers/possibleConstructorReturn";import r from"@babel/runtime/helpers/getPrototypeOf";import{Component as n}from"react";import a from"prop-types";import{withStyles as s}from"@material-ui/core/styles";import l from"@material-ui/core/Typography";import c from"@material-ui/core/TextField";import p from"@material-ui/core/DialogTitle";import m from"@material-ui/core/DialogContent";import f from"@material-ui/core/DialogContentText";import u from"@material-ui/core/DialogActions";import h from"@material-ui/core/Button";import d from"@material-ui/core/Dialog";import{jsxs as b,Fragment as g,jsx as x}from"react/jsx-runtime";function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=r(t);if(e){var a=r(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return o(this,i)}}var C="confirmationDialog",T=function(o){i(a,n);var r=y(a);function a(e){var i;return t(this,a),(i=r.call(this,e)).state={confirmationTextField:""},i}return e(a,[{key:"actions",get:function(){return b(g,{children:[this.props.isShowCancel&&x(h,{variant:"text","data-testid":"".concat(C,"_cancelButton"),className:this.props.classes.actionButton,onClick:this.props.handleClose,color:"primary",children:"Cancel"}),x(h,{variant:"contained","data-testid":"".concat(C,"_confirmButton"),className:this.props.classes.actionButton,onClick:this.props.handleOk,disabled:this.props.disableOk||this.props.confirmationText&&this.props.confirmation!==this.state.confirmationTextField,color:"primary",children:this.props.okText})]})}},{key:"render",value:function(){var t=this;return b(d,{open:this.props.open,onClose:this.props.handleClose,"aria-labelledby":"confirmation-dialog-title",classes:{paper:this.props.classes.paper},children:[x(p,{id:"confirmation-dialog-title",children:this.props.title}),x(m,{children:b(f,{children:[x(l,{variant:"body2",className:this.props.classes.content,children:this.props.text}),this.props.confirmationText&&x(c,{fullWidth:!0,"data-testid":"".concat(C,"_input"),label:this.props.confirmationText,value:this.state.confirmationTextField,onChange:function(e){return t.setState({confirmationTextField:e.target.value})},className:this.props.classes.confirmation})]})}),x(u,{className:this.props.classes.actions,children:this.actions})]})}}]),a}();T.propTypes={open:a.bool.isRequired,title:a.string,text:a.string.isRequired,confirmationText:a.string,confirmation:a.string,handleClose:a.func,handleOk:a.func,okText:a.string,disableOk:a.bool,isShowCancel:a.bool,classes:a.shape({}).isRequired},T.defaultProps={title:void 0,confirmationText:null,confirmation:"",okText:"Ok",handleOk:function(){},handleClose:function(){},disableOk:!1,isShowCancel:!0};var v=s({actionButton:{marginLeft:15},confirmation:{marginTop:10}})(T);export{v as default};

package/components/ContextMenuItem/index.js

@@ -1,82 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import ListItemIcon from '@material-ui/core/ListItemIcon';
-import { makeStyles } from '@material-ui/core';
-import MenuItem from '../MenuItem/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _excluded = ["classes", "icon", "children", "small"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var useStyles = makeStyles(function (theme) {
-  return {
-    menuItem: {
-      height: function height(_ref) {
-        var small = _ref.small;
-        return small ? 36 : 54;
-      },
-      lineHeight: function lineHeight(_ref2) {
-        var small = _ref2.small;
-        return small ? '17px' : '24px';
-      },
-      '&:hover svg': {
-        fill: function fill(_ref3) {
-          var disabled = _ref3.disabled;
-          return disabled ? theme.palette.primary.text9 : theme.palette.primary.contrastText;
-        }
-      }
-    },
-    listItemIcon: {
-      paddingRight: theme.spacing(1),
-      color: function color(_ref4) {
-        var disabled = _ref4.disabled;
-        return disabled ? theme.palette.primary.text9 : theme.palette.primary.text7;
-      },
-      minWidth: 'auto',
-      fontSize: function fontSize(_ref5) {
-        var small = _ref5.small;
-        return small ? 16 : 24;
-      },
-      '& .MuiSvgIcon-root': {
-        fontSize: 'inherit'
-      }
-    }
-  };
-});
-var ContextMenuItem = function ContextMenuItem(_ref6) {
-  var _ref6$classes = _ref6.classes,
-    classes = _ref6$classes === void 0 ? {} : _ref6$classes,
-    icon = _ref6.icon,
-    children = _ref6.children,
-    small = _ref6.small,
-    otherProps = _objectWithoutProperties(_ref6, _excluded);
-  var styles = useStyles({
-    small: small,
-    disabled: otherProps.disabled
-  });
-  return /*#__PURE__*/jsxs(MenuItem, _objectSpread(_objectSpread({
-    classes: _objectSpread(_objectSpread({}, classes), {}, {
-      root: classNames(styles.menuItem, classes.root)
-    })
-  }, otherProps), {}, {
-    children: [/*#__PURE__*/jsx(ListItemIcon, {
-      classes: {
-        root: styles.listItemIcon
-      },
-      children: icon
-    }), children]
-  }));
-};
-ContextMenuItem.propTypes = {
-  children: PropTypes.node.isRequired,
-  icon: PropTypes.node.isRequired,
-  small: PropTypes.bool
-};
-ContextMenuItem.defaultProps = {
-  small: false
-};
-
-export { ContextMenuItem as default };
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import r from"prop-types";import o from"classnames";import i from"@material-ui/core/ListItemIcon";import{makeStyles as n}from"@material-ui/core";import l from"../MenuItem/index.js";import{jsxs as s,jsx as c}from"react/jsx-runtime";var a=["classes","icon","children","small"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function m(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?p(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var u=n((function(e){return{menuItem:{height:function(e){return e.small?36:54},lineHeight:function(e){return e.small?"17px":"24px"},"&:hover svg":{fill:function(t){return t.disabled?e.palette.primary.text9:e.palette.primary.contrastText}}},listItemIcon:{paddingRight:e.spacing(1),color:function(t){return t.disabled?e.palette.primary.text9:e.palette.primary.text7},minWidth:"auto",fontSize:function(e){return e.small?16:24},"& .MuiSvgIcon-root":{fontSize:"inherit"}}}})),f=function(e){var r=e.classes,n=void 0===r?{}:r,p=e.icon,f=e.children,d=e.small,b=t(e,a),h=u({small:d,disabled:b.disabled});return s(l,m(m({classes:m(m({},n),{},{root:o(h.menuItem,n.root)})},b),{},{children:[c(i,{classes:{root:h.listItemIcon},children:p}),f]}))};f.propTypes={children:r.node.isRequired,icon:r.node.isRequired,small:r.bool},f.defaultProps={small:!1};export{f as default};

package/components/CopyToClipboard/CopyToClipboard.js

@@ -1,88 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useEffect } from 'react';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import { makeStyles, Tooltip } from '@material-ui/core';
-import FileCopyIcon from '@material-ui/icons/FileCopy';
-import utils from '../../utils/main.js';
-import { jsx } from 'react/jsx-runtime';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    icon: {
-      cursor: 'pointer'
-    },
-    tooltip: {
-      color: theme.palette.primary.text6,
-      backgroundColor: 'rgba(20, 20, 20, 0.5)'
-    }
-  };
-});
-var CopyToClipboard = function CopyToClipboard(_ref) {
-  var children = _ref.children,
-    classes = _ref.classes,
-    dataTestId = _ref.dataTestId,
-    IconComponent = _ref.IconComponent,
-    tooltipProps = _ref.tooltipProps;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpenedTooltip = _useState2[0],
-    setIsOpenedTooltip = _useState2[1];
-  var styles = useStyles();
-  var handleCopyText = function handleCopyText() {
-    setIsOpenedTooltip(true);
-    utils.copyToClipboard(children);
-  };
-  useEffect(function () {
-    var openedTooltipTimeout = setTimeout(function () {
-      setIsOpenedTooltip(false);
-    }, tooltipProps.delay);
-    return function () {
-      return clearTimeout(openedTooltipTimeout);
-    };
-  }, [isOpenedTooltip]);
-  return /*#__PURE__*/jsx(Tooltip, {
-    classes: {
-      tooltip: classNames(styles.tooltip, classes.tooltip),
-      popper: classNames(styles.tooltipPopper, classes.tooltipPopper)
-    },
-    title: tooltipProps.title,
-    open: isOpenedTooltip,
-    disableFocusListener: true,
-    disableHoverListener: true,
-    placement: tooltipProps.placement,
-    children: /*#__PURE__*/jsx(IconComponent, {
-      className: classNames(styles.icon, classes.icon),
-      "data-testid": dataTestId,
-      onClick: handleCopyText
-    })
-  });
-};
-CopyToClipboard.propTypes = {
-  children: PropTypes.string.isRequired,
-  dataTestId: PropTypes.string,
-  IconComponent: PropTypes.shape({}),
-  tooltipProps: PropTypes.shape({
-    title: PropTypes.string,
-    placement: PropTypes.string,
-    delay: PropTypes.number
-  }),
-  classes: PropTypes.shape({
-    icon: PropTypes.string,
-    tooltip: PropTypes.string,
-    tooltipPopper: PropTypes.string
-  })
-};
-CopyToClipboard.defaultProps = {
-  dataTestId: null,
-  IconComponent: FileCopyIcon,
-  tooltipProps: {
-    title: 'Copied',
-    placement: 'top',
-    delay: 1500
-  },
-  classes: {}
-};
-
-export { CopyToClipboard as default };
-//# sourceMappingURL=CopyToClipboard.js.map
+import t from"@babel/runtime/helpers/slicedToArray";import{useState as o,useEffect as e}from"react";import r from"classnames";import i from"prop-types";import{makeStyles as p,Tooltip as n}from"@material-ui/core";import s from"@material-ui/icons/FileCopy";import l from"../../utils/main.js";import{jsx as a}from"react/jsx-runtime";var c=p((function(t){return{icon:{cursor:"pointer"},tooltip:{color:t.palette.primary.text6,backgroundColor:"rgba(20, 20, 20, 0.5)"}}})),m=function(i){var p=i.children,s=i.classes,m=i.dataTestId,u=i.IconComponent,d=i.tooltipProps,f=o(!1),g=t(f,2),y=g[0],b=g[1],C=c();return e((function(){var t=setTimeout((function(){b(!1)}),d.delay);return function(){return clearTimeout(t)}}),[y]),a(n,{classes:{tooltip:r(C.tooltip,s.tooltip),popper:r(C.tooltipPopper,s.tooltipPopper)},title:d.title,open:y,disableFocusListener:!0,disableHoverListener:!0,placement:d.placement,children:a(u,{className:r(C.icon,s.icon),"data-testid":m,onClick:function(){b(!0),l.copyToClipboard(p)}})})};m.propTypes={children:i.string.isRequired,dataTestId:i.string,IconComponent:i.shape({}),tooltipProps:i.shape({title:i.string,placement:i.string,delay:i.number}),classes:i.shape({icon:i.string,tooltip:i.string,tooltipPopper:i.string})},m.defaultProps={dataTestId:null,IconComponent:s,tooltipProps:{title:"Copied",placement:"top",delay:1500},classes:{}};export{m as default};