@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

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

@@ -1 +1,239 @@
-import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/asyncToGenerator";import n from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/regenerator";import{memo as r,useRef as a,useState as i,useEffect as s}from"react";import{number as c,string as p,shape as d,func as m,bool as l}from"prop-types";import u from"classnames";import{withStyles as f}from"@material-ui/core/styles";import{RootRef as h,Paper as y,Typography as b,Tooltip as g,IconButton as A}from"@material-ui/core";import v from"@material-ui/icons/ChevronLeft";import{getAnnotations as I}from"../../../../clients/jsonApi/index.js";import{useAnnotationsState as C,useAnnotationsDispatch as T}from"../../AnnotationsContext.js";import{SET_ANNOTATIONS as N,APPEND_ANNOTATIONS as x}from"../../constants.js";import j from"./components/AddAnnotationForm/index.js";import L from"./components/Annotation/index.js";import k from"./style.css.js";import"../../../../utils/index.js";import{isNativeDetected as R}from"../../../../utils/mobileDetect.js";import _ from"../../../InfiniteList/index.js";import q from"../../../../effects/useOutsideClick.js";import{jsx as w,jsxs as S,Fragment as H}from"react/jsx-runtime";import{showSuccessNotification as U}from"../../../../utils/notificationToasts.js";var F="AppAnnotationsPo",O=function(r){var c,p=r.appId,d=r.appTitle,m=r.assetId,l=r.assetCompanyId,f=r.appSettings,R=r.currentUser,O=r.onClose,P=r.isNative,W=r.classes,B=r.dashboardType,D=C().annotations,E=T(),G=a(),M=a();q(G,O);var z=i(!1),J=n(z,2),K=J[0],Q=J[1],V=i(!0),X=n(V,2),Y=X[0],Z=X[1],$=i(!0),tt=n($,2),et=tt[0],nt=tt[1],ot=i(1),rt=n(ot,2),at=rt[0],it=rt[1];function st(){return(st=e(o.mark((function t(){var e,n,r;return o.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(p&&m){t.next=2;break}return t.abrupt("return");case 2:return Z(!0),t.prev=3,n={page:at,per_page:4,sort:"created_at",order:"desc"},B&&(n.dashboard_type=B),t.next=8,I(p,m,n);case 8:e=t.sent,E({type:1===at?N:x,annotations:e}),t.next=15;break;case 12:t.prev=12,t.t0=t.catch(3),console.error(t.t0);case 15:r=e&&e.data.length<4,it(at+1),nt(!r),Z(!1);case 19:case"end":return t.stop()}}),t,null,[[3,12]])})))).apply(this,arguments)}return s((function(){Q(!0)}),[]),w(h,{rootRef:G,children:S(y,{className:u(k.cAnnotationsList,(c={},t(c,k.cAnnotationsListOpen,K),t(c,k.cAnnotationsListOpenNative,P),c)),children:[w(_,{infiniteClassName:k.cAnnotationsListContentContainer,headerComponent:S(H,{children:[w(b,{"data-testid":"".concat(F,"_appTitle"),variant:"body1",className:W.title,children:d}),w("div",{className:k.cAnnotationsListContentTop,children:S(b,{"data-testid":"".concat(F,"_annotationsTitle"),variant:"caption",className:W.secondaryTitle,children:["Annotations (",D.data?D.data.length:0,")"]})}),w(j,{appId:p,assetId:m,assetCompanyId:l,appSettings:f,currentUser:R,dashboardType:B})]}),useWindow:P,items:D.data||[],showNoItemsFound:!(D.data&&0!==D.data.length||Y),noItemsFoundLabel:w(b,{variant:"body2","data-testid":"".concat(F,"_noAnnotations"),className:W.noAnnotations,children:"No Annotations yet"}),threshold:50,infiniteContainerHeight:G.current&&M.current?G.current.clientHeight-M.current.clientHeight:null,moreItemsMayExist:et,pathToCreatedAt:["attributes","created_at"],renderItem:function(t){return w(L,{isNative:P,annotation:t,assetCompanyId:l,included:D.included,currentUser:R,showSuccessNotification:U},t.id)},loadItems:function(){return st.apply(this,arguments)}}),w("div",{className:k.cAnnotationsListActions,ref:M,children:w(g,{title:"Hide",placement:"bottom",children:w(A,{"data-testid":"".concat(F,"_hideButton"),onClick:O,className:W.backIcon,children:w(v,{})})})})]})})};O.propTypes={appId:c.isRequired,appTitle:p.isRequired,assetId:c.isRequired,assetCompanyId:c.isRequired,appSettings:d(),classes:d().isRequired,onClose:m.isRequired,currentUser:d({}).isRequired,isNative:l,dashboardType:p},O.defaultProps={appSettings:{},isNative:R,dashboardType:null};var P=f((function(t){return{title:{fontWeight:200,marginBottom:20},secondaryTitle:{fontWeight:200,textTransform:"uppercase",color:t.palette.grey[600]},annotateIcon:{padding:0,"&:hover":{backgroundColor:"transparent",boxShadow:"none"}},noAnnotations:{marginTop:16},backIcon:{cursor:"pointer",color:t.palette.grey[600],padding:5}}}))(r(O));export{P as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { memo, useRef, useState, useEffect } from 'react';
+import { number, string, shape, func, bool } from 'prop-types';
+import classNames from 'classnames';
+import { withStyles } from '@material-ui/core/styles';
+import { RootRef, Paper, Typography, Tooltip, IconButton } from '@material-ui/core';
+import BackIcon from '@material-ui/icons/ChevronLeft';
+import { getAnnotations } from '../../../../clients/jsonApi/index.js';
+import { useAnnotationsState, useAnnotationsDispatch } from '../../AnnotationsContext.js';
+import { SET_ANNOTATIONS, APPEND_ANNOTATIONS } from '../../constants.js';
+import AddAnnotationForm from './components/AddAnnotationForm/index.js';
+import Annotation from './components/Annotation/index.js';
+import styles from './style.css.js';
+import '../../../../utils/index.js';
+import { isNativeDetected } from '../../../../utils/mobileDetect.js';
+import InfiniteList from '../../../InfiniteList/index.js';
+import useOutsideClick from '../../../../effects/useOutsideClick.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { showSuccessNotification } from '../../../../utils/notificationToasts.js';
+
+var PAGE_NAME = 'AppAnnotationsPo';
+var muiStyles = function muiStyles(theme) {
+  return {
+    title: {
+      fontWeight: 200,
+      marginBottom: 20
+    },
+    secondaryTitle: {
+      fontWeight: 200,
+      textTransform: 'uppercase',
+      color: theme.palette.grey[600]
+    },
+    annotateIcon: {
+      padding: 0,
+      '&:hover': {
+        backgroundColor: 'transparent',
+        boxShadow: 'none'
+      }
+    },
+    noAnnotations: {
+      marginTop: 16
+    },
+    backIcon: {
+      cursor: 'pointer',
+      color: theme.palette.grey[600],
+      padding: 5
+    }
+  };
+};
+var PER_PAGE = 4;
+var AnnotationsList = function AnnotationsList(_ref) {
+  var _classNames;
+  var appId = _ref.appId,
+    appTitle = _ref.appTitle,
+    assetId = _ref.assetId,
+    assetCompanyId = _ref.assetCompanyId,
+    appSettings = _ref.appSettings,
+    currentUser = _ref.currentUser,
+    onClose = _ref.onClose,
+    isNative = _ref.isNative,
+    classes = _ref.classes,
+    dashboardType = _ref.dashboardType;
+  var _useAnnotationsState = useAnnotationsState(),
+    annotations = _useAnnotationsState.annotations;
+  var dispatch = useAnnotationsDispatch();
+  var rootRef = useRef();
+  var footerRef = useRef();
+  var infiniteContainerHeight = function infiniteContainerHeight() {
+    if (rootRef.current && footerRef.current) return rootRef.current.clientHeight - footerRef.current.clientHeight;
+    return null;
+  };
+  useOutsideClick(rootRef, onClose);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isInfiniteLoading = _useState4[0],
+    setIsInfiniteLoading = _useState4[1];
+  var _useState5 = useState(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    moreItemsMayExist = _useState6[0],
+    setMoreItemsMayExist = _useState6[1];
+  var _useState7 = useState(1),
+    _useState8 = _slicedToArray(_useState7, 2),
+    page = _useState8[0],
+    setPage = _useState8[1];
+  function handleFetchAnnotations() {
+    return _handleFetchAnnotations.apply(this, arguments);
+  }
+  function _handleFetchAnnotations() {
+    _handleFetchAnnotations = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var response, options, lessThanPerPage;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (appId && assetId) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return");
+            case 2:
+              setIsInfiniteLoading(true);
+              _context.prev = 3;
+              options = {
+                page: page,
+                per_page: PER_PAGE,
+                sort: 'created_at',
+                order: 'desc'
+              };
+              if (dashboardType) options.dashboard_type = dashboardType;
+              _context.next = 8;
+              return getAnnotations(appId, assetId, options);
+            case 8:
+              response = _context.sent;
+              dispatch({
+                type: page === 1 ? SET_ANNOTATIONS : APPEND_ANNOTATIONS,
+                annotations: response
+              });
+              _context.next = 15;
+              break;
+            case 12:
+              _context.prev = 12;
+              _context.t0 = _context["catch"](3);
+              console.error(_context.t0);
+            case 15:
+              lessThanPerPage = response && response.data.length < PER_PAGE;
+              setPage(page + 1);
+              setMoreItemsMayExist(!lessThanPerPage);
+              setIsInfiniteLoading(false);
+            case 19:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[3, 12]]);
+    }));
+    return _handleFetchAnnotations.apply(this, arguments);
+  }
+  useEffect(function () {
+    setIsOpen(true); // NOTE: Opens here because of for the sliding effect on open
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+  return /*#__PURE__*/jsx(RootRef, {
+    rootRef: rootRef,
+    children: /*#__PURE__*/jsxs(Paper, {
+      className: classNames(styles.cAnnotationsList, (_classNames = {}, _defineProperty(_classNames, styles.cAnnotationsListOpen, isOpen), _defineProperty(_classNames, styles.cAnnotationsListOpenNative, isNative), _classNames)),
+      children: [/*#__PURE__*/jsx(InfiniteList, {
+        infiniteClassName: styles.cAnnotationsListContentContainer,
+        headerComponent: /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(Typography, {
+            "data-testid": "".concat(PAGE_NAME, "_appTitle"),
+            variant: "body1",
+            className: classes.title,
+            children: appTitle
+          }), /*#__PURE__*/jsx("div", {
+            className: styles.cAnnotationsListContentTop,
+            children: /*#__PURE__*/jsxs(Typography, {
+              "data-testid": "".concat(PAGE_NAME, "_annotationsTitle"),
+              variant: "caption",
+              className: classes.secondaryTitle,
+              children: ["Annotations (", annotations.data ? annotations.data.length : 0, ")"]
+            })
+          }), /*#__PURE__*/jsx(AddAnnotationForm, {
+            appId: appId,
+            assetId: assetId,
+            assetCompanyId: assetCompanyId,
+            appSettings: appSettings,
+            currentUser: currentUser,
+            dashboardType: dashboardType
+          })]
+        }),
+        useWindow: isNative,
+        items: annotations.data || [],
+        showNoItemsFound: (!annotations.data || annotations.data.length === 0) && !isInfiniteLoading,
+        noItemsFoundLabel: /*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          "data-testid": "".concat(PAGE_NAME, "_noAnnotations"),
+          className: classes.noAnnotations,
+          children: "No Annotations yet"
+        }),
+        threshold: 50,
+        infiniteContainerHeight: infiniteContainerHeight(),
+        moreItemsMayExist: moreItemsMayExist,
+        pathToCreatedAt: ['attributes', 'created_at'],
+        renderItem: function renderItem(item) {
+          return /*#__PURE__*/jsx(Annotation, {
+            isNative: isNative,
+            annotation: item,
+            assetCompanyId: assetCompanyId,
+            included: annotations.included,
+            currentUser: currentUser,
+            showSuccessNotification: showSuccessNotification
+          }, item.id);
+        },
+        loadItems: handleFetchAnnotations
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.cAnnotationsListActions,
+        ref: footerRef,
+        children: /*#__PURE__*/jsx(Tooltip, {
+          title: "Hide",
+          placement: "bottom",
+          children: /*#__PURE__*/jsx(IconButton, {
+            "data-testid": "".concat(PAGE_NAME, "_hideButton"),
+            onClick: onClose,
+            className: classes.backIcon,
+            children: /*#__PURE__*/jsx(BackIcon, {})
+          })
+        })
+      })]
+    })
+  });
+};
+AnnotationsList.propTypes = {
+  appId: number.isRequired,
+  appTitle: string.isRequired,
+  assetId: number.isRequired,
+  assetCompanyId: number.isRequired,
+  appSettings: shape(),
+  classes: shape().isRequired,
+  onClose: func.isRequired,
+  currentUser: shape({}).isRequired,
+  isNative: bool,
+  dashboardType: string
+};
+AnnotationsList.defaultProps = {
+  appSettings: {},
+  isNative: isNativeDetected,
+  dashboardType: null
+};
+var AnnotationsList$1 = withStyles(muiStyles)(memo(AnnotationsList));
+
+export { AnnotationsList$1 as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Annotations/components/AnnotationsList/index.js"],"sourcesContent":["import { memo, useState, useEffect, useRef } from 'react';\nimport { func, bool, shape, number, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Paper, Typography, IconButton, Tooltip, RootRef } from '@material-ui/core';\nimport BackIcon from '@material-ui/icons/ChevronLeft';\n\nimport { getAnnotations } from '../../../../clients/jsonApi';\nimport { useAnnotationsState, useAnnotationsDispatch } from '../../AnnotationsContext';\nimport { SET_ANNOTATIONS, APPEND_ANNOTATIONS } from '../../constants';\n\nimport AddAnnotationForm from './components/AddAnnotationForm';\nimport Annotation from './components/Annotation';\n\nimport styles from './style.css';\n\nimport { showSuccessNotification } from '~/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport InfiniteList from '~components/InfiniteList';\nimport useOutsideClick from '~effects/useOutsideClick';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst muiStyles = theme => ({\n  title: { fontWeight: 200, marginBottom: 20 },\n  secondaryTitle: {\n    fontWeight: 200,\n    textTransform: 'uppercase',\n    color: theme.palette.grey[600],\n  },\n  annotateIcon: {\n    padding: 0,\n    '&:hover': {\n      backgroundColor: 'transparent',\n      boxShadow: 'none',\n    },\n  },\n  noAnnotations: { marginTop: 16 },\n  backIcon: { cursor: 'pointer', color: theme.palette.grey[600], padding: 5 },\n});\n\nconst PER_PAGE = 4;\n\nconst AnnotationsList = ({\n  appId,\n  appTitle,\n  assetId,\n  assetCompanyId,\n  appSettings,\n  currentUser,\n  onClose,\n  isNative,\n  classes,\n  dashboardType,\n}) => {\n  const { annotations } = useAnnotationsState();\n  const dispatch = useAnnotationsDispatch();\n\n  const rootRef = useRef();\n  const footerRef = useRef();\n\n  const infiniteContainerHeight = () => {\n    if (rootRef.current && footerRef.current)\n      return rootRef.current.clientHeight - footerRef.current.clientHeight;\n    return null;\n  };\n\n  useOutsideClick(rootRef, onClose);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isInfiniteLoading, setIsInfiniteLoading] = useState(true);\n  const [moreItemsMayExist, setMoreItemsMayExist] = useState(true);\n  const [page, setPage] = useState(1);\n\n  async function handleFetchAnnotations() {\n    if (!(appId && assetId)) return;\n    setIsInfiniteLoading(true);\n\n    let response;\n    try {\n      const options = {\n        page,\n        per_page: PER_PAGE,\n        sort: 'created_at',\n        order: 'desc',\n      };\n      if (dashboardType) options.dashboard_type = dashboardType;\n\n      response = await getAnnotations(appId, assetId, options);\n      dispatch({\n        type: page === 1 ? SET_ANNOTATIONS : APPEND_ANNOTATIONS,\n        annotations: response,\n      });\n    } catch (e) {\n      console.error(e);\n    }\n\n    const lessThanPerPage = response && response.data.length < PER_PAGE;\n\n    setPage(page + 1);\n    setMoreItemsMayExist(!lessThanPerPage);\n    setIsInfiniteLoading(false);\n  }\n\n  useEffect(() => {\n    setIsOpen(true); // NOTE: Opens here because of for the sliding effect on open\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <RootRef rootRef={rootRef}>\n      <Paper\n        className={classNames(styles.cAnnotationsList, {\n          [styles.cAnnotationsListOpen]: isOpen,\n          [styles.cAnnotationsListOpenNative]: isNative,\n        })}\n      >\n        <InfiniteList\n          infiniteClassName={styles.cAnnotationsListContentContainer}\n          headerComponent={\n            <>\n              <Typography\n                data-testid={`${PAGE_NAME}_appTitle`}\n                variant=\"body1\"\n                className={classes.title}\n              >\n                {appTitle}\n              </Typography>\n\n              <div className={styles.cAnnotationsListContentTop}>\n                <Typography\n                  data-testid={`${PAGE_NAME}_annotationsTitle`}\n                  variant=\"caption\"\n                  className={classes.secondaryTitle}\n                >\n                  Annotations ({annotations.data ? annotations.data.length : 0})\n                </Typography>\n              </div>\n\n              <AddAnnotationForm\n                appId={appId}\n                assetId={assetId}\n                assetCompanyId={assetCompanyId}\n                appSettings={appSettings}\n                currentUser={currentUser}\n                dashboardType={dashboardType}\n              />\n            </>\n          }\n          useWindow={isNative}\n          items={annotations.data || []}\n          showNoItemsFound={\n            (!annotations.data || annotations.data.length === 0) && !isInfiniteLoading\n          }\n          noItemsFoundLabel={\n            <Typography\n              variant=\"body2\"\n              data-testid={`${PAGE_NAME}_noAnnotations`}\n              className={classes.noAnnotations}\n            >\n              No Annotations yet\n            </Typography>\n          }\n          threshold={50}\n          infiniteContainerHeight={infiniteContainerHeight()}\n          moreItemsMayExist={moreItemsMayExist}\n          pathToCreatedAt={['attributes', 'created_at']}\n          renderItem={item => (\n            <Annotation\n              key={item.id}\n              isNative={isNative}\n              annotation={item}\n              assetCompanyId={assetCompanyId}\n              included={annotations.included}\n              currentUser={currentUser}\n              showSuccessNotification={showSuccessNotification}\n            />\n          )}\n          loadItems={handleFetchAnnotations}\n        />\n        <div className={styles.cAnnotationsListActions} ref={footerRef}>\n          <Tooltip title=\"Hide\" placement=\"bottom\">\n            <IconButton\n              data-testid={`${PAGE_NAME}_hideButton`}\n              onClick={onClose}\n              className={classes.backIcon}\n            >\n              <BackIcon />\n            </IconButton>\n          </Tooltip>\n        </div>\n      </Paper>\n    </RootRef>\n  );\n};\n\nAnnotationsList.propTypes = {\n  appId: number.isRequired,\n  appTitle: string.isRequired,\n  assetId: number.isRequired,\n  assetCompanyId: number.isRequired,\n  appSettings: shape(),\n  classes: shape().isRequired,\n  onClose: func.isRequired,\n  currentUser: shape({}).isRequired,\n  isNative: bool,\n  dashboardType: string,\n};\n\nAnnotationsList.defaultProps = {\n  appSettings: {},\n  isNative: isNativeDetected,\n  dashboardType: null,\n};\n\nexport default withStyles(muiStyles)(memo(AnnotationsList));\n"],"names":["PAGE_NAME","muiStyles","theme","title","fontWeight","marginBottom","secondaryTitle","textTransform","color","palette","grey","annotateIcon","padding","backgroundColor","boxShadow","noAnnotations","marginTop","backIcon","cursor","PER_PAGE","AnnotationsList","appId","appTitle","assetId","assetCompanyId","appSettings","currentUser","onClose","isNative","classes","dashboardType","useAnnotationsState","annotations","dispatch","useAnnotationsDispatch","rootRef","useRef","footerRef","infiniteContainerHeight","current","clientHeight","useOutsideClick","useState","isOpen","setIsOpen","isInfiniteLoading","setIsInfiniteLoading","moreItemsMayExist","setMoreItemsMayExist","page","setPage","handleFetchAnnotations","options","per_page","sort","order","dashboard_type","getAnnotations","response","type","SET_ANNOTATIONS","APPEND_ANNOTATIONS","console","error","lessThanPerPage","data","length","useEffect","_jsx","_jsxs","classNames","styles","cAnnotationsList","cAnnotationsListOpen","cAnnotationsListOpenNative","cAnnotationsListContentContainer","_Fragment","cAnnotationsListContentTop","item","included","showSuccessNotification","id","cAnnotationsListActions","propTypes","number","isRequired","string","shape","func","bool","defaultProps","isNativeDetected","withStyles","memo"],"mappings":"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"}

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

@@ -1 +1,8 @@
-import t from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var n={cAnnotationsList:"style_cAnnotationsList__D1C25",blur:"style_blur__xaWYq",cAnnotationsListOpen:"style_cAnnotationsListOpen__M5Q27",cAnnotationsListOpenNative:"style_cAnnotationsListOpenNative__DcsYt",cAnnotationsListContentContainer:"style_cAnnotationsListContentContainer__rjA2-",cAnnotationsListActions:"style_cAnnotationsListActions__tV8tG",cAnnotationsListContentTopIcon:"style_cAnnotationsListContentTopIcon__9YAzy"};t('.style_cAnnotationsList__D1C25{background-color:transparent!important;border-radius:0;display:flex;flex-direction:column;height:100%;left:0;min-width:0;position:absolute;top:0;transition:min-width .3s ease-in-out,width .3s ease-in-out!important;width:0;z-index:1201}.style_cAnnotationsList__D1C25:after{animation:style_blur__xaWYq .5s linear 1;backdrop-filter:blur(4px);background:#161616b0;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.style_cAnnotationsListOpen__M5Q27{max-width:420px;min-width:340px;width:80%}.style_cAnnotationsListOpenNative__DcsYt{width:100%}.style_cAnnotationsListContentContainer__rjA2-{padding:16px 16px 0}.style_cAnnotationsListActions__tV8tG{margin-top:auto;padding:16px;text-align:right}.style_cAnnotationsListContentTopIcon__9YAzy{height:24px;margin-right:5px;width:24px}@keyframes style_blur__xaWYq{0%{backdrop-filter:blur(0)}to{backdrop-filter:blur(4px)}}');export{n as default};
+import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".style_cAnnotationsList__D1C25 {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 0;\n  min-width: 0;\n  height: 100%;\n  z-index: 1201; /* NOTE: Bigger by 1 from SideBar panel  */\n  transition: min-width 300ms ease-in-out, width 300ms ease-in-out !important;\n  border-radius: 0;\n  background-color: transparent !important;\n}\n\n.style_cAnnotationsList__D1C25::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  backdrop-filter: blur(4px);\n  background: #161616b0;\n\n  /* NOTE: Because of chromium issue blur might not work initially without this animation */\n  animation: style_blur__xaWYq 0.5s 1 linear;\n}\n\n.style_cAnnotationsListOpen__M5Q27 {\n  width: 80%;\n  max-width: 420px;\n  min-width: 340px;\n}\n\n.style_cAnnotationsListOpenNative__DcsYt {\n  width: 100%;\n}\n\n.style_cAnnotationsListContentContainer__rjA2- {\n  padding: 16px 16px 0 16px;\n}\n\n.style_cAnnotationsListActions__tV8tG {\n  text-align: right;\n  padding: 16px;\n  margin-top: auto;\n}\n\n.style_cAnnotationsListContentTopIcon__9YAzy {\n  width: 24px;\n  height: 24px;\n  margin-right: 5px;\n}\n\n@keyframes style_blur__xaWYq {\n  from {\n    backdrop-filter: blur(0px);\n  }\n  to {\n    backdrop-filter: blur(4px);\n  }\n}\n";
+var styles = {"cAnnotationsList":"style_cAnnotationsList__D1C25","blur":"style_blur__xaWYq","cAnnotationsListOpen":"style_cAnnotationsListOpen__M5Q27","cAnnotationsListOpenNative":"style_cAnnotationsListOpenNative__DcsYt","cAnnotationsListContentContainer":"style_cAnnotationsListContentContainer__rjA2-","cAnnotationsListActions":"style_cAnnotationsListActions__tV8tG","cAnnotationsListContentTopIcon":"style_cAnnotationsListContentTopIcon__9YAzy"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=style.css.js.map

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

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

package/components/Annotations/components/LastAnnotation/index.js

@@ -1 +1,256 @@
-import e from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/regenerator";import{memo as i,useMemo as a}from"react";import{number as n,shape as s,arrayOf as o,string as c,bool as m,func as u}from"prop-types";import d from"classnames";import{flowRight as l}from"lodash";import{withStyles as p}from"@material-ui/core/styles";import f,{isWidthUp as h}from"@material-ui/core/withWidth";import v from"@material-ui/core/Paper";import b from"@material-ui/core/Typography";import y from"@material-ui/icons/Comment";import N from"@material-ui/icons/Close";import{closeLastAnnotation as A}from"../../../../clients/jsonApi/index.js";import R from"./style.css.js";import g from"../../../UserCardPopover.js";import{AvatarComponent as x}from"../../../Avatar/index.js";import{formatMentionText as q}from"../../../UserMention/utils/index.js";import{isNativeDetected as _}from"../../../../utils/mobileDetect.js";import{jsxs as U,jsx as C}from"react/jsx-runtime";var j="lastAnnotation",L=function(e){var t=e.user,r=e.currentUser,i=e.isNative,a=e.className,n=e.size,s=C(x,{displayName:"".concat(t.first_name," ").concat(t.last_name),imgSrc:t.profile_photo,size:n,className:a});return i?s:C(g,{user:t,currentUser:r,children:s})},T=function(e){var r=e.commentsCount,i=e.commentUsers,a=e.isSmallScreen,n=e.isNative,s=e.currentUser,o=e.classes;return r?U("div",{className:R.cTopAnnotationAdditionalReactions,children:[C(y,{className:o.commentIcon}),!a&&U(b,{variant:"body2","data-testid":"".concat(j,"_comments"),noWrap:!0,className:o.commentText,component:"div",children:["Comments ",r]}),C("div",{className:R.cTopAnnotationAdditionalReactionsList,children:i.map((function(e,r){var i=e.attributes;return C(L,{user:i,currentUser:s,isNative:n,className:d(o.avatar,t({},o.avatarInList,0!==r)),size:25},i.id)}))})]}):null},w=function(t){var i,n=t.isNative,s=t.appId,o=t.annotation,c=t.openAnnotationsList,m=t.currentUser,u=t.updateCurrentDashboardAppLastAnnotation,d=t.width,l=t.classes,p=o.data,f=o.included,y=f.find((function(e){var t=e.id,r=e.type;return t===p.relationships.user.data.id&&"user"===r})),g=a((function(){return p.relationships.mentioned_users.data.map((function(e){var t=e.id;return f.find((function(e){return e.id===t}))}))}),[p.relationships.mentioned_users.data,f]),x=a((function(){return p.relationships.comment_users.data.map((function(e){var t=e.id;return f.find((function(e){return e.id===t}))}))}),[p.relationships.comment_users.data,f]),_=!h("sm",d),w=(i=e(r.mark((function e(t){var i;return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t.stopPropagation(),e.prev=1,e.next=4,A(p.id);case 4:i=e.sent,u(p.id,s,i),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(1),console.error(e.t0);case 11:case"end":return e.stop()}}),e,null,[[1,8]])}))),function(e){return i.apply(this,arguments)});return U(v,{"data-testid":"".concat(j,"_lastAnnotation"),className:l.container,onClick:c,children:[U("div",{className:R.cTopAnnotationMain,children:[C(L,{user:y.attributes,currentUser:m,isNative:n,className:l.avatar,size:38}),C(b,{variant:"body2","data-testid":"".concat(j,"_message"),noWrap:!0,className:l.body,children:q(p.attributes.body,g,n,null,m)})]}),U("div",{className:R.cTopAnnotationAdditional,children:[C(T,{commentsCount:p.attributes.comments_count,commentUsers:x,classes:l,isSmallScreen:_,currentUser:m}),C(N,{"data-testid":"".concat(j,"_closeButton"),fontSize:"small",className:l.closeButton,onClick:w})]})]})};w.propTypes={appId:n.isRequired,annotation:s({included:o(s({})).isRequired,data:s({relationships:s({user:s({data:s({id:c.isRequired}).isRequired}).isRequired,mentioned_users:s({data:o(s()).isRequired}).isRequired}).isRequired,attributes:s({body:c.isRequired,created_at:c.isRequired})}).isRequired}).isRequired,classes:s({}).isRequired,isNative:m,width:c.isRequired,openAnnotationsList:u.isRequired,updateCurrentDashboardAppLastAnnotation:u,currentUser:s({})},w.defaultProps={isNative:_,updateCurrentDashboardAppLastAnnotation:function(){},currentUser:{}};var I=l([p((function(e){return{container:{height:56,margin:"10px 0",padding:"0 20px",display:"flex",alignItems:"center",justifyContent:"space-between",flex:"auto 1",width:"100%",cursor:"pointer"},body:{margin:"0 16px ",minWidth:100},avatar:{border:"1px solid #909090"},commentIcon:{marginRight:16,color:e.palette.grey[500]},commentText:{marginRight:16,color:e.palette.grey[500]},closeButton:{color:e.palette.grey[500]},avatarInList:{marginLeft:-4}}})),f()])(i(w));export{I as default};
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { memo, useMemo } from 'react';
+import { number, shape, arrayOf, string, bool, func } from 'prop-types';
+import classNames from 'classnames';
+import { flowRight } from 'lodash';
+import { withStyles } from '@material-ui/core/styles';
+import withWidth, { isWidthUp } from '@material-ui/core/withWidth';
+import Paper from '@material-ui/core/Paper';
+import Typography from '@material-ui/core/Typography';
+import CommentIcon from '@material-ui/icons/Comment';
+import CloseIcon from '@material-ui/icons/Close';
+import { closeLastAnnotation } from '../../../../clients/jsonApi/index.js';
+import styles from './style.css.js';
+import UserCardPopover from '../../../UserCardPopover.js';
+import { AvatarComponent } from '../../../Avatar/index.js';
+import { formatMentionText } from '../../../UserMention/utils/index.js';
+import { isNativeDetected } from '../../../../utils/mobileDetect.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'lastAnnotation';
+var muiStyles = function muiStyles(theme) {
+  return {
+    container: {
+      height: 56,
+      margin: '10px 0',
+      padding: '0 20px',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      flex: 'auto 1',
+      width: '100%',
+      cursor: 'pointer'
+    },
+    body: {
+      margin: '0 16px ',
+      minWidth: 100
+    },
+    avatar: {
+      border: '1px solid #909090'
+    },
+    commentIcon: {
+      marginRight: 16,
+      color: theme.palette.grey[500]
+    },
+    commentText: {
+      marginRight: 16,
+      color: theme.palette.grey[500]
+    },
+    closeButton: {
+      color: theme.palette.grey[500]
+    },
+    avatarInList: {
+      marginLeft: -4
+    }
+  };
+};
+
+/* eslint-disable react/prop-types */
+var CreatorAvatar = function CreatorAvatar(_ref) {
+  var user = _ref.user,
+    currentUser = _ref.currentUser,
+    isNative = _ref.isNative,
+    className = _ref.className,
+    size = _ref.size;
+  var children = /*#__PURE__*/jsx(AvatarComponent, {
+    displayName: "".concat(user.first_name, " ").concat(user.last_name),
+    imgSrc: user.profile_photo,
+    size: size,
+    className: className
+  });
+  if (isNative) return children;
+  return /*#__PURE__*/jsx(UserCardPopover, {
+    user: user,
+    currentUser: currentUser,
+    children: children
+  });
+};
+var Reactions = function Reactions(_ref2) {
+  var commentsCount = _ref2.commentsCount,
+    commentUsers = _ref2.commentUsers,
+    isSmallScreen = _ref2.isSmallScreen,
+    isNative = _ref2.isNative,
+    currentUser = _ref2.currentUser,
+    classes = _ref2.classes;
+  if (!commentsCount) return null;
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.cTopAnnotationAdditionalReactions,
+    children: [/*#__PURE__*/jsx(CommentIcon, {
+      className: classes.commentIcon
+    }), !isSmallScreen && /*#__PURE__*/jsxs(Typography, {
+      variant: "body2",
+      "data-testid": "".concat(PAGE_NAME, "_comments"),
+      noWrap: true,
+      className: classes.commentText,
+      component: "div",
+      children: ["Comments ", commentsCount]
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.cTopAnnotationAdditionalReactionsList,
+      children: commentUsers.map(function (_ref3, index) {
+        var attributes = _ref3.attributes;
+        return /*#__PURE__*/jsx(CreatorAvatar, {
+          user: attributes,
+          currentUser: currentUser,
+          isNative: isNative,
+          className: classNames(classes.avatar, _defineProperty({}, classes.avatarInList, index !== 0)),
+          size: 25
+        }, attributes.id);
+      })
+    })]
+  });
+};
+/* eslint-enable */
+
+var LastAnnotation = function LastAnnotation(_ref4) {
+  var isNative = _ref4.isNative,
+    appId = _ref4.appId,
+    annotation = _ref4.annotation,
+    openAnnotationsList = _ref4.openAnnotationsList,
+    currentUser = _ref4.currentUser,
+    updateLastAnnotation = _ref4.updateCurrentDashboardAppLastAnnotation,
+    width = _ref4.width,
+    classes = _ref4.classes;
+  var data = annotation.data,
+    included = annotation.included;
+  var creator = included.find(function (_ref5) {
+    var id = _ref5.id,
+      type = _ref5.type;
+    return id === data.relationships.user.data.id && type === 'user';
+  });
+  var mentionedUsers = useMemo(function () {
+    return data.relationships.mentioned_users.data.map(function (_ref6) {
+      var mentionedUserId = _ref6.id;
+      return included.find(function (_ref7) {
+        var id = _ref7.id;
+        return id === mentionedUserId;
+      });
+    });
+  }, [data.relationships.mentioned_users.data, included]);
+  var commentUsers = useMemo(function () {
+    return data.relationships.comment_users.data.map(function (_ref8) {
+      var commentUserId = _ref8.id;
+      return included.find(function (_ref9) {
+        var id = _ref9.id;
+        return id === commentUserId;
+      });
+    });
+  }, [data.relationships.comment_users.data, included]);
+  var isSmallScreen = !isWidthUp('sm', width);
+  var handleCloseClick = /*#__PURE__*/function () {
+    var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
+      var response;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              e.stopPropagation();
+              _context.prev = 1;
+              _context.next = 4;
+              return closeLastAnnotation(data.id);
+            case 4:
+              response = _context.sent;
+              updateLastAnnotation(data.id, appId, response);
+              _context.next = 11;
+              break;
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](1);
+              console.error(_context.t0);
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[1, 8]]);
+    }));
+    return function handleCloseClick(_x) {
+      return _ref10.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/jsxs(Paper, {
+    "data-testid": "".concat(PAGE_NAME, "_lastAnnotation"),
+    className: classes.container,
+    onClick: openAnnotationsList,
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles.cTopAnnotationMain,
+      children: [/*#__PURE__*/jsx(CreatorAvatar, {
+        user: creator.attributes,
+        currentUser: currentUser,
+        isNative: isNative,
+        className: classes.avatar,
+        size: 38
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        "data-testid": "".concat(PAGE_NAME, "_message"),
+        noWrap: true,
+        className: classes.body,
+        children: formatMentionText(data.attributes.body, mentionedUsers, isNative, null, currentUser)
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.cTopAnnotationAdditional,
+      children: [/*#__PURE__*/jsx(Reactions, {
+        commentsCount: data.attributes.comments_count,
+        commentUsers: commentUsers,
+        classes: classes,
+        isSmallScreen: isSmallScreen,
+        currentUser: currentUser
+      }), /*#__PURE__*/jsx(CloseIcon, {
+        "data-testid": "".concat(PAGE_NAME, "_closeButton"),
+        fontSize: "small",
+        className: classes.closeButton,
+        onClick: handleCloseClick
+      })]
+    })]
+  });
+};
+LastAnnotation.propTypes = {
+  appId: number.isRequired,
+  annotation: shape({
+    included: arrayOf(shape({})).isRequired,
+    data: shape({
+      relationships: shape({
+        user: shape({
+          data: shape({
+            id: string.isRequired
+          }).isRequired
+        }).isRequired,
+        mentioned_users: shape({
+          data: arrayOf(shape()).isRequired
+        }).isRequired
+      }).isRequired,
+      attributes: shape({
+        body: string.isRequired,
+        created_at: string.isRequired
+      })
+    }).isRequired
+  }).isRequired,
+  classes: shape({}).isRequired,
+  isNative: bool,
+  width: string.isRequired,
+  openAnnotationsList: func.isRequired,
+  updateCurrentDashboardAppLastAnnotation: func,
+  currentUser: shape({})
+};
+LastAnnotation.defaultProps = {
+  isNative: isNativeDetected,
+  updateCurrentDashboardAppLastAnnotation: function updateCurrentDashboardAppLastAnnotation() {
+    return undefined;
+  },
+  currentUser: {}
+};
+var LastAnnotation$1 = flowRight([withStyles(muiStyles), withWidth()])(memo(LastAnnotation));
+
+export { LastAnnotation$1 as default };
+//# sourceMappingURL=index.js.map

package/components/Annotations/components/LastAnnotation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Annotations/components/LastAnnotation/index.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport { shape, string, bool, arrayOf, func, number } from 'prop-types';\nimport classNames from 'classnames';\nimport { flowRight } from 'lodash';\nimport { withStyles } from '@material-ui/core/styles';\nimport withWidth, { isWidthUp } from '@material-ui/core/withWidth';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography';\nimport CommentIcon from '@material-ui/icons/Comment';\nimport CloseButton from '@material-ui/icons/Close';\n\nimport { closeLastAnnotation } from '../../../../clients/jsonApi';\n\nimport styles from './style.css';\n\nimport UserCardPopover from '~/components/UserCardPopover';\nimport Avatar from '~/components/Avatar';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'lastAnnotation';\n\nconst muiStyles = theme => ({\n  container: {\n    height: 56,\n    margin: '10px 0',\n    padding: '0 20px',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    flex: 'auto 1',\n    width: '100%',\n    cursor: 'pointer',\n  },\n  body: { margin: '0 16px ', minWidth: 100 },\n  avatar: { border: '1px solid #909090' },\n  commentIcon: { marginRight: 16, color: theme.palette.grey[500] },\n  commentText: { marginRight: 16, color: theme.palette.grey[500] },\n  closeButton: { color: theme.palette.grey[500] },\n  avatarInList: { marginLeft: -4 },\n});\n\n/* eslint-disable react/prop-types */\nconst CreatorAvatar = ({ user, currentUser, isNative, className, size }) => {\n  const children = (\n    <Avatar\n      displayName={`${user.first_name} ${user.last_name}`}\n      imgSrc={user.profile_photo}\n      size={size}\n      className={className}\n    />\n  );\n\n  if (isNative) return children;\n  return (\n    <UserCardPopover user={user} currentUser={currentUser}>\n      {children}\n    </UserCardPopover>\n  );\n};\n\nconst Reactions = ({\n  commentsCount,\n  commentUsers,\n  isSmallScreen,\n  isNative,\n  currentUser,\n  classes,\n}) => {\n  if (!commentsCount) return null;\n\n  return (\n    <div className={styles.cTopAnnotationAdditionalReactions}>\n      <CommentIcon className={classes.commentIcon} />\n      {!isSmallScreen && (\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_comments`}\n          noWrap\n          className={classes.commentText}\n          component=\"div\"\n        >\n          Comments {commentsCount}\n        </Typography>\n      )}\n\n      <div className={styles.cTopAnnotationAdditionalReactionsList}>\n        {commentUsers.map(({ attributes }, index) => (\n          <CreatorAvatar\n            key={attributes.id}\n            user={attributes}\n            currentUser={currentUser}\n            isNative={isNative}\n            className={classNames(classes.avatar, { [classes.avatarInList]: index !== 0 })}\n            size={25}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n/* eslint-enable */\n\nconst LastAnnotation = ({\n  isNative,\n  appId,\n  annotation,\n  openAnnotationsList,\n  currentUser,\n  updateCurrentDashboardAppLastAnnotation: updateLastAnnotation,\n  width,\n  classes,\n}) => {\n  const { data, included } = annotation;\n  const creator = included.find(\n    ({ id, type }) => id === data.relationships.user.data.id && type === 'user'\n  );\n\n  const mentionedUsers = useMemo(\n    () =>\n      data.relationships.mentioned_users.data.map(({ id: mentionedUserId }) =>\n        included.find(({ id }) => id === mentionedUserId)\n      ),\n    [data.relationships.mentioned_users.data, included]\n  );\n\n  const commentUsers = useMemo(\n    () =>\n      data.relationships.comment_users.data.map(({ id: commentUserId }) =>\n        included.find(({ id }) => id === commentUserId)\n      ),\n    [data.relationships.comment_users.data, included]\n  );\n\n  const isSmallScreen = !isWidthUp('sm', width);\n\n  const handleCloseClick = async e => {\n    e.stopPropagation();\n\n    try {\n      const response = await closeLastAnnotation(data.id);\n      updateLastAnnotation(data.id, appId, response);\n    } catch (error) {\n      console.error(error);\n    }\n  };\n\n  return (\n    <Paper\n      data-testid={`${PAGE_NAME}_lastAnnotation`}\n      className={classes.container}\n      onClick={openAnnotationsList}\n    >\n      <div className={styles.cTopAnnotationMain}>\n        <CreatorAvatar\n          user={creator.attributes}\n          currentUser={currentUser}\n          isNative={isNative}\n          className={classes.avatar}\n          size={38}\n        />\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_message`}\n          noWrap\n          className={classes.body}\n        >\n          {formatMentionText(data.attributes.body, mentionedUsers, isNative, null, currentUser)}\n        </Typography>\n      </div>\n      <div className={styles.cTopAnnotationAdditional}>\n        <Reactions\n          commentsCount={data.attributes.comments_count}\n          commentUsers={commentUsers}\n          classes={classes}\n          isSmallScreen={isSmallScreen}\n          currentUser={currentUser}\n        />\n        <CloseButton\n          data-testid={`${PAGE_NAME}_closeButton`}\n          fontSize=\"small\"\n          className={classes.closeButton}\n          onClick={handleCloseClick}\n        />\n      </div>\n    </Paper>\n  );\n};\n\nLastAnnotation.propTypes = {\n  appId: number.isRequired,\n  annotation: shape({\n    included: arrayOf(shape({})).isRequired,\n    data: shape({\n      relationships: shape({\n        user: shape({ data: shape({ id: string.isRequired }).isRequired }).isRequired,\n        mentioned_users: shape({ data: arrayOf(shape()).isRequired }).isRequired,\n      }).isRequired,\n      attributes: shape({ body: string.isRequired, created_at: string.isRequired }),\n    }).isRequired,\n  }).isRequired,\n  classes: shape({}).isRequired,\n  isNative: bool,\n  width: string.isRequired,\n  openAnnotationsList: func.isRequired,\n  updateCurrentDashboardAppLastAnnotation: func,\n  currentUser: shape({}),\n};\n\nLastAnnotation.defaultProps = {\n  isNative: isNativeDetected,\n  updateCurrentDashboardAppLastAnnotation: () => undefined,\n  currentUser: {},\n};\n\nexport default flowRight([withStyles(muiStyles), withWidth()])(memo(LastAnnotation));\n"],"names":["PAGE_NAME","muiStyles","theme","container","height","margin","padding","display","alignItems","justifyContent","flex","width","cursor","body","minWidth","avatar","border","commentIcon","marginRight","color","palette","grey","commentText","closeButton","avatarInList","marginLeft","CreatorAvatar","user","currentUser","isNative","className","size","children","_jsx","Avatar","first_name","last_name","profile_photo","Reactions","commentsCount","commentUsers","isSmallScreen","classes","_jsxs","styles","cTopAnnotationAdditionalReactions","cTopAnnotationAdditionalReactionsList","map","index","attributes","classNames","id","LastAnnotation","appId","annotation","openAnnotationsList","updateLastAnnotation","updateCurrentDashboardAppLastAnnotation","data","included","creator","find","type","relationships","mentionedUsers","useMemo","mentioned_users","mentionedUserId","comment_users","commentUserId","isWidthUp","handleCloseClick","e","stopPropagation","closeLastAnnotation","response","console","error","cTopAnnotationMain","formatMentionText","cTopAnnotationAdditional","comments_count","CloseButton","propTypes","number","isRequired","shape","arrayOf","string","created_at","bool","func","defaultProps","isNativeDetected","undefined","flowRight","withStyles","withWidth","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,IAAMA,SAAS,GAAG,gBAAgB,CAAA;AAElC,IAAMC,SAAS,GAAG,SAAZA,SAAS,CAAGC,KAAK,EAAA;EAAA,OAAK;AAC1BC,IAAAA,SAAS,EAAE;AACTC,MAAAA,MAAM,EAAE,EAAE;AACVC,MAAAA,MAAM,EAAE,QAAQ;AAChBC,MAAAA,OAAO,EAAE,QAAQ;AACjBC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,UAAU,EAAE,QAAQ;AACpBC,MAAAA,cAAc,EAAE,eAAe;AAC/BC,MAAAA,IAAI,EAAE,QAAQ;AACdC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,MAAM,EAAE,SAAA;KACT;AACDC,IAAAA,IAAI,EAAE;AAAER,MAAAA,MAAM,EAAE,SAAS;AAAES,MAAAA,QAAQ,EAAE,GAAA;KAAK;AAC1CC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,MAAM,EAAE,mBAAA;KAAqB;AACvCC,IAAAA,WAAW,EAAE;AAAEC,MAAAA,WAAW,EAAE,EAAE;AAAEC,MAAAA,KAAK,EAAEjB,KAAK,CAACkB,OAAO,CAACC,IAAI,CAAC,GAAG,CAAA;KAAG;AAChEC,IAAAA,WAAW,EAAE;AAAEJ,MAAAA,WAAW,EAAE,EAAE;AAAEC,MAAAA,KAAK,EAAEjB,KAAK,CAACkB,OAAO,CAACC,IAAI,CAAC,GAAG,CAAA;KAAG;AAChEE,IAAAA,WAAW,EAAE;AAAEJ,MAAAA,KAAK,EAAEjB,KAAK,CAACkB,OAAO,CAACC,IAAI,CAAC,GAAG,CAAA;KAAG;AAC/CG,IAAAA,YAAY,EAAE;AAAEC,MAAAA,UAAU,EAAE,CAAC,CAAA;AAAE,KAAA;GAChC,CAAA;AAAA,CAAC,CAAA;;AAEF;AACA,IAAMC,aAAa,GAAG,SAAhBA,aAAa,CAAyD,IAAA,EAAA;EAAA,IAAnDC,IAAI,QAAJA,IAAI;AAAEC,IAAAA,WAAW,QAAXA,WAAW;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;AAAEC,IAAAA,SAAS,QAATA,SAAS;AAAEC,IAAAA,IAAI,QAAJA,IAAI,CAAA;EACnE,IAAMC,QAAQ,gBACZC,GAAA,CAACC,eAAM,EAAA;IACL,WAAW,EAAA,EAAA,CAAA,MAAA,CAAKP,IAAI,CAACQ,UAAU,cAAIR,IAAI,CAACS,SAAS,CAAG;IACpD,MAAM,EAAET,IAAI,CAACU,aAAc;AAC3B,IAAA,IAAI,EAAEN,IAAK;AACX,IAAA,SAAS,EAAED,SAAAA;GAEd,CAAA,CAAA;EAED,IAAID,QAAQ,EAAE,OAAOG,QAAQ,CAAA;AAC7B,EAAA,oBACEC,IAAC,eAAe,EAAA;AAAC,IAAA,IAAI,EAAEN,IAAK;AAAC,IAAA,WAAW,EAAEC,WAAY;IAAA,QACnDI,EAAAA,QAAAA;GACe,CAAA,CAAA;AAEtB,CAAC,CAAA;AAED,IAAMM,SAAS,GAAG,SAAZA,SAAS,CAOT,KAAA,EAAA;EAAA,IANJC,aAAa,SAAbA,aAAa;AACbC,IAAAA,YAAY,SAAZA,YAAY;AACZC,IAAAA,aAAa,SAAbA,aAAa;AACbZ,IAAAA,QAAQ,SAARA,QAAQ;AACRD,IAAAA,WAAW,SAAXA,WAAW;AACXc,IAAAA,OAAO,SAAPA,OAAO,CAAA;AAEP,EAAA,IAAI,CAACH,aAAa,EAAE,OAAO,IAAI,CAAA;EAE/B,oBACEI,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,MAAM,CAACC,iCAAkC;AAAA,IAAA,QAAA,EAAA,cACvDZ,IAAC,WAAW,EAAA;MAAC,SAAS,EAAES,OAAO,CAACzB,WAAAA;AAAY,KAAA,CAAG,EAC9C,CAACwB,aAAa,iBACbE,KAAC,UAAU,EAAA;AACT,MAAA,OAAO,EAAC,OAAO;AACf,MAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgB3C,SAAS,EAAY,WAAA,CAAA;MACrC,MAAM,EAAA,IAAA;MACN,SAAS,EAAE0C,OAAO,CAACpB,WAAY;AAC/B,MAAA,SAAS,EAAC,KAAK;AAAA,MAAA,QAAA,EAAA,CAAA,WAAA,EAELiB,aAAa,CAAA;AAAA,KAAA,CAE1B,eAEDN,GAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEW,MAAM,CAACE,qCAAsC;AAAA,MAAA,QAAA,EAC1DN,YAAY,CAACO,GAAG,CAAC,iBAAiBC,KAAK,EAAA;QAAA,IAAnBC,UAAU,SAAVA,UAAU,CAAA;AAAA,QAAA,oBAC7BhB,IAAC,aAAa,EAAA;AAEZ,UAAA,IAAI,EAAEgB,UAAW;AACjB,UAAA,WAAW,EAAErB,WAAY;AACzB,UAAA,QAAQ,EAAEC,QAAS;AACnB,UAAA,SAAS,EAAEqB,UAAU,CAACR,OAAO,CAAC3B,MAAM,EAAA,eAAA,CAAA,EAAA,EAAK2B,OAAO,CAAClB,YAAY,EAAGwB,KAAK,KAAK,CAAC,CAAI,CAAA;AAC/E,UAAA,IAAI,EAAE,EAAA;SALDC,EAAAA,UAAU,CAACE,EAAE,CAMlB,CAAA;OACH,CAAA;KACG,CAAA,CAAA;GACF,CAAA,CAAA;AAEV,CAAC,CAAA;AACD;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CASd,KAAA,EAAA;EAAA,IARJvB,QAAQ,SAARA,QAAQ;AACRwB,IAAAA,KAAK,SAALA,KAAK;AACLC,IAAAA,UAAU,SAAVA,UAAU;AACVC,IAAAA,mBAAmB,SAAnBA,mBAAmB;AACnB3B,IAAAA,WAAW,SAAXA,WAAW;AAC8B4B,IAAAA,oBAAoB,SAA7DC,uCAAuC;AACvC9C,IAAAA,KAAK,SAALA,KAAK;AACL+B,IAAAA,OAAO,SAAPA,OAAO,CAAA;AAEP,EAAA,IAAQgB,IAAI,GAAeJ,UAAU,CAA7BI,IAAI;IAAEC,QAAQ,GAAKL,UAAU,CAAvBK,QAAQ,CAAA;AACtB,EAAA,IAAMC,OAAO,GAAGD,QAAQ,CAACE,IAAI,CAC3B,UAAA,KAAA,EAAA;IAAA,IAAGV,EAAE,SAAFA,EAAE;AAAEW,MAAAA,IAAI,SAAJA,IAAI,CAAA;AAAA,IAAA,OAAOX,EAAE,KAAKO,IAAI,CAACK,aAAa,CAACpC,IAAI,CAAC+B,IAAI,CAACP,EAAE,IAAIW,IAAI,KAAK,MAAM,CAAA;GAC5E,CAAA,CAAA;EAED,IAAME,cAAc,GAAGC,OAAO,CAC5B,YAAA;IAAA,OACEP,IAAI,CAACK,aAAa,CAACG,eAAe,CAACR,IAAI,CAACX,GAAG,CAAC,UAAA,KAAA,EAAA;MAAA,IAAOoB,eAAe,SAAnBhB,EAAE,CAAA;MAAA,OAC/CQ,QAAQ,CAACE,IAAI,CAAC,UAAA,KAAA,EAAA;QAAA,IAAGV,EAAE,SAAFA,EAAE,CAAA;QAAA,OAAOA,EAAE,KAAKgB,eAAe,CAAA;OAAC,CAAA,CAAA;KAClD,CAAA,CAAA;GACH,EAAA,CAACT,IAAI,CAACK,aAAa,CAACG,eAAe,CAACR,IAAI,EAAEC,QAAQ,CAAC,CACpD,CAAA;EAED,IAAMnB,YAAY,GAAGyB,OAAO,CAC1B,YAAA;IAAA,OACEP,IAAI,CAACK,aAAa,CAACK,aAAa,CAACV,IAAI,CAACX,GAAG,CAAC,UAAA,KAAA,EAAA;MAAA,IAAOsB,aAAa,SAAjBlB,EAAE,CAAA;MAAA,OAC7CQ,QAAQ,CAACE,IAAI,CAAC,UAAA,KAAA,EAAA;QAAA,IAAGV,EAAE,SAAFA,EAAE,CAAA;QAAA,OAAOA,EAAE,KAAKkB,aAAa,CAAA;OAAC,CAAA,CAAA;KAChD,CAAA,CAAA;GACH,EAAA,CAACX,IAAI,CAACK,aAAa,CAACK,aAAa,CAACV,IAAI,EAAEC,QAAQ,CAAC,CAClD,CAAA;EAED,IAAMlB,aAAa,GAAG,CAAC6B,SAAS,CAAC,IAAI,EAAE3D,KAAK,CAAC,CAAA;AAE7C,EAAA,IAAM4D,gBAAgB,gBAAA,YAAA;AAAA,IAAA,IAAA,MAAA,GAAA,iBAAA,eAAA,mBAAA,CAAA,IAAA,CAAG,iBAAMC,CAAC,EAAA;AAAA,MAAA,IAAA,QAAA,CAAA;AAAA,MAAA,OAAA,mBAAA,CAAA,IAAA,CAAA,SAAA,QAAA,CAAA,QAAA,EAAA;AAAA,QAAA,OAAA,CAAA,EAAA;AAAA,UAAA,QAAA,QAAA,CAAA,IAAA,GAAA,QAAA,CAAA,IAAA;AAAA,YAAA,KAAA,CAAA;cAC9BA,CAAC,CAACC,eAAe,EAAE,CAAA;AAAC,cAAA,QAAA,CAAA,IAAA,GAAA,CAAA,CAAA;AAAA,cAAA,QAAA,CAAA,IAAA,GAAA,CAAA,CAAA;AAAA,cAAA,OAGKC,mBAAmB,CAAChB,IAAI,CAACP,EAAE,CAAC,CAAA;AAAA,YAAA,KAAA,CAAA;cAA7CwB,QAAQ,GAAA,QAAA,CAAA,IAAA,CAAA;cACdnB,oBAAoB,CAACE,IAAI,CAACP,EAAE,EAAEE,KAAK,EAAEsB,QAAQ,CAAC,CAAA;AAAC,cAAA,QAAA,CAAA,IAAA,GAAA,EAAA,CAAA;AAAA,cAAA,MAAA;AAAA,YAAA,KAAA,CAAA;AAAA,cAAA,QAAA,CAAA,IAAA,GAAA,CAAA,CAAA;AAAA,cAAA,QAAA,CAAA,EAAA,GAAA,QAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA;cAE/CC,OAAO,CAACC,KAAK,CAAO,QAAA,CAAA,EAAA,CAAA,CAAA;AAAC,YAAA,KAAA,EAAA,CAAA;AAAA,YAAA,KAAA,KAAA;AAAA,cAAA,OAAA,QAAA,CAAA,IAAA,EAAA,CAAA;AAAA,WAAA;AAAA,SAAA;AAAA,OAAA,EAAA,OAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA;KAExB,CAAA,CAAA,CAAA;AAAA,IAAA,OAAA,SATKN,gBAAgB,CAAA,EAAA,EAAA;AAAA,MAAA,OAAA,MAAA,CAAA,KAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAAA,KAAA,CAAA;GASrB,EAAA,CAAA;AAED,EAAA,oBACE5B,KAAC,KAAK,EAAA;AACJ,IAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgB3C,SAAS,EAAkB,iBAAA,CAAA;IAC3C,SAAS,EAAE0C,OAAO,CAACvC,SAAU;AAC7B,IAAA,OAAO,EAAEoD,mBAAoB;IAAA,QAE7B,EAAA,cAAAZ,IAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEC,MAAM,CAACkC,kBAAmB;AAAA,MAAA,QAAA,EAAA,cACxC7C,IAAC,aAAa,EAAA;QACZ,IAAI,EAAE2B,OAAO,CAACX,UAAW;AACzB,QAAA,WAAW,EAAErB,WAAY;AACzB,QAAA,QAAQ,EAAEC,QAAS;QACnB,SAAS,EAAEa,OAAO,CAAC3B,MAAO;AAC1B,QAAA,IAAI,EAAE,EAAA;OACN,CAAA,eACFkB,IAAC,UAAU,EAAA;AACT,QAAA,OAAO,EAAC,OAAO;AACf,QAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgBjC,SAAS,EAAW,UAAA,CAAA;QACpC,MAAM,EAAA,IAAA;QACN,SAAS,EAAE0C,OAAO,CAAC7B,IAAK;AAAA,QAAA,QAAA,EAEvBkE,iBAAiB,CAACrB,IAAI,CAACT,UAAU,CAACpC,IAAI,EAAEmD,cAAc,EAAEnC,QAAQ,EAAE,IAAI,EAAED,WAAW,CAAA;OACzE,CAAA,CAAA;AAAA,KAAA,CACT,eACNe,IAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEC,MAAM,CAACoC,wBAAyB;AAAA,MAAA,QAAA,EAAA,cAC9C/C,IAAC,SAAS,EAAA;AACR,QAAA,aAAa,EAAEyB,IAAI,CAACT,UAAU,CAACgC,cAAe;AAC9C,QAAA,YAAY,EAAEzC,YAAa;AAC3B,QAAA,OAAO,EAAEE,OAAQ;AACjB,QAAA,aAAa,EAAED,aAAc;AAC7B,QAAA,WAAW,EAAEb,WAAAA;OACb,CAAA,eACFK,IAACiD,SAAW,EAAA;AACV,QAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgBlF,SAAS,EAAe,cAAA,CAAA;AACxC,QAAA,QAAQ,EAAC,OAAO;QAChB,SAAS,EAAE0C,OAAO,CAACnB,WAAY;AAC/B,QAAA,OAAO,EAAEgD,gBAAAA;OACT,CAAA,CAAA;KACE,CAAA,CAAA;GACA,CAAA,CAAA;AAEZ,CAAC,CAAA;AAEDnB,cAAc,CAAC+B,SAAS,GAAG;EACzB9B,KAAK,EAAE+B,MAAM,CAACC,UAAU;EACxB/B,UAAU,EAAEgC,KAAK,CAAC;IAChB3B,QAAQ,EAAE4B,OAAO,CAACD,KAAK,CAAC,EAAE,CAAC,CAAC,CAACD,UAAU;IACvC3B,IAAI,EAAE4B,KAAK,CAAC;MACVvB,aAAa,EAAEuB,KAAK,CAAC;QACnB3D,IAAI,EAAE2D,KAAK,CAAC;UAAE5B,IAAI,EAAE4B,KAAK,CAAC;YAAEnC,EAAE,EAAEqC,MAAM,CAACH,UAAAA;AAAW,WAAC,CAAC,CAACA,UAAAA;SAAY,CAAC,CAACA,UAAU;QAC7EnB,eAAe,EAAEoB,KAAK,CAAC;AAAE5B,UAAAA,IAAI,EAAE6B,OAAO,CAACD,KAAK,EAAE,CAAC,CAACD,UAAAA;AAAW,SAAC,CAAC,CAACA,UAAAA;OAC/D,CAAC,CAACA,UAAU;MACbpC,UAAU,EAAEqC,KAAK,CAAC;QAAEzE,IAAI,EAAE2E,MAAM,CAACH,UAAU;QAAEI,UAAU,EAAED,MAAM,CAACH,UAAAA;OAAY,CAAA;AAC9E,KAAC,CAAC,CAACA,UAAAA;GACJ,CAAC,CAACA,UAAU;AACb3C,EAAAA,OAAO,EAAE4C,KAAK,CAAC,EAAE,CAAC,CAACD,UAAU;AAC7BxD,EAAAA,QAAQ,EAAE6D,IAAI;EACd/E,KAAK,EAAE6E,MAAM,CAACH,UAAU;EACxB9B,mBAAmB,EAAEoC,IAAI,CAACN,UAAU;AACpC5B,EAAAA,uCAAuC,EAAEkC,IAAI;AAC7C/D,EAAAA,WAAW,EAAE0D,KAAK,CAAC,EAAE,CAAA;AACvB,CAAC,CAAA;AAEDlC,cAAc,CAACwC,YAAY,GAAG;AAC5B/D,EAAAA,QAAQ,EAAEgE,gBAAgB;AAC1BpC,EAAAA,uCAAuC,EAAE,SAAA,uCAAA,GAAA;AAAA,IAAA,OAAMqC,SAAS,CAAA;AAAA,GAAA;AACxDlE,EAAAA,WAAW,EAAE,EAAC;AAChB,CAAC,CAAA;AAED,uBAAemE,SAAS,CAAC,CAACC,UAAU,CAAC/F,SAAS,CAAC,EAAEgG,SAAS,EAAE,CAAC,CAAC,CAACC,IAAI,CAAC9C,cAAc,CAAC,CAAC;;;;"}

package/components/Annotations/components/LastAnnotation/style.css.js

@@ -1 +1,8 @@
-import n from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var t={cTopAnnotationAdditional:"style_cTopAnnotationAdditional__WDu9j",cTopAnnotationMain:"style_cTopAnnotationMain__TeVll",cTopAnnotationAdditionalReactions:"style_cTopAnnotationAdditionalReactions__11sxr",cTopAnnotationAdditionalReactionsList:"style_cTopAnnotationAdditionalReactionsList__V14wA"};n(".style_cTopAnnotationAdditional__WDu9j,.style_cTopAnnotationMain__TeVll{align-items:center;display:flex}.style_cTopAnnotationMain__TeVll{overflow:hidden}.style_cTopAnnotationAdditionalReactions__11sxr{align-items:center;display:flex}.style_cTopAnnotationAdditionalReactionsList__V14wA{align-items:center;display:flex;margin-right:16px}");export{t as default};
+import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".style_cTopAnnotationAdditional__WDu9j,\n.style_cTopAnnotationMain__TeVll {\n  align-items: center;\n  display: flex;\n}\n\n.style_cTopAnnotationMain__TeVll {\n  overflow: hidden;\n}\n\n.style_cTopAnnotationAdditionalReactions__11sxr {\n  display: flex;\n  align-items: center;\n}\n\n.style_cTopAnnotationAdditionalReactionsList__V14wA {\n  display: flex;\n  align-items: center;\n  margin-right: 16px;\n}\n";
+var styles = {"cTopAnnotationAdditional":"style_cTopAnnotationAdditional__WDu9j","cTopAnnotationMain":"style_cTopAnnotationMain__TeVll","cTopAnnotationAdditionalReactions":"style_cTopAnnotationAdditionalReactions__11sxr","cTopAnnotationAdditionalReactionsList":"style_cTopAnnotationAdditionalReactionsList__V14wA"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=style.css.js.map

package/components/Annotations/components/LastAnnotation/style.css.js.map

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