@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

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

@@ -1 +1,270 @@
-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 _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import { postAnnotationComment, getAnnotationComments } from '../../../../../../clients/jsonApi/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Button, Typography } from '@material-ui/core';
+import { useRef, useState, useEffect } from 'react';
+import { string, bool, number, func, shape } from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+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';
+
+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 default AnnotationComments$1;
+//# 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{margin-left:18px;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__2Sdol {\n  margin-top: 5px;\n}\n\n.style_cAnnotationCommentsListItems__3F9Uj {\n  margin-bottom: 5px;\n  padding: 0 0 5px 19px;\n}\n\n.style_cAnnotationCommentsListInput__rGUJu {\n  margin-left: 18px;\n  padding-bottom: 15px;\n}\n\n.style_cAnnotationCommentsListInput__rGUJu .c-user-mention {\n  font-size: 14px;\n}\n";
+var styles = {"cAnnotationCommentsList":"style_cAnnotationCommentsList__2Sdol","cAnnotationCommentsListItems":"style_cAnnotationCommentsListItems__3F9Uj","cAnnotationCommentsListInput":"style_cAnnotationCommentsListInput__rGUJu"};
+styleInject(css_248z);
+
+export default styles;
+//# 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,gEAAqE;AAC7F;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1 +1,42 @@
-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 { jsx } from 'react/jsx-runtime';
+import { Select } from '@material-ui/core';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+
+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 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, ["classes"]);
+
+  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 default StyledSelect$1;
+//# 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;AADA,GADI;AAIhBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,MADN;AAEJC,IAAAA,UAAU,EAAE;AAFR,GAJU;AAQhBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE;AADH;AARQ,CAAlB;;AAaA,SAASC,YAAT,OAA6C;AAAA,MAArBC,OAAqB,QAArBA,OAAqB;AAAA,MAATC,KAAS;;AAC3C,sBAAOC,IAAC,MAAD;AAAQ,IAAA,OAAO,EAAEF,OAAjB;AAA0B,IAAA,SAAS,EAAEA,OAAO,CAACR;AAA7C,KAA6DS,KAA7D,EAAP;AACD;;AAEDF,YAAY,CAACI,SAAb,GAAyB;AACvBH,EAAAA,OAAO,EAAEI,SAAS,CAACC,KAAV,GAAkBC;AADJ,CAAzB;AAIA,qBAAeC,UAAU,CAAChB,SAAD,EAAY;AAAEiB,EAAAA,SAAS,EAAE;AAAb,CAAZ,CAAV,CAA2CT,YAA3C,CAAf;;;;"}