@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/CommentLoader.js

@@ -1,96 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import { jsx } from 'react/jsx-runtime';
-import { createRef, PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-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 LoadingIndicator from './LoadingIndicator/LoadingIndicator.js';
-import CommentWrapper from './CommentWrapper.js';
-
-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 { Date.prototype.toString.call(Reflect.construct(Date, [], 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 default CommentLoader$1;
-//# 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,77 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import Paper from '@material-ui/core/Paper';
-
-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: {
-    margin: '5px 0',
-    padding: '6px 5px',
-    minHeight: 60
-  },
-  // 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 default CommentWrapper$1;
-//# 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 i=function(r,e,a){return a&&e?r.paperRootLoaderSpaceAround:a&&!e?r.paperRootLoader:!a&&e?r.paperRootSpaceAround:a||e?null:r.paperRoot},s=function(r){var a=r.spaceAround,s=r.isLoader,n=r.children,t=r.classes,d=r.className;return p(o,{className:e(i(t,a,s),t.paperBase,d),elevation:0,children:n})};s.propTypes={spaceAround:r.bool,isLoader:r.bool,children:r.node.isRequired,className:r.string,classes:r.shape({}).isRequired},s.defaultProps={spaceAround:!1,isLoader:!1,className:void 0};var n=a({paperBase:{backgroundColor:"transparent",position:"relative"},paperRoot:{margin:"5px 0",padding:"6px 5px",minHeight:60},paperRootSpaceAround:{margin:"5px 0 10px",padding:11},paperRootLoader:{margin:"5px 0",minHeight:60},paperRootLoaderSpaceAround:{margin:"5px 0 10px",padding:"4px 0 6px"}})(s);export{n as default};

package/components/CommentsInfo/index.js

@@ -1,147 +1 @@
-import grey from '@material-ui/core/colors/grey';
-import { isNativeDetected } from '../../utils/mobileDetect.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Typography } from '@material-ui/core';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import Avatar from '../Avatar/index.js';
-import UserCardPopover from '../UserCardPopover.js';
-import styles from './styles.css.js';
-
-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,
-      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,
-        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: classNames(classes.avatar, classes.avatarInList),
-          size: small ? 25 : 35
-        }, user.id) : /*#__PURE__*/jsx(UserCardPopover, {
-          user: user,
-          currentUser: currentUser,
-          children: /*#__PURE__*/jsx(Avatar, {
-            displayName: getUserFullName(user),
-            imgSrc: user.profile_photo,
-            size: small ? 25 : 35,
-            className: classNames(classes.avatar, classes.avatarInList)
-          })
-        }, user.id);
-      })
-    })]
-  });
-};
-
-var muiStyles = {
-  reactionTypographyRoot: {
-    color: grey[400],
-    margin: '0 8px',
-    cursor: 'pointer',
-    '&:hover': {
-      textDecoration: 'underline'
-    }
-  },
-  avatar: {
-    border: '1px solid #909090'
-  },
-  avatarInList: {
-    marginRight: 3,
-    borderWidth: 1
-  }
-};
-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 default CommentsInfo$1;
-//# sourceMappingURL=index.js.map
+import e from"prop-types";import t from"classnames";import{withStyles as r}from"@material-ui/core/styles";import{Typography as o}from"@material-ui/core";import s from"@material-ui/core/colors/grey";import{isNativeDetected as a}from"../../utils/mobileDetect.js";import{Tooltip as i}from"../Tooltip/Tooltip.js";import n from"../Avatar/index.js";import c from"../UserCardPopover.js";import m from"./styles.css.js";import{jsxs as l,Fragment as u,jsx as p}from"react/jsx-runtime";var d=function(e){return e?"".concat(e.first_name," ").concat(e.last_name):""},h=function(e){var t=e.users,r=e.noReactionsText,o=t.length;if(!o)return r;var s="";o>19&&(s="\nand ".concat(o-19," more..."));var a=t.slice(0,19).join("\n");return"".concat(a).concat(s)},f=function(e){var r=e.likesCount,s=e.usersWhoLike,a=e.commentsCount,f=e.usersWhoCommented,v=e.onCommentsClick,y=e.currentUser,C=e.activeUsersList,k=e.classes,g=e.isNative,N=e.small;return l(u,{children:[!!r&&p(i,{title:p(h,{users:s,noReactionsText:"Nobody likes this yet..."}),enterTouchDelay:0,children:l(o,{"data-testid":"".concat("FeedPo","_likesCounter_").concat(r),className:k.reactionTypographyRoot,variant:"caption",children:["Likes ",r]})}),!!a&&p("span",{onClick:v,children:p(i,{title:p(h,{users:f,noReactionsText:"Nobody commented this yet..."}),enterTouchDelay:0,children:l(o,{"data-testid":"".concat("FeedPo","_commentsCounter_").concat(a),className:k.reactionTypographyRoot,variant:"caption",children:["Comments ",a]})})}),p("div",{"data-testid":"".concat("FeedPo","_activeUsersCounter_").concat(C&&C.length),className:m.cCommentsInfoActiveUsersList,children:C.map((function(e){return g?p(n,{displayName:d(e),imgSrc:e.profile_photo,className:t(k.avatar,k.avatarInList),size:N?25:35},e.id):p(c,{user:e,currentUser:y,children:p(n,{displayName:d(e),imgSrc:e.profile_photo,size:N?25:35,className:t(k.avatar,k.avatarInList)})},e.id)}))})]})},v={reactionTypographyRoot:{color:s[400],margin:"0 8px",cursor:"pointer","&:hover":{textDecoration:"underline"}},avatar:{border:"1px solid #909090"},avatarInList:{marginRight:3,borderWidth:1}};f.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({})},f.defaultProps={likesCount:0,usersWhoLike:[],commentsCount:0,onCommentsClick:function(){},small:!1,isNative:a,currentUser:{}};var y=r(v)(f);export{y 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__31pn0 {\n  display: flex;\n  align-items: center;\n  flex-direction: row-reverse;\n}\n.styles_cCommentsInfoActiveUsersList__31pn0 > div {\n  margin-right: -7px;\n}\n";
-var styles = {"cCommentsInfoActiveUsersList":"styles_cCommentsInfoActiveUsersList__31pn0"};
-styleInject(css_248z);
-
-export default styles;
-//# 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,146 +1 @@
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import _inherits from '@babel/runtime/helpers/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import Button from '@material-ui/core/Button';
-import Typography from '@material-ui/core/Typography';
-import DialogActions from '@material-ui/core/DialogActions';
-import DialogContent from '@material-ui/core/DialogContent';
-import DialogTitle from '@material-ui/core/DialogTitle';
-import TextField from '@material-ui/core/TextField';
-import DialogContentText from '@material-ui/core/DialogContentText';
-import Dialog from '@material-ui/core/Dialog';
-
-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 { Date.prototype.toString.call(Reflect.construct(Date, [], 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: "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
-        })]
-      });
-    }
-  }, {
-    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
-        })]
-      });
-    }
-  }]);
-
-  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 default ConfirmationDialog$1;
-//# 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,85 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles } from '@material-ui/core';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import ListItemIcon from '@material-ui/core/ListItemIcon';
-import MenuItem from '../MenuItem/index.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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, ["classes", "icon", "children", "small"]);
-
-  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 default ContextMenuItem;
-//# 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};