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

package/components/Annotations/components/AnnotationsList/components/AnnotationComments/index.js

@@ -1 +1,242 @@
-import e from"@babel/runtime/helpers/asyncToGenerator";import n from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/regenerator";import{useRef as o,useState as s,useEffect as i}from"react";import{string as a,bool as c,number as m,func as u,shape as p}from"prop-types";import{withStyles as l}from"@material-ui/core/styles";import{Button as d,Typography as f}from"@material-ui/core";import{getAnnotationComments as C,postAnnotationComment as h}from"../../../../../../clients/jsonApi/index.js";import v from"../../../../../LoadingIndicator/LoadingIndicator.js";import b from"../../../../../CommentInput/index.js";import I from"../../../../../CommentLoader.js";import y from"../../../../../Comment/index.js";import x from"./style.css.js";import{jsx as g,jsxs as k}from"react/jsx-runtime";var w=function(a){var c=a.annotationId,m=a.commentInputIsOpen,u=a.commentsCount,p=a.setCommentsCount,l=a.initialCommentsCount,w=a.classes,R=a.assetCompanyId,j=a.currentUser,q=o(),A=s([]),L=t(A,2),M=L[0],N=L[1],T=s(!1),U=t(T,2),_=U[0],O=U[1],V=s(!1),z=t(V,2),D=z[0],G=z[1],P=s(1),B=t(P,2),E=B[0],F=B[1],H=s(3),J=t(H,2),K=J[0],Q=J[1],S=function(e){var t=M.findIndex((function(n){return n.id===e.id})),r=n(M);r.splice(t,1,e),N(r)},W=function(e){N(M.filter((function(n){return n.id!==e}))),p(u-1)};i((function(){function n(){return(n=e(r.mark((function e(){var n;return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(c){e.next=2;break}return e.abrupt("return");case 2:return O(!0),e.prev=3,e.next=6,C(c,{page:E,per_page:3,order:"desc"});case 6:n=e.sent,N(n),e.next=13;break;case 10:e.prev=10,e.t0=e.catch(3),console.error(e.t0);case 13:O(!1);case 14:case"end":return e.stop()}}),e,null,[[3,10]])})))).apply(this,arguments)}!function(){n.apply(this,arguments)}()}),[]);var X,Y=(X=e(r.mark((function e(){var t,o,s;return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return O(!0),Q((o=(t=3===K)?7:10)+K),e.prev=4,e.next=7,C(c,{page:t?1:E,per_page:o,order:"desc",offset:1===E?M.length:u-l+10});case 7:s=e.sent,N([].concat(n(M),n(s))),t||F(E+1),e.next=15;break;case 12:e.prev=12,e.t0=e.catch(4),console.error(e.t0);case 15:O(!1);case 16:case"end":return e.stop()}}),e,null,[[4,12]])}))),function(){return X.apply(this,arguments)}),Z=M.slice(0,K).reverse(),$=u>K;return _&&!M.length?g(v,{fullscreen:!1}):k("div",{className:x.cAnnotationCommentsList,children:[$&&g(d,{"data-testid":"".concat("annotationComments","_viewMoreComments"),className:w.showMore,onClick:Y,children:g(f,{variant:"caption",color:"primary",children:"View more comments"})}),k("div",{className:x.cAnnotationCommentsListItems,children:[_&&M.length&&g(v,{fullscreen:!1,size:30}),Z.map((function(e){return g(y,{comment:e,handleDeleteCallback:W,patchCommentCallback:S,companyId:R,currentUser:j},e.id)}))]}),D&&g(I,{spaceAround:!0}),m&&g("div",{className:x.cAnnotationCommentsListInput,children:g(b,{inputRef:q,postComment:function(e){return h(c,e)},setIsPosting:G,postCommentCallback:function(e){N([e].concat(n(M))),p(u+1)},onMount:function(){var e=q.current;e&&(e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"}),e.focus())},companyId:R,currentUser:j})})]})};w.propTypes={annotationId:a.isRequired,commentInputIsOpen:c.isRequired,commentsCount:m.isRequired,initialCommentsCount:m.isRequired,setCommentsCount:u.isRequired,classes:p().isRequired,assetCompanyId:m.isRequired,currentUser:p({}).isRequired};var R=l({showMore:{textTransform:"none",backgroundColor:"transparent!important",padding:0}})(w);export{R as default};
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useRef, useState, useEffect } from 'react';
+import { string, bool, number, func, shape } from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import { Button, Typography } from '@material-ui/core';
+import { postAnnotationComment, getAnnotationComments } from '../../../../../../clients/jsonApi/index.js';
+import LoadingIndicator from '../../../../../LoadingIndicator/LoadingIndicator.js';
+import CommentInput from '../../../../../CommentInput/index.js';
+import CommentLoader from '../../../../../CommentLoader.js';
+import Comment from '../../../../../Comment/index.js';
+import styles from './style.css.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'annotationComments';
+var INITIAL_VISIBLE_COMMENTS_COUNT = 3;
+var MORE_COMMENTS_FIRST_INCREMENT = 7;
+var MORE_COMMENTS_INCREMENT = 10;
+var muiStyles = {
+  showMore: {
+    textTransform: 'none',
+    backgroundColor: 'transparent!important',
+    padding: 0
+  }
+};
+var AnnotationComments = function AnnotationComments(_ref) {
+  var annotationId = _ref.annotationId,
+    commentInputIsOpen = _ref.commentInputIsOpen,
+    commentsCount = _ref.commentsCount,
+    setCommentsCount = _ref.setCommentsCount,
+    initialCommentsCount = _ref.initialCommentsCount,
+    classes = _ref.classes,
+    assetCompanyId = _ref.assetCompanyId,
+    currentUser = _ref.currentUser;
+  var inputRef = useRef();
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    comments = _useState2[0],
+    setComments = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isPosting = _useState6[0],
+    setIsPosting = _useState6[1];
+  var _useState7 = useState(1),
+    _useState8 = _slicedToArray(_useState7, 2),
+    nextPageToRequest = _useState8[0],
+    setNextPageToRequest = _useState8[1];
+  var _useState9 = useState(INITIAL_VISIBLE_COMMENTS_COUNT),
+    _useState10 = _slicedToArray(_useState9, 2),
+    visibleCommentsСount = _useState10[0],
+    setVisibleCommentsCount = _useState10[1];
+  var activateInput = function activateInput() {
+    var current = inputRef.current;
+    if (current) {
+      current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'nearest',
+        inline: 'start'
+      });
+      current.focus();
+    }
+  };
+  var postCommentCallback = function postCommentCallback(comment) {
+    setComments([comment].concat(_toConsumableArray(comments)));
+    setCommentsCount(commentsCount + 1);
+  };
+  var patchCommentCallback = function patchCommentCallback(comment) {
+    var commentIndex = comments.findIndex(function (_ref2) {
+      var id = _ref2.id;
+      return id === comment.id;
+    });
+    var updatedComments = _toConsumableArray(comments);
+    updatedComments.splice(commentIndex, 1, comment);
+    setComments(updatedComments);
+  };
+  var deleteCommentCallback = function deleteCommentCallback(commentId) {
+    setComments(comments.filter(function (_ref3) {
+      var id = _ref3.id;
+      return id !== commentId;
+    }));
+    setCommentsCount(commentsCount - 1);
+  };
+  useEffect(function () {
+    function handleFetchComments() {
+      return _handleFetchComments.apply(this, arguments);
+    }
+    function _handleFetchComments() {
+      _handleFetchComments = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var response;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (annotationId) {
+                  _context.next = 2;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 2:
+                setIsLoading(true);
+                _context.prev = 3;
+                _context.next = 6;
+                return getAnnotationComments(annotationId, {
+                  page: nextPageToRequest,
+                  per_page: INITIAL_VISIBLE_COMMENTS_COUNT,
+                  order: 'desc'
+                });
+              case 6:
+                response = _context.sent;
+                setComments(response);
+                _context.next = 13;
+                break;
+              case 10:
+                _context.prev = 10;
+                _context.t0 = _context["catch"](3);
+                console.error(_context.t0);
+              case 13:
+                setIsLoading(false);
+              case 14:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[3, 10]]);
+      }));
+      return _handleFetchComments.apply(this, arguments);
+    }
+    handleFetchComments();
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+  var handleShowMoreComments = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var isFirstIncrement, perPage, response;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              setIsLoading(true);
+              isFirstIncrement = visibleCommentsСount === INITIAL_VISIBLE_COMMENTS_COUNT;
+              perPage = isFirstIncrement ? MORE_COMMENTS_FIRST_INCREMENT : MORE_COMMENTS_INCREMENT;
+              setVisibleCommentsCount(perPage + visibleCommentsСount);
+              _context2.prev = 4;
+              _context2.next = 7;
+              return getAnnotationComments(annotationId, {
+                page: isFirstIncrement ? 1 : nextPageToRequest,
+                per_page: perPage,
+                order: 'desc',
+                offset: nextPageToRequest === 1 ? comments.length : MORE_COMMENTS_INCREMENT + (commentsCount - initialCommentsCount)
+              });
+            case 7:
+              response = _context2.sent;
+              setComments([].concat(_toConsumableArray(comments), _toConsumableArray(response)));
+              if (!isFirstIncrement) setNextPageToRequest(nextPageToRequest + 1);
+              _context2.next = 15;
+              break;
+            case 12:
+              _context2.prev = 12;
+              _context2.t0 = _context2["catch"](4);
+              console.error(_context2.t0);
+            case 15:
+              setIsLoading(false);
+            case 16:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[4, 12]]);
+    }));
+    return function handleShowMoreComments() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  // NOTE: Slice and show recent comments last
+  var commentsToDisplay = comments.slice(0, visibleCommentsСount).reverse();
+  var showShowMore = commentsCount > visibleCommentsСount;
+  if (isLoading && !comments.length) return /*#__PURE__*/jsx(LoadingIndicator, {
+    fullscreen: false
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.cAnnotationCommentsList,
+    children: [showShowMore && /*#__PURE__*/jsx(Button, {
+      "data-testid": "".concat(PAGE_NAME, "_viewMoreComments"),
+      className: classes.showMore,
+      onClick: handleShowMoreComments,
+      children: /*#__PURE__*/jsx(Typography, {
+        variant: "caption",
+        color: "primary",
+        children: "View more comments"
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.cAnnotationCommentsListItems,
+      children: [isLoading && comments.length && /*#__PURE__*/jsx(LoadingIndicator, {
+        fullscreen: false,
+        size: 30
+      }), commentsToDisplay.map(function (c) {
+        return /*#__PURE__*/jsx(Comment, {
+          comment: c,
+          handleDeleteCallback: deleteCommentCallback,
+          patchCommentCallback: patchCommentCallback,
+          companyId: assetCompanyId,
+          currentUser: currentUser
+        }, c.id);
+      })]
+    }), isPosting && /*#__PURE__*/jsx(CommentLoader, {
+      spaceAround: true
+    }), commentInputIsOpen && /*#__PURE__*/jsx("div", {
+      className: styles.cAnnotationCommentsListInput,
+      children: /*#__PURE__*/jsx(CommentInput, {
+        inputRef: inputRef,
+        postComment: function postComment(comment) {
+          return postAnnotationComment(annotationId, comment);
+        },
+        setIsPosting: setIsPosting,
+        postCommentCallback: postCommentCallback,
+        onMount: activateInput,
+        companyId: assetCompanyId,
+        currentUser: currentUser
+      })
+    })]
+  });
+};
+AnnotationComments.propTypes = {
+  annotationId: string.isRequired,
+  commentInputIsOpen: bool.isRequired,
+  commentsCount: number.isRequired,
+  initialCommentsCount: number.isRequired,
+  setCommentsCount: func.isRequired,
+  classes: shape().isRequired,
+  assetCompanyId: number.isRequired,
+  currentUser: shape({}).isRequired
+};
+var AnnotationComments$1 = withStyles(muiStyles)(AnnotationComments);
+
+export { AnnotationComments$1 as default };
+//# sourceMappingURL=index.js.map

package/components/Annotations/components/AnnotationsList/components/AnnotationComments/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Annotations/components/AnnotationsList/components/AnnotationComments/index.js"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\nimport { shape, string, bool, number, func } from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport { Button, Typography } from '@material-ui/core';\n\nimport { getAnnotationComments, postAnnotationComment } from '~/clients/jsonApi';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\nimport CommentInput from '~components/CommentInput';\nimport CommentLoader from '~components/CommentLoader';\nimport Comment from '~components/Comment';\n\nimport styles from './style.css';\n\nconst PAGE_NAME = 'annotationComments';\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\nconst MORE_COMMENTS_FIRST_INCREMENT = 7;\nconst MORE_COMMENTS_INCREMENT = 10;\n\nconst muiStyles = {\n  showMore: {\n    textTransform: 'none',\n    backgroundColor: 'transparent!important',\n    padding: 0,\n  },\n};\n\nconst AnnotationComments = ({\n  annotationId,\n  commentInputIsOpen,\n  commentsCount,\n  setCommentsCount,\n  initialCommentsCount,\n  classes,\n  assetCompanyId,\n  currentUser,\n}) => {\n  const inputRef = useRef();\n\n  const [comments, setComments] = useState([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isPosting, setIsPosting] = useState(false);\n\n  const [nextPageToRequest, setNextPageToRequest] = useState(1);\n  const [visibleCommentsСount, setVisibleCommentsCount] = useState(INITIAL_VISIBLE_COMMENTS_COUNT);\n\n  const activateInput = () => {\n    const { current } = inputRef;\n\n    if (current) {\n      current.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' });\n      current.focus();\n    }\n  };\n\n  const postCommentCallback = comment => {\n    setComments([comment, ...comments]);\n    setCommentsCount(commentsCount + 1);\n  };\n\n  const patchCommentCallback = comment => {\n    const commentIndex = comments.findIndex(({ id }) => id === comment.id);\n\n    const updatedComments = [...comments];\n    updatedComments.splice(commentIndex, 1, comment);\n\n    setComments(updatedComments);\n  };\n\n  const deleteCommentCallback = commentId => {\n    setComments(comments.filter(({ id }) => id !== commentId));\n    setCommentsCount(commentsCount - 1);\n  };\n\n  useEffect(() => {\n    async function handleFetchComments() {\n      if (!annotationId) return;\n\n      setIsLoading(true);\n\n      try {\n        const response = await getAnnotationComments(annotationId, {\n          page: nextPageToRequest,\n          per_page: INITIAL_VISIBLE_COMMENTS_COUNT,\n          order: 'desc',\n        });\n        setComments(response);\n      } catch (e) {\n        console.error(e);\n      }\n\n      setIsLoading(false);\n    }\n\n    handleFetchComments();\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleShowMoreComments = async () => {\n    setIsLoading(true);\n\n    const isFirstIncrement = visibleCommentsСount === INITIAL_VISIBLE_COMMENTS_COUNT;\n    const perPage = isFirstIncrement ? MORE_COMMENTS_FIRST_INCREMENT : MORE_COMMENTS_INCREMENT;\n\n    setVisibleCommentsCount(perPage + visibleCommentsСount);\n\n    try {\n      const response = await getAnnotationComments(annotationId, {\n        page: isFirstIncrement ? 1 : nextPageToRequest,\n        per_page: perPage,\n        order: 'desc',\n        offset:\n          nextPageToRequest === 1\n            ? comments.length\n            : MORE_COMMENTS_INCREMENT + (commentsCount - initialCommentsCount),\n      });\n      setComments([...comments, ...response]);\n      if (!isFirstIncrement) setNextPageToRequest(nextPageToRequest + 1);\n    } catch (e) {\n      console.error(e);\n    }\n\n    setIsLoading(false);\n  };\n\n  // NOTE: Slice and show recent comments last\n  const commentsToDisplay = comments.slice(0, visibleCommentsСount).reverse();\n  const showShowMore = commentsCount > visibleCommentsСount;\n\n  if (isLoading && !comments.length) return <LoadingIndicator fullscreen={false} />;\n\n  return (\n    <div className={styles.cAnnotationCommentsList}>\n      {showShowMore && (\n        <Button\n          data-testid={`${PAGE_NAME}_viewMoreComments`}\n          className={classes.showMore}\n          onClick={handleShowMoreComments}\n        >\n          <Typography variant=\"caption\" color=\"primary\">\n            View more comments\n          </Typography>\n        </Button>\n      )}\n      <div className={styles.cAnnotationCommentsListItems}>\n        {isLoading && comments.length && <LoadingIndicator fullscreen={false} size={30} />}\n        {commentsToDisplay.map(c => (\n          <Comment\n            key={c.id}\n            comment={c}\n            handleDeleteCallback={deleteCommentCallback}\n            patchCommentCallback={patchCommentCallback}\n            companyId={assetCompanyId}\n            currentUser={currentUser}\n          />\n        ))}\n      </div>\n\n      {isPosting && <CommentLoader spaceAround />}\n\n      {commentInputIsOpen && (\n        <div className={styles.cAnnotationCommentsListInput}>\n          <CommentInput\n            inputRef={inputRef}\n            postComment={comment => postAnnotationComment(annotationId, comment)}\n            setIsPosting={setIsPosting}\n            postCommentCallback={postCommentCallback}\n            onMount={activateInput}\n            companyId={assetCompanyId}\n            currentUser={currentUser}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nAnnotationComments.propTypes = {\n  annotationId: string.isRequired,\n  commentInputIsOpen: bool.isRequired,\n  commentsCount: number.isRequired,\n  initialCommentsCount: number.isRequired,\n  setCommentsCount: func.isRequired,\n  classes: shape().isRequired,\n  assetCompanyId: number.isRequired,\n  currentUser: shape({}).isRequired,\n};\n\nexport default withStyles(muiStyles)(AnnotationComments);\n"],"names":["PAGE_NAME","INITIAL_VISIBLE_COMMENTS_COUNT","MORE_COMMENTS_FIRST_INCREMENT","MORE_COMMENTS_INCREMENT","muiStyles","showMore","textTransform","backgroundColor","padding","AnnotationComments","annotationId","commentInputIsOpen","commentsCount","setCommentsCount","initialCommentsCount","classes","assetCompanyId","currentUser","inputRef","useRef","useState","comments","setComments","isLoading","setIsLoading","isPosting","setIsPosting","nextPageToRequest","setNextPageToRequest","visibleCommentsСount","setVisibleCommentsCount","activateInput","current","scrollIntoView","behavior","block","inline","focus","postCommentCallback","comment","patchCommentCallback","commentIndex","findIndex","id","updatedComments","splice","deleteCommentCallback","commentId","filter","useEffect","handleFetchComments","getAnnotationComments","page","per_page","order","response","console","error","handleShowMoreComments","isFirstIncrement","perPage","offset","length","commentsToDisplay","slice","reverse","showShowMore","_jsx","_jsxs","styles","cAnnotationCommentsList","cAnnotationCommentsListItems","map","c","cAnnotationCommentsListInput","postAnnotationComment","propTypes","string","isRequired","bool","number","func","shape","withStyles"],"mappings":"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"}

package/components/Annotations/components/AnnotationsList/components/AnnotationComments/style.css.js

@@ -1 +1,8 @@
-import t from'./../../../../../../ext-esm/style-inject/dist/style-inject.es.js';var n={cAnnotationCommentsList:"style_cAnnotationCommentsList__QB1u0",cAnnotationCommentsListItems:"style_cAnnotationCommentsListItems__M9gf7",cAnnotationCommentsListInput:"style_cAnnotationCommentsListInput__jsIk6"};t(".style_cAnnotationCommentsList__QB1u0{margin-top:5px}.style_cAnnotationCommentsListItems__M9gf7{margin-bottom:5px;padding:0 0 5px 19px}.style_cAnnotationCommentsListInput__jsIk6{padding-bottom:15px}.style_cAnnotationCommentsListInput__jsIk6 .c-user-mention{font-size:14px}");export{n as default};
+import styleInject from './../../../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".style_cAnnotationCommentsList__QB1u0 {\n  margin-top: 5px;\n}\n\n.style_cAnnotationCommentsListItems__M9gf7 {\n  margin-bottom: 5px;\n  padding: 0 0 5px 19px;\n}\n\n.style_cAnnotationCommentsListInput__jsIk6 {\n  padding-bottom: 15px;\n}\n\n.style_cAnnotationCommentsListInput__jsIk6 .c-user-mention {\n  font-size: 14px;\n}\n";
+var styles = {"cAnnotationCommentsList":"style_cAnnotationCommentsList__QB1u0","cAnnotationCommentsListItems":"style_cAnnotationCommentsListItems__M9gf7","cAnnotationCommentsListInput":"style_cAnnotationCommentsListInput__jsIk6"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=style.css.js.map

package/components/Annotations/components/AnnotationsList/components/AnnotationComments/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,kEAAqE;AAC7F;AACA;AACA;AACA;AACA;AACA;"}

package/components/Annotations/components/AnnotationsList/components/AnnotationInput/StyledSelect.js

@@ -1 +1,39 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import t from"prop-types";import{Select as o}from"@material-ui/core";import{withStyles as i}from"@material-ui/core/styles";import{jsx as n}from"react/jsx-runtime";var p=["classes"];function s(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function c(t){var i=t.classes,c=r(t,p);return n(o,function(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?s(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):s(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}({classes:i,className:i.rootParent},c))}c.propTypes={classes:t.shape().isRequired};var a=i({rootParent:{overflow:"hidden"},root:{fontSize:"10px",lineHeight:"12px"},select:{padding:"0 40px 0 0"}},{withTheme:!0})(c);export{a as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import { Select } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["classes"];
+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 muiStyles = {
+  rootParent: {
+    overflow: 'hidden'
+  },
+  root: {
+    fontSize: '10px',
+    lineHeight: '12px'
+  },
+  select: {
+    padding: '0 40px 0 0'
+  }
+};
+function StyledSelect(_ref) {
+  var classes = _ref.classes,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(Select, _objectSpread({
+    classes: classes,
+    className: classes.rootParent
+  }, props));
+}
+StyledSelect.propTypes = {
+  classes: PropTypes.shape().isRequired
+};
+var StyledSelect$1 = withStyles(muiStyles, {
+  withTheme: true
+})(StyledSelect);
+
+export { StyledSelect$1 as default };
+//# sourceMappingURL=StyledSelect.js.map

package/components/Annotations/components/AnnotationsList/components/AnnotationInput/StyledSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledSelect.js","sources":["../../../../../../../src/components/Annotations/components/AnnotationsList/components/AnnotationInput/StyledSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Select } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst muiStyles = {\n  rootParent: {\n    overflow: 'hidden',\n  },\n  root: {\n    fontSize: '10px',\n    lineHeight: '12px',\n  },\n  select: {\n    padding: '0 40px 0 0',\n  },\n};\n\nfunction StyledSelect({ classes, ...props }) {\n  return <Select classes={classes} className={classes.rootParent} {...props} />;\n}\n\nStyledSelect.propTypes = {\n  classes: PropTypes.shape().isRequired,\n};\n\nexport default withStyles(muiStyles, { withTheme: true })(StyledSelect);\n"],"names":["muiStyles","rootParent","overflow","root","fontSize","lineHeight","select","padding","StyledSelect","classes","props","_jsx","propTypes","PropTypes","shape","isRequired","withStyles","withTheme"],"mappings":";;;;;;;;;;AAIA,IAAMA,SAAS,GAAG;AAChBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,QAAQ,EAAE,QAAA;GACX;AACDC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,UAAU,EAAE,MAAA;GACb;AACDC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,YAAA;AACX,GAAA;AACF,CAAC,CAAA;AAED,SAASC,YAAY,CAAwB,IAAA,EAAA;EAAA,IAArBC,OAAO,QAAPA,OAAO;IAAKC,KAAK,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AACvC,EAAA,oBAAOC,IAAC,MAAM,EAAA,aAAA,CAAA;AAAC,IAAA,OAAO,EAAEF,OAAQ;IAAC,SAAS,EAAEA,OAAO,CAACR,UAAAA;AAAW,GAAA,EAAKS,KAAK,CAAI,CAAA,CAAA;AAC/E,CAAA;AAEAF,YAAY,CAACI,SAAS,GAAG;AACvBH,EAAAA,OAAO,EAAEI,SAAS,CAACC,KAAK,EAAE,CAACC,UAAAA;AAC7B,CAAC,CAAA;AAED,qBAAeC,UAAU,CAAChB,SAAS,EAAE;AAAEiB,EAAAA,SAAS,EAAE,IAAA;AAAK,CAAC,CAAC,CAACT,YAAY,CAAC;;;;"}

package/components/Annotations/components/AnnotationsList/components/AnnotationInput/index.js

@@ -1 +1,285 @@
-import t from"@babel/runtime/helpers/slicedToArray";import{useState as e}from"react";import n from"moment";import{string as i,shape as o,func as a,bool as l,number as r}from"prop-types";import{withStyles as c}from"@material-ui/core/styles";import{Paper as s,Input as m,Tooltip as d,FormControl as p,InputLabel as u,MenuItem as f,Typography as h,IconButton as g}from"@material-ui/core";import v from"@material-ui/icons/Send";import b from"@material-ui/core/colors/grey";import y from"../../../../../UserMention/index.js";import A from"../../../../../EmojiIconButton.js";import N from"../../../../../FileUploadIconButton.js";import j from"../../../../../FailedFileUploading.js";import C from"../../../../../FilePreview/index.js";import{isSuggestionsListOpened as I}from"../../../../../UserMention/utils/index.js";import U from"../../../../../../effects/useEscPress.js";import{ANNOTATION_ACTIVE_PERIODS as S}from"../../../../constants.js";import E from"./StyledSelect.js";import _ from"./style.css.js";import{jsxs as x,jsx as P}from"react/jsx-runtime";var k="AppAnnotationsPo",B=Object.keys(S),F=function(i){var o=i.initialText,a=i.initialPeriod,l=i.onSend,r=i.onClose,c=i.closeOnEsc,F=i.classes,T=i.initialAttachment,w=i.assetCompanyId,R=i.currentUser,L=e(o),D=t(L,2),O=D[0],z=D[1],H=e((function(){return T?{attachmentName:T.file_name,attachmentUrl:T.signed_url||T.s3_link}:null})),M=t(H,2),W=M[0],q=M[1],K=e(null),G=t(K,2),J=G[0],Q=G[1],V=e(!1),X=t(V,2),Y=X[0],Z=X[1],$=e(B[0]),tt=t($,2),et=tt[0],nt=tt[1];U((function(){c&&r()}));var it=function(){if(O){var t=function(t,e){if("forever"===t)return null;var i=S[t];return n(e).add(i.time.amount,i.time.key).format()}(et,a);l(O,t,W)}};return x("div",{className:_.cAnnotationInput,children:[x(s,{className:_.cAnnotationInputContent,children:[P(m,{"data-testid":"".concat(k,"_annotationsInput"),inputComponent:y,inputProps:{withLightTheme:!1,onChange:function(t){return z(t)},onKeyDown:function(t){"Shift"===t.key&&Z(!0),"Enter"!==t.key||Y||I()||(t.preventDefault(),it())},onKeyUp:function(t){"Shift"===t.key&&Z(!1)},companyId:w,currentUser:R},placeholder:"Type annotation here",fullWidth:!0,disableUnderline:!0,multiline:!0,rows:"3",className:F.inputRoot,value:O}),x("div",{className:_.cAnnotationInputContentActions,children:[P(d,{title:"Attach File",placement:"bottom",children:P("div",{className:_.cAnnotationInputContentActionsButton,children:P(N,{"data-testid":"".concat(k,"_attachFileButton"),openPreviewDialogOnUpload:!1,disableRipple:!0,onFinish:function(t,e,n){q({attachmentUrl:t,attachmentName:e,attachmentSize:n}),Q(null)},onError:function(t){q(null),Q(t)},htmlColor:"action"})})}),P(d,{title:"Add Emoji",placement:"bottom",children:P("div",{className:_.cAnnotationInputContentActionsButton,children:P(A,{"data-testid":"".concat(k,"_emojiButton"),htmlColor:b[400],handleSelectEmoji:function(t){return z("".concat(O).concat(t.native))}})})})]})]}),J&&P(j,{className:F.uploadingError,errorMessage:J}),W&&W.attachmentUrl&&P(C,{fileName:W.attachmentName,fileUrl:W.attachmentUrl,handleFileDelete:function(){q(null),Q(null)}}),x("div",{className:_.cAnnotationInputActions,children:[x(p,{className:F.formControl,children:[P(u,{shrink:!0,id:"periods-label-label",className:F.selectLabel,children:"Active"}),P(E,{"data-testid":"".concat(k,"_periodDropdown"),labelId:"periods-label-label",id:"periods-label",value:et,disableUnderline:!0,onChange:function(t){return nt(t.target.value)},children:B.map((function(t){return P(f,{"data-testid":"".concat(k,"_period_").concat(S[t].label,"MenuItem"),value:t,children:S[t].label},t)}))})]}),x("div",{className:_.cAnnotationInputActionsSend,children:[x(h,{variant:"caption",className:F.sendLabel,children:["Press ",P(h,{variant:"caption",color:"primary",component:"span",className:F.labelHighlighter,children:"Enter "}),"to send "]}),P(d,{title:"Send",placement:"bottom",children:P("div",{children:P(g,{"data-testid":"".concat(k,"_sendButton"),className:F.sendButton,onClick:it,disabled:!O,children:P(v,{color:"primary"})})})})]})]})]})};F.propTypes={initialText:i,initialPeriod:i,initialAttachment:o({file_name:i,s3_link:i}),onSend:a,onClose:a,closeOnEsc:l,assetCompanyId:r.isRequired,currentUser:o().isRequired,classes:o().isRequired},F.defaultProps={initialText:"",initialPeriod:void 0,initialAttachment:null,onSend:function(){},onClose:function(){},closeOnEsc:!1};var T=c((function(t){return{inputLabel:{color:t.palette.grey[700],fontWeight:200,width:"100%"},inputRoot:{lineHeight:15},sendLabel:{display:"flex",alignItems:"center",fontWeight:200,color:t.palette.grey[700],marginRight:22,fontSize:10},sendButton:{padding:5},labelHighlighter:{fontWeight:200,fontSize:10},selectLabel:{fontSize:10,lineHeight:"14px",color:t.palette.grey[500]},uploadingError:{paddingTop:"10px"}}}))(F);export{T as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import moment from 'moment';
+import { string, shape, func, bool, number } from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import { Paper, Input, Tooltip, FormControl, InputLabel, MenuItem, Typography, IconButton } from '@material-ui/core';
+import SendIcon from '@material-ui/icons/Send';
+import grey from '@material-ui/core/colors/grey';
+import UserMention from '../../../../../UserMention/index.js';
+import EmojiIconButton from '../../../../../EmojiIconButton.js';
+import FileUploadIconButton from '../../../../../FileUploadIconButton.js';
+import FailedFileUploading from '../../../../../FailedFileUploading.js';
+import FilePreview from '../../../../../FilePreview/index.js';
+import { isSuggestionsListOpened } from '../../../../../UserMention/utils/index.js';
+import useEscPress from '../../../../../../effects/useEscPress.js';
+import { ANNOTATION_ACTIVE_PERIODS } from '../../../../constants.js';
+import StyledSelect from './StyledSelect.js';
+import styles from './style.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'AppAnnotationsPo';
+var ANNOTATION_ACTIVE_PERIODS_KEYS = Object.keys(ANNOTATION_ACTIVE_PERIODS);
+var ANNOTATION_PLACEHOLDER = 'Type annotation here';
+var muiStyles = function muiStyles(theme) {
+  return {
+    inputLabel: {
+      color: theme.palette.grey[700],
+      fontWeight: 200,
+      width: '100%'
+    },
+    inputRoot: {
+      lineHeight: 15
+    },
+    sendLabel: {
+      display: 'flex',
+      alignItems: 'center',
+      fontWeight: 200,
+      color: theme.palette.grey[700],
+      marginRight: 22,
+      fontSize: 10
+    },
+    sendButton: {
+      padding: 5
+    },
+    labelHighlighter: {
+      fontWeight: 200,
+      fontSize: 10
+    },
+    selectLabel: {
+      fontSize: 10,
+      lineHeight: '14px',
+      color: theme.palette.grey[500]
+    },
+    uploadingError: {
+      paddingTop: '10px'
+    }
+  };
+};
+var getAnnotationActiveUntil = function getAnnotationActiveUntil(value, initialPeriod) {
+  if (value === 'forever') return null;
+  var period = ANNOTATION_ACTIVE_PERIODS[value];
+  return moment(initialPeriod).add(period.time.amount, period.time.key).format();
+};
+var AnnotationInput = function AnnotationInput(_ref) {
+  var initialText = _ref.initialText,
+    initialPeriod = _ref.initialPeriod,
+    onSend = _ref.onSend,
+    onClose = _ref.onClose,
+    closeOnEsc = _ref.closeOnEsc,
+    classes = _ref.classes,
+    initialAttachment = _ref.initialAttachment,
+    assetCompanyId = _ref.assetCompanyId,
+    currentUser = _ref.currentUser;
+  var _useState = useState(initialText),
+    _useState2 = _slicedToArray(_useState, 2),
+    annotationText = _useState2[0],
+    setAnnotationText = _useState2[1];
+  var _useState3 = useState(function () {
+      return initialAttachment ? {
+        attachmentName: initialAttachment.file_name,
+        attachmentUrl: initialAttachment.signed_url || initialAttachment.s3_link
+      } : null;
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    attachment = _useState4[0],
+    setAttachment = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    uploadError = _useState6[0],
+    setUploadError = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isShiftKeyDown = _useState8[0],
+    setIsShiftKeyDown = _useState8[1];
+  var _useState9 = useState(ANNOTATION_ACTIVE_PERIODS_KEYS[0]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    period = _useState10[0],
+    setPeriod = _useState10[1];
+  useEscPress(function () {
+    if (closeOnEsc) onClose();
+  });
+  var handleSend = function handleSend() {
+    if (annotationText) {
+      var formattedPeriod = getAnnotationActiveUntil(period, initialPeriod);
+      onSend(annotationText, formattedPeriod, attachment);
+    }
+  };
+  var handlePeriodChange = function handlePeriodChange(e) {
+    return setPeriod(e.target.value);
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key === 'Shift') setIsShiftKeyDown(true);
+    if (e.key === 'Enter' && !isShiftKeyDown && !isSuggestionsListOpened()) {
+      e.preventDefault(); // NOTE: Don't add linebreak to the post
+      handleSend();
+    }
+  };
+  var handleKeyUp = function handleKeyUp(e) {
+    if (e.key === 'Shift') setIsShiftKeyDown(false);
+  };
+  var handleSelectEmoji = function handleSelectEmoji(emoji) {
+    return setAnnotationText("".concat(annotationText).concat(emoji.native));
+  };
+  var handleAnnotationTextChange = function handleAnnotationTextChange(text) {
+    return setAnnotationText(text);
+  };
+  var onFileUploaded = function onFileUploaded(attachmentUrl, attachmentName, attachmentSize) {
+    setAttachment({
+      attachmentUrl: attachmentUrl,
+      attachmentName: attachmentName,
+      attachmentSize: attachmentSize
+    });
+    setUploadError(null);
+  };
+  var onUploadingError = function onUploadingError(error) {
+    setAttachment(null);
+    setUploadError(error);
+  };
+  var onAttachmentDelete = function onAttachmentDelete() {
+    setAttachment(null);
+    setUploadError(null);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.cAnnotationInput,
+    children: [/*#__PURE__*/jsxs(Paper, {
+      className: styles.cAnnotationInputContent,
+      children: [/*#__PURE__*/jsx(Input, {
+        "data-testid": "".concat(PAGE_NAME, "_annotationsInput"),
+        inputComponent: UserMention,
+        inputProps: {
+          withLightTheme: false,
+          onChange: handleAnnotationTextChange,
+          onKeyDown: handleKeyDown,
+          onKeyUp: handleKeyUp,
+          companyId: assetCompanyId,
+          currentUser: currentUser
+        },
+        placeholder: ANNOTATION_PLACEHOLDER,
+        fullWidth: true,
+        disableUnderline: true,
+        multiline: true,
+        rows: "3",
+        className: classes.inputRoot,
+        value: annotationText
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.cAnnotationInputContentActions,
+        children: [/*#__PURE__*/jsx(Tooltip, {
+          title: "Attach File",
+          placement: "bottom",
+          children: /*#__PURE__*/jsx("div", {
+            className: styles.cAnnotationInputContentActionsButton,
+            children: /*#__PURE__*/jsx(FileUploadIconButton, {
+              "data-testid": "".concat(PAGE_NAME, "_attachFileButton"),
+              openPreviewDialogOnUpload: false,
+              disableRipple: true,
+              onFinish: onFileUploaded,
+              onError: onUploadingError,
+              htmlColor: "action"
+            })
+          })
+        }), /*#__PURE__*/jsx(Tooltip, {
+          title: "Add Emoji",
+          placement: "bottom",
+          children: /*#__PURE__*/jsx("div", {
+            className: styles.cAnnotationInputContentActionsButton,
+            children: /*#__PURE__*/jsx(EmojiIconButton, {
+              "data-testid": "".concat(PAGE_NAME, "_emojiButton"),
+              htmlColor: grey[400],
+              handleSelectEmoji: handleSelectEmoji
+            })
+          })
+        })]
+      })]
+    }), uploadError && /*#__PURE__*/jsx(FailedFileUploading, {
+      className: classes.uploadingError,
+      errorMessage: uploadError
+    }), attachment && attachment.attachmentUrl && /*#__PURE__*/jsx(FilePreview, {
+      fileName: attachment.attachmentName,
+      fileUrl: attachment.attachmentUrl,
+      handleFileDelete: onAttachmentDelete
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.cAnnotationInputActions,
+      children: [/*#__PURE__*/jsxs(FormControl, {
+        className: classes.formControl,
+        children: [/*#__PURE__*/jsx(InputLabel, {
+          shrink: true,
+          id: "periods-label-label",
+          className: classes.selectLabel,
+          children: "Active"
+        }), /*#__PURE__*/jsx(StyledSelect, {
+          "data-testid": "".concat(PAGE_NAME, "_periodDropdown"),
+          labelId: "periods-label-label",
+          id: "periods-label",
+          value: period,
+          disableUnderline: true,
+          onChange: handlePeriodChange,
+          children: ANNOTATION_ACTIVE_PERIODS_KEYS.map(function (key) {
+            return /*#__PURE__*/jsx(MenuItem, {
+              "data-testid": "".concat(PAGE_NAME, "_period_").concat(ANNOTATION_ACTIVE_PERIODS[key].label, "MenuItem"),
+              value: key,
+              children: ANNOTATION_ACTIVE_PERIODS[key].label
+            }, key);
+          })
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.cAnnotationInputActionsSend,
+        children: [/*#__PURE__*/jsxs(Typography, {
+          variant: "caption",
+          className: classes.sendLabel,
+          children: ["Press\xA0", /*#__PURE__*/jsx(Typography, {
+            variant: "caption",
+            color: "primary",
+            component: "span",
+            className: classes.labelHighlighter,
+            children: "Enter\xA0"
+          }), "to send\xA0"]
+        }), /*#__PURE__*/jsx(Tooltip, {
+          title: "Send",
+          placement: "bottom",
+          children: /*#__PURE__*/jsx("div", {
+            children: /*#__PURE__*/jsx(IconButton, {
+              "data-testid": "".concat(PAGE_NAME, "_sendButton"),
+              className: classes.sendButton,
+              onClick: handleSend,
+              disabled: !annotationText,
+              children: /*#__PURE__*/jsx(SendIcon, {
+                color: "primary"
+              })
+            })
+          })
+        })]
+      })]
+    })]
+  });
+};
+AnnotationInput.propTypes = {
+  initialText: string,
+  initialPeriod: string,
+  initialAttachment: shape({
+    file_name: string,
+    s3_link: string
+  }),
+  onSend: func,
+  onClose: func,
+  closeOnEsc: bool,
+  assetCompanyId: number.isRequired,
+  currentUser: shape().isRequired,
+  classes: shape().isRequired
+};
+AnnotationInput.defaultProps = {
+  initialText: '',
+  initialPeriod: undefined,
+  initialAttachment: null,
+  onSend: function onSend() {
+    return undefined;
+  },
+  onClose: function onClose() {
+    return undefined;
+  },
+  closeOnEsc: false
+};
+var AnnotationInput$1 = withStyles(muiStyles)(AnnotationInput);
+
+export { AnnotationInput$1 as default };
+//# sourceMappingURL=index.js.map