@corva/ui 3.1.0-rc.5 → 3.1.0

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 styles from './styles.css.js';
-import { isNativeDetected } from '../../utils/mobileDetect.js';
-import { AvatarComponent } from '../Avatar/index.js';
-import UserCardPopover from '../UserCardPopover.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(AvatarComponent, {
-          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(AvatarComponent, {
-            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 i from"./styles.css.js";import{isNativeDetected as a}from"../../utils/mobileDetect.js";import{AvatarComponent as n}from"../Avatar/index.js";import c from"../UserCardPopover.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,a=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]})}),!!a&&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(a),className:C.reactionTypographyRoot,variant:"caption",children:["Comments ",a]})})}),p("div",{"data-testid":"".concat("FeedPo","_activeUsersCounter_").concat(y&&y.length),className:i.cCommentsInfoActiveUsersList,children:y.map((function(e){return k?p(n,{displayName:u(e),imgSrc:e.profile_photo,className:C.avatarInList,size:g?24:32},e.id):p(c,{user:e,currentUser:v,children:p(n,{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:a,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,84 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-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", "iconType"];
-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 iconType = _ref3.iconType,
-            disabled = _ref3.disabled;
-          if (iconType === 'iconPark') return '';
-          return disabled ? theme.palette.primary.text9 : theme.palette.primary.contrastText;
-        },
-        color: function color(_ref4) {
-          var iconType = _ref4.iconType,
-            disabled = _ref4.disabled;
-          if (iconType === 'mui') return '';
-          return disabled ? theme.palette.primary.text9 : theme.palette.primary.contrastText;
-        }
-      }
-    },
-    listItemIcon: {
-      paddingRight: theme.spacing(1),
-      color: function color(_ref5) {
-        var disabled = _ref5.disabled;
-        return disabled ? theme.palette.primary.text9 : theme.palette.primary.text7;
-      },
-      minWidth: 'auto',
-      fontSize: function fontSize(_ref6) {
-        var small = _ref6.small;
-        return small ? 16 : 24;
-      },
-      '& .MuiSvgIcon-root': {
-        fontSize: 'inherit'
-      }
-    }
-  };
-});
-var ContextMenuItem = function ContextMenuItem(_ref7) {
-  var _ref7$classes = _ref7.classes,
-    classes = _ref7$classes === void 0 ? {} : _ref7$classes,
-    icon = _ref7.icon,
-    children = _ref7.children,
-    small = _ref7.small,
-    _ref7$iconType = _ref7.iconType,
-    iconType = _ref7$iconType === void 0 ? 'mui' : _ref7$iconType,
-    otherProps = _objectWithoutProperties(_ref7, _excluded);
-  var styles = useStyles({
-    small: small,
-    disabled: otherProps.disabled,
-    iconType: iconType
-  });
-  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]
-  }));
-};
-
-export { ContextMenuItem as default };
-//# sourceMappingURL=index.js.map
+import{__rest as t,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as i,jsx as r}from"react/jsx-runtime";import o from"classnames";import n from"@material-ui/core/ListItemIcon";import{makeStyles as a}from"@material-ui/core";import l from"../MenuItem/index.js";var s=a((function(t){return{menuItem:{height:function(t){return t.small?36:54},lineHeight:function(t){return t.small?"17px":"24px"},"&:hover svg":{fill:function(e){var i=e.iconType,r=e.disabled;return"iconPark"===i?"":r?t.palette.primary.text9:t.palette.primary.contrastText},color:function(e){var i=e.iconType,r=e.disabled;return"mui"===i?"":r?t.palette.primary.text9:t.palette.primary.contrastText}}},listItemIcon:{paddingRight:t.spacing(1),color:function(e){return e.disabled?t.palette.primary.text9:t.palette.primary.text7},minWidth:"auto",fontSize:function(t){return t.small?16:24},"& .MuiSvgIcon-root":{fontSize:"inherit"}}}})),m=function(a){var m=a.classes,c=void 0===m?{}:m,p=a.icon,u=a.children,d=a.small,f=a.iconType,h=void 0===f?"mui":f,x=t(a,["classes","icon","children","small","iconType"]),y=s({small:d,disabled:x.disabled,iconType:h});return i(l,e({classes:e(e({},c),{root:o(y.menuItem,c.root)})},x,{children:[r(n,{classes:{root:y.listItemIcon},children:p}),u]}))};export{m as default};