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

package/components/AddComment/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../src/components/AddComment/Popover.js"],"sourcesContent":["import { useState } from 'react';\nimport { node, shape, func, bool, number } from 'prop-types';\nimport { Popover, Grid, Typography, makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport { IconButton } from '~/components';\nimport SendIcon from '~components/Icons/SendIcon';\n\nimport Content from './components/Content';\n\nconst useStyles = makeStyles(theme => ({\n  paper: {\n    width: 368,\n    padding: 16,\n  },\n  inputMain: {\n    marginBottom: 0,\n    fontSize: '11px',\n    color: theme.palette.primary.text8,\n  },\n  inputHelper: {\n    display: 'flex',\n    paddingRight: 5,\n  },\n  cancelText: {\n    cursor: 'pointer',\n  },\n  highlightedLabel: {\n    color: theme.palette.primary.main,\n  },\n  actions: { height: 36 },\n  sendRow: { display: 'flex' },\n}));\n\nfunction AddCommentPopover({\n  anchorEl,\n  anchorOrigin,\n  onClose,\n  isSaveDisabled,\n  onSave,\n  startAdornment, // Render node on the top of the content\n  endAdornment, // Render node on the bottom of the content\n  customContent, // Render custom content instead of Post Input\n  userCompanyId,\n}) {\n  const classes = useStyles();\n  const [comment, setComment] = useState();\n\n  return (\n    <Popover\n      open\n      anchorEl={anchorEl}\n      anchorOrigin={anchorOrigin}\n      onClose={onClose}\n      classes={{ paper: classes.paper }}\n    >\n      <Content\n        userCompanyId={userCompanyId}\n        startAdornment={startAdornment}\n        endAdornment={endAdornment}\n        customContent={customContent}\n        setComment={setComment}\n        smallerView\n      />\n\n      <Grid\n        container\n        direction=\"row\"\n        justify=\"space-between\"\n        alignItems=\"center\"\n        className={classes.actions}\n      >\n        <Grid item>\n          <Typography\n            variant=\"caption\"\n            className={classNames(classes.inputMain, classes.cancelText, classes.highlightedLabel)}\n            component=\"div\"\n            gutterBottom\n            onClick={onClose}\n          >\n            Cancel\n          </Typography>\n        </Grid>\n        <Grid item direction=\"row\" alignItems=\"center\" className={classes.sendRow}>\n          <Typography\n            variant=\"caption\"\n            className={classNames(classes.inputMain, classes.inputHelper)}\n            component=\"div\"\n            gutterBottom\n          >\n            Press&nbsp;\n            <Typography\n              variant=\"caption\"\n              color=\"primary\"\n              className={classNames(classes.inputMain, classes.highlightedLabel)}\n            >\n              Enter\n            </Typography>\n            &nbsp;to send\n          </Typography>\n          <IconButton onClick={() => onSave(comment)} disabled={isSaveDisabled}>\n            <SendIcon />\n          </IconButton>\n        </Grid>\n      </Grid>\n    </Popover>\n  );\n}\n\nAddCommentPopover.propTypes = {\n  onClose: func,\n  onSave: func.isRequired,\n  anchorEl: node.isRequired,\n  anchorOrigin: shape,\n  isSaveDisabled: bool,\n  startAdornment: node,\n  endAdornment: node,\n  customContent: node,\n  userCompanyId: number.isRequired,\n};\n\nAddCommentPopover.defaultProps = {\n  anchorOrigin: { horizontal: 'right', vertical: 'bottom' },\n  onClose: () => undefined,\n  isSaveDisabled: false,\n  startAdornment: null,\n  endAdornment: null,\n  customContent: null,\n};\n\nexport default AddCommentPopover;\n"],"names":["useStyles","makeStyles","theme","paper","width","padding","inputMain","marginBottom","fontSize","color","palette","primary","text8","inputHelper","display","paddingRight","cancelText","cursor","highlightedLabel","main","actions","height","sendRow","AddCommentPopover","anchorEl","anchorOrigin","onClose","isSaveDisabled","onSave","startAdornment","endAdornment","customContent","userCompanyId","classes","useState","comment","setComment","_jsxs","_jsx","classNames","propTypes","func","isRequired","node","shape","bool","number","defaultProps","horizontal","vertical","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,GADF;AAELC,MAAAA,OAAO,EAAE;AAFJ,KAD8B;AAKrCC,IAAAA,SAAS,EAAE;AACTC,MAAAA,YAAY,EAAE,CADL;AAETC,MAAAA,QAAQ,EAAE,MAFD;AAGTC,MAAAA,KAAK,EAAEP,KAAK,CAACQ,OAAN,CAAcC,OAAd,CAAsBC;AAHpB,KAL0B;AAUrCC,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,YAAY,EAAE;AAFH,KAVwB;AAcrCC,IAAAA,UAAU,EAAE;AACVC,MAAAA,MAAM,EAAE;AADE,KAdyB;AAiBrCC,IAAAA,gBAAgB,EAAE;AAChBT,MAAAA,KAAK,EAAEP,KAAK,CAACQ,OAAN,CAAcC,OAAd,CAAsBQ;AADb,KAjBmB;AAoBrCC,IAAAA,OAAO,EAAE;AAAEC,MAAAA,MAAM,EAAE;AAAV,KApB4B;AAqBrCC,IAAAA,OAAO,EAAE;AAAER,MAAAA,OAAO,EAAE;AAAX;AArB4B,GAAL;AAAA,CAAN,CAA5B;;AAwBA,SAASS,iBAAT,OAUG;AAAA,MATDC,QASC,QATDA,QASC;AAAA,MARDC,YAQC,QARDA,YAQC;AAAA,MAPDC,OAOC,QAPDA,OAOC;AAAA,MANDC,cAMC,QANDA,cAMC;AAAA,MALDC,MAKC,QALDA,MAKC;AAAA,MAJDC,cAIC,QAJDA,cAIC;AAAA,MAHDC,YAGC,QAHDA,YAGC;AAAA,MAFDC,aAEC,QAFDA,aAEC;AAAA,MADDC,aACC,QADDA,aACC;AACD,MAAMC,OAAO,GAAGjC,SAAS,EAAzB;;AADC,kBAE6BkC,QAAQ,EAFrC;AAAA;AAAA,MAEMC,OAFN;AAAA,MAEeC,UAFf;;AAID,sBACEC,KAAC,OAAD;AACE,IAAA,IAAI,MADN;AAEE,IAAA,QAAQ,EAAEb,QAFZ;AAGE,IAAA,YAAY,EAAEC,YAHhB;AAIE,IAAA,OAAO,EAAEC,OAJX;AAKE,IAAA,OAAO,EAAE;AAAEvB,MAAAA,KAAK,EAAE8B,OAAO,CAAC9B;AAAjB,KALX;AAAA,4BAOEmC,IAAC,OAAD;AACE,MAAA,aAAa,EAAEN,aADjB;AAEE,MAAA,cAAc,EAAEH,cAFlB;AAGE,MAAA,YAAY,EAAEC,YAHhB;AAIE,MAAA,aAAa,EAAEC,aAJjB;AAKE,MAAA,UAAU,EAAEK,UALd;AAME,MAAA,WAAW;AANb,MAPF,eAgBEC,KAAC,IAAD;AACE,MAAA,SAAS,MADX;AAEE,MAAA,SAAS,EAAC,KAFZ;AAGE,MAAA,OAAO,EAAC,eAHV;AAIE,MAAA,UAAU,EAAC,QAJb;AAKE,MAAA,SAAS,EAAEJ,OAAO,CAACb,OALrB;AAAA,8BAOEkB,IAAC,IAAD;AAAM,QAAA,IAAI,MAAV;AAAA,+BACEA,IAAC,UAAD;AACE,UAAA,OAAO,EAAC,SADV;AAEE,UAAA,SAAS,EAAEC,UAAU,CAACN,OAAO,CAAC3B,SAAT,EAAoB2B,OAAO,CAACjB,UAA5B,EAAwCiB,OAAO,CAACf,gBAAhD,CAFvB;AAGE,UAAA,SAAS,EAAC,KAHZ;AAIE,UAAA,YAAY,MAJd;AAKE,UAAA,OAAO,EAAEQ,OALX;AAAA;AAAA;AADF,QAPF,eAkBEW,KAAC,IAAD;AAAM,QAAA,IAAI,MAAV;AAAW,QAAA,SAAS,EAAC,KAArB;AAA2B,QAAA,UAAU,EAAC,QAAtC;AAA+C,QAAA,SAAS,EAAEJ,OAAO,CAACX,OAAlE;AAAA,gCACEe,KAAC,UAAD;AACE,UAAA,OAAO,EAAC,SADV;AAEE,UAAA,SAAS,EAAEE,UAAU,CAACN,OAAO,CAAC3B,SAAT,EAAoB2B,OAAO,CAACpB,WAA5B,CAFvB;AAGE,UAAA,SAAS,EAAC,KAHZ;AAIE,UAAA,YAAY,MAJd;AAAA,+CAOEyB,IAAC,UAAD;AACE,YAAA,OAAO,EAAC,SADV;AAEE,YAAA,KAAK,EAAC,SAFR;AAGE,YAAA,SAAS,EAAEC,UAAU,CAACN,OAAO,CAAC3B,SAAT,EAAoB2B,OAAO,CAACf,gBAA5B,CAHvB;AAAA;AAAA,YAPF;AAAA,UADF,eAiBEoB,IAAC,UAAD;AAAY,UAAA,OAAO,EAAE;AAAA,mBAAMV,MAAM,CAACO,OAAD,CAAZ;AAAA,WAArB;AAA4C,UAAA,QAAQ,EAAER,cAAtD;AAAA,iCACEW,IAAC,QAAD;AADF,UAjBF;AAAA,QAlBF;AAAA,MAhBF;AAAA,IADF;AA2DD;;AAEDf,iBAAiB,CAACiB,SAAlB,GAA8B;AAC5Bd,EAAAA,OAAO,EAAEe,IADmB;AAE5Bb,EAAAA,MAAM,EAAEa,IAAI,CAACC,UAFe;AAG5BlB,EAAAA,QAAQ,EAAEmB,IAAI,CAACD,UAHa;AAI5BjB,EAAAA,YAAY,EAAEmB,KAJc;AAK5BjB,EAAAA,cAAc,EAAEkB,IALY;AAM5BhB,EAAAA,cAAc,EAAEc,IANY;AAO5Bb,EAAAA,YAAY,EAAEa,IAPc;AAQ5BZ,EAAAA,aAAa,EAAEY,IARa;AAS5BX,EAAAA,aAAa,EAAEc,MAAM,CAACJ;AATM,CAA9B;AAYAnB,iBAAiB,CAACwB,YAAlB,GAAiC;AAC/BtB,EAAAA,YAAY,EAAE;AAAEuB,IAAAA,UAAU,EAAE,OAAd;AAAuBC,IAAAA,QAAQ,EAAE;AAAjC,GADiB;AAE/BvB,EAAAA,OAAO,EAAE;AAAA,WAAMwB,SAAN;AAAA,GAFsB;AAG/BvB,EAAAA,cAAc,EAAE,KAHe;AAI/BE,EAAAA,cAAc,EAAE,IAJe;AAK/BC,EAAAA,YAAY,EAAE,IALiB;AAM/BC,EAAAA,aAAa,EAAE;AANgB,CAAjC;;;;"}

package/components/AddComment/Popup.js

@@ -1 +1,106 @@
-import n from"@babel/runtime/helpers/slicedToArray";import{useState as e}from"react";import{func as o,bool as t,node as r,number as i}from"prop-types";import{makeStyles as s,Grid as m,Button as a}from"@material-ui/core";import d from"../Modal/index.js";import l from"./components/Content.js";import{jsx as c,jsxs as p}from"react/jsx-runtime";var u=s({modal:{maxWidth:450,width:"100vw"},actionsAdornment:{flex:1}});function C(o){var t=o.onClose,r=o.isProcessing,i=o.isSaveDisabled,s=o.onSave,C=o.startAdornment,f=o.endAdornment,A=o.actionsAdornment,h=o.customContent,v=o.userCompanyId,y=u(),b=e(),g=n(b,2),x=g[0],S=g[1];return c(d,{open:!0,onClose:t,title:"Add a Comment",contentClassName:y.modal,actions:p(m,{container:!0,direction:"row",justify:"flex-end",alignItems:"center",spacing:2,children:[A&&c(m,{item:!0,className:y.actionsAdornment,children:A}),c(m,{item:!0,children:c(a,{color:"primary",disabled:r,onClick:t,children:"Cancel"})}),c(m,{item:!0,children:c(a,{variant:"contained",color:"primary",disabled:i,onClick:function(){return s(x)},children:r?"Processing...":"Send"})})]}),children:c(l,{userCompanyId:v,startAdornment:C,endAdornment:f,customContent:h,setComment:S})})}C.propTypes={onClose:o,onSave:o.isRequired,isProcessing:t,isSaveDisabled:t,startAdornment:r,endAdornment:r,actionsAdornment:r,customContent:r,userCompanyId:i.isRequired},C.defaultProps={onClose:function(){},isProcessing:!1,isSaveDisabled:!1,startAdornment:null,endAdornment:null,customContent:null,actionsAdornment:null};export{C as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makeStyles, Grid, Button } from '@material-ui/core';
+import { useState } from 'react';
+import { func, bool, node, number } from 'prop-types';
+import Modal from '../Modal/index.js';
+import Content from './components/Content.js';
+
+var useStyles = makeStyles({
+  modal: {
+    maxWidth: 450,
+    width: '100vw'
+  },
+  actionsAdornment: {
+    flex: 1
+  }
+});
+
+function AddCommentPopup(_ref) {
+  var onClose = _ref.onClose,
+      isProcessing = _ref.isProcessing,
+      isSaveDisabled = _ref.isSaveDisabled,
+      onSave = _ref.onSave,
+      startAdornment = _ref.startAdornment,
+      endAdornment = _ref.endAdornment,
+      actionsAdornment = _ref.actionsAdornment,
+      customContent = _ref.customContent,
+      userCompanyId = _ref.userCompanyId;
+  var classes = useStyles();
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      comment = _useState2[0],
+      setComment = _useState2[1];
+
+  return /*#__PURE__*/jsx(Modal, {
+    open: true,
+    onClose: onClose,
+    title: "Add a Comment",
+    contentClassName: classes.modal,
+    actions: /*#__PURE__*/jsxs(Grid, {
+      container: true,
+      direction: "row",
+      justify: "flex-end",
+      alignItems: "center",
+      spacing: 2,
+      children: [actionsAdornment && /*#__PURE__*/jsx(Grid, {
+        item: true,
+        className: classes.actionsAdornment,
+        children: actionsAdornment
+      }), /*#__PURE__*/jsx(Grid, {
+        item: true,
+        children: /*#__PURE__*/jsx(Button, {
+          color: "primary",
+          disabled: isProcessing,
+          onClick: onClose,
+          children: "Cancel"
+        })
+      }), /*#__PURE__*/jsx(Grid, {
+        item: true,
+        children: /*#__PURE__*/jsx(Button, {
+          variant: "contained",
+          color: "primary",
+          disabled: isSaveDisabled,
+          onClick: function onClick() {
+            return onSave(comment);
+          },
+          children: isProcessing ? 'Processing...' : 'Send'
+        })
+      })]
+    }),
+    children: /*#__PURE__*/jsx(Content, {
+      userCompanyId: userCompanyId,
+      startAdornment: startAdornment,
+      endAdornment: endAdornment,
+      customContent: customContent,
+      setComment: setComment
+    })
+  });
+}
+
+AddCommentPopup.propTypes = {
+  onClose: func,
+  onSave: func.isRequired,
+  isProcessing: bool,
+  isSaveDisabled: bool,
+  startAdornment: node,
+  endAdornment: node,
+  actionsAdornment: node,
+  customContent: node,
+  userCompanyId: number.isRequired
+};
+AddCommentPopup.defaultProps = {
+  onClose: function onClose() {
+    return undefined;
+  },
+  isProcessing: false,
+  isSaveDisabled: false,
+  startAdornment: null,
+  endAdornment: null,
+  customContent: null,
+  actionsAdornment: null
+};
+
+export default AddCommentPopup;
+//# sourceMappingURL=Popup.js.map

package/components/AddComment/Popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.js","sources":["../../../src/components/AddComment/Popup.js"],"sourcesContent":["import { useState } from 'react';\nimport { func, bool, node, number } from 'prop-types';\nimport { Grid, Button, makeStyles } from '@material-ui/core';\nimport Modal from '~/components/Modal';\n\nimport Content from './components/Content';\n\nconst useStyles = makeStyles({\n  modal: {\n    maxWidth: 450,\n    width: '100vw',\n  },\n  actionsAdornment: { flex: 1 },\n});\n\nfunction AddCommentPopup({\n  onClose,\n  isProcessing,\n  isSaveDisabled,\n  onSave,\n  startAdornment, // Render node on the top of the content\n  endAdornment, // Render node on the bottom of the content\n  actionsAdornment, // Render node on the left of the actions buttons\n  customContent, // Render custom content instead of Post Input\n  userCompanyId,\n}) {\n  const classes = useStyles();\n  const [comment, setComment] = useState();\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"Add a Comment\"\n      contentClassName={classes.modal}\n      actions={\n        <Grid container direction=\"row\" justify=\"flex-end\" alignItems=\"center\" spacing={2}>\n          {actionsAdornment && (\n            <Grid item className={classes.actionsAdornment}>\n              {actionsAdornment}\n            </Grid>\n          )}\n\n          <Grid item>\n            <Button color=\"primary\" disabled={isProcessing} onClick={onClose}>\n              Cancel\n            </Button>\n          </Grid>\n          <Grid item>\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={isSaveDisabled}\n              onClick={() => onSave(comment)}\n            >\n              {isProcessing ? 'Processing...' : 'Send'}\n            </Button>\n          </Grid>\n        </Grid>\n      }\n    >\n      <Content\n        userCompanyId={userCompanyId}\n        startAdornment={startAdornment}\n        endAdornment={endAdornment}\n        customContent={customContent}\n        setComment={setComment}\n      />\n    </Modal>\n  );\n}\n\nAddCommentPopup.propTypes = {\n  onClose: func,\n  onSave: func.isRequired,\n  isProcessing: bool,\n  isSaveDisabled: bool,\n  startAdornment: node,\n  endAdornment: node,\n  actionsAdornment: node,\n  customContent: node,\n  userCompanyId: number.isRequired,\n};\n\nAddCommentPopup.defaultProps = {\n  onClose: () => undefined,\n  isProcessing: false,\n  isSaveDisabled: false,\n  startAdornment: null,\n  endAdornment: null,\n  customContent: null,\n  actionsAdornment: null,\n};\n\nexport default AddCommentPopup;\n"],"names":["useStyles","makeStyles","modal","maxWidth","width","actionsAdornment","flex","AddCommentPopup","onClose","isProcessing","isSaveDisabled","onSave","startAdornment","endAdornment","customContent","userCompanyId","classes","useState","comment","setComment","_jsx","_jsxs","propTypes","func","isRequired","bool","node","number","defaultProps","undefined"],"mappings":";;;;;;;;AAOA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,GADL;AAELC,IAAAA,KAAK,EAAE;AAFF,GADoB;AAK3BC,EAAAA,gBAAgB,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR;AALS,CAAD,CAA5B;;AAQA,SAASC,eAAT,OAUG;AAAA,MATDC,OASC,QATDA,OASC;AAAA,MARDC,YAQC,QARDA,YAQC;AAAA,MAPDC,cAOC,QAPDA,cAOC;AAAA,MANDC,MAMC,QANDA,MAMC;AAAA,MALDC,cAKC,QALDA,cAKC;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,MAHDR,gBAGC,QAHDA,gBAGC;AAAA,MAFDS,aAEC,QAFDA,aAEC;AAAA,MADDC,aACC,QADDA,aACC;AACD,MAAMC,OAAO,GAAGhB,SAAS,EAAzB;;AADC,kBAE6BiB,QAAQ,EAFrC;AAAA;AAAA,MAEMC,OAFN;AAAA,MAEeC,UAFf;;AAID,sBACEC,IAAC,KAAD;AACE,IAAA,IAAI,MADN;AAEE,IAAA,OAAO,EAAEZ,OAFX;AAGE,IAAA,KAAK,EAAC,eAHR;AAIE,IAAA,gBAAgB,EAAEQ,OAAO,CAACd,KAJ5B;AAKE,IAAA,OAAO,eACLmB,KAAC,IAAD;AAAM,MAAA,SAAS,MAAf;AAAgB,MAAA,SAAS,EAAC,KAA1B;AAAgC,MAAA,OAAO,EAAC,UAAxC;AAAmD,MAAA,UAAU,EAAC,QAA9D;AAAuE,MAAA,OAAO,EAAE,CAAhF;AAAA,iBACGhB,gBAAgB,iBACfe,IAAC,IAAD;AAAM,QAAA,IAAI,MAAV;AAAW,QAAA,SAAS,EAAEJ,OAAO,CAACX,gBAA9B;AAAA,kBACGA;AADH,QAFJ,eAOEe,IAAC,IAAD;AAAM,QAAA,IAAI,MAAV;AAAA,+BACEA,IAAC,MAAD;AAAQ,UAAA,KAAK,EAAC,SAAd;AAAwB,UAAA,QAAQ,EAAEX,YAAlC;AAAgD,UAAA,OAAO,EAAED,OAAzD;AAAA;AAAA;AADF,QAPF,eAYEY,IAAC,IAAD;AAAM,QAAA,IAAI,MAAV;AAAA,+BACEA,IAAC,MAAD;AACE,UAAA,OAAO,EAAC,WADV;AAEE,UAAA,KAAK,EAAC,SAFR;AAGE,UAAA,QAAQ,EAAEV,cAHZ;AAIE,UAAA,OAAO,EAAE;AAAA,mBAAMC,MAAM,CAACO,OAAD,CAAZ;AAAA,WAJX;AAAA,oBAMGT,YAAY,GAAG,eAAH,GAAqB;AANpC;AADF,QAZF;AAAA,MANJ;AAAA,2BA+BEW,IAAC,OAAD;AACE,MAAA,aAAa,EAAEL,aADjB;AAEE,MAAA,cAAc,EAAEH,cAFlB;AAGE,MAAA,YAAY,EAAEC,YAHhB;AAIE,MAAA,aAAa,EAAEC,aAJjB;AAKE,MAAA,UAAU,EAAEK;AALd;AA/BF,IADF;AAyCD;;AAEDZ,eAAe,CAACe,SAAhB,GAA4B;AAC1Bd,EAAAA,OAAO,EAAEe,IADiB;AAE1BZ,EAAAA,MAAM,EAAEY,IAAI,CAACC,UAFa;AAG1Bf,EAAAA,YAAY,EAAEgB,IAHY;AAI1Bf,EAAAA,cAAc,EAAEe,IAJU;AAK1Bb,EAAAA,cAAc,EAAEc,IALU;AAM1Bb,EAAAA,YAAY,EAAEa,IANY;AAO1BrB,EAAAA,gBAAgB,EAAEqB,IAPQ;AAQ1BZ,EAAAA,aAAa,EAAEY,IARW;AAS1BX,EAAAA,aAAa,EAAEY,MAAM,CAACH;AATI,CAA5B;AAYAjB,eAAe,CAACqB,YAAhB,GAA+B;AAC7BpB,EAAAA,OAAO,EAAE;AAAA,WAAMqB,SAAN;AAAA,GADoB;AAE7BpB,EAAAA,YAAY,EAAE,KAFe;AAG7BC,EAAAA,cAAc,EAAE,KAHa;AAI7BE,EAAAA,cAAc,EAAE,IAJa;AAK7BC,EAAAA,YAAY,EAAE,IALe;AAM7BC,EAAAA,aAAa,EAAE,IANc;AAO7BT,EAAAA,gBAAgB,EAAE;AAPW,CAA/B;;;;"}

package/components/AddComment/components/Content.js

@@ -1 +1,236 @@
-import{node as e,number as t,func as r,bool as o}from"prop-types";import{debounce as i}from"lodash";import{makeStyles as n}from"@material-ui/core";import"../../Modal/index.js";import"../../IconMenu/index.js";import"../../StyledMenuItem/index.js";import"../../DevCenter/AppHeader/AppHeader.js";import"../../DevCenter/AppSideBar/AppSideBar.js";import"../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/slicedToArray";import"react";import"classnames";import"@material-ui/icons/Help";import"../../Annotations/components/AnnotationsList/index.js";import"../../Annotations/components/LastAnnotation/index.js";import"../../Annotations/AnnotationsContext.js";import"../../../utils/mobileDetect.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions.js";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../utils/index.js";import"../../HelpCenter/ArticleIcon.js";import"../../HelpCenter/DialogLayout.js";import"../../HelpCenter/HelpCenterDialog/HelpCenterDialog.js";import"../../HelpCenter/ItemContent/ItemContent.js";import"../../HelpCenter/SingleItemHeader.js";import"../../HelpCenter/shapes/index.js";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsxs as s,Fragment as p,jsx as m}from"react/jsx-runtime";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../ErrorBoundary/ErrorBoundary.js";import"../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../LoadingIndicator/LoadingIndicator.js";import"../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js";import"../../DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js";import"../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../DevCenter/AppContext.js";import"../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"../../DevCenter/NavigationBar/NavigationBar.js";import"../../DevCenter/SideBar/SideBar.js";import"../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js";import"../../AssetEditor/index.js";import"../../AppVersionsSelect/AppVersionsSelect.js";import"../../Typography.js";import"../../CollapsableSidebar.js";import"../../DateTimePicker/index.js";import"../../DatePicker/index.js";import"../../SlateFormattedText/SlateFormattedText.js";import"../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../../ParameterCharts/ParameterCharts.js";import"../../ParameterCharts/AddEditTrack.js";import"../../ChartActionsList/ChartActionsList.js";import"../../AssetEditor/AssetEditorAutocomplete.js";import"../../AssetEditor/SingleAssetEditor.js";import"../../SettingEditors/ColorEditor/index.js";import"../../SettingEditors/DropdownEditor/index.js";import"../../SettingEditors/RadioEditor/index.js";import"../../SwitchControl/index.js";import"../../ColorPicker/ColorPicker.js";import"../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../TruncatedText/index.js";import"../../RangeSlider/RangeSlider.js";import"../../Login/components/Login.js";import"../../Login/components/PasswordField.js";import"../../Login/components/Chip.js";import"../../Login/components/StepFooter.js";import"../../Login/components/StepContent.js";import"../../Login/components/StepHeader.js";import"../../Login/components/Step.js";import"../../Login/components/OrDivider.js";import"../../Login/components/HiddenEmailField.js";import"../../Login/components/EmailField.js";import"../../Breadcrumbs/index.js";import"../../VirtualizedTable/index.js";import"../../EmptyView/EmptyView.js";import"../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../Button/index.js";import"../../ContextMenuItem/index.js";import"../../FolderMenuItem/index.js";import"../../EditableItem/EditableItem/index.js";import"../../EditableItem/EditableItemWithBadge/index.js";import"../../Checkbox/index.js";import"../../FolderMenuItemWithLinks/index.js";import"../../IconButton/index.js";import"../../TextField/index.js";import"../../Chip/index.js";import"../../Counter/index.js";import"../../AnchorsList/AnchorsList.js";import"../../Select/index.js";import"../../CustomSelect/index.js";import"../../Tabs/Tabs.js";import"../../Tabs/Tab.js";import"../../ResizableTable/ResizableTable.js";import"../../Drillstring/BHASchematic.js";import"../../Drillstring/BHATable/index.js";import"../../Drillstring/BHAComponentIcon.js";import"../../Drillstring/BHAComponentDetail/index.js";import"../../Casing/CasingTable/index.js";import"../../Casing/CasingComponentIcon.js";import"../../WellSummary/WellSummaryItemLabel.js";import"../../WellSummary/WellSummaryItemTitle.js";import"../../WellSummary/WellSummaryItemValue.js";import"../../WellSummary/ActivitySummaryChart.js";import"../../WellSummary/FracWirelineTimeChart.js";import"../../BICOffsetPickerDialog/index.js";import"../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../OffsetWellPickerV3/index.js";import"../../Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"uuid";import"../../ConfirmationDialog.js";import"../../TextLink/index.js";import"../../Avatar/index.js";import"../../Template/TemplatePopover/index.js";import"../../MenuItem/index.js";import"../../PadModeSelect/PadModeSelect.js";import"../../PinnableFilters/PinnableFilters.js";import"../../HeaderLayout/HeaderLayout.js";import"../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../PadOffsetsPicker/OffsetAssetChip.js";import"../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../PadOffsetsPicker/StagesSelector.js";import"../../Table/TableToolbar/TableToolbar.js";import"../../Tooltip/MuiTooltipDcWrapper.js";import"../../PriceInput/PriceInput.js";import"../../LabelsCounter/LabelsCounter.js";import"../../Stepper/Step.js";import"../../Stepper/StepsWrapper.js";import"../../Stepper/Stepper.js";import"../../Comment/CommentIcon/index.js";import"../../FilesLoader/FilesLoader.js";import"../../FilesLoader/Icons/FileIcon.js";import"../../SearchInput/index.js";import"../../FeedItem/FeedItem.js";import"../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import a from"../../PostInput/PostInput.js";import"../../KeyboardDateTimePicker.js";import"../Popover.js";import"../Popup.js";import"../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../StageDesignVActual/ComparisonHeader.js";import"../../StageDesignVActual/ComparisonRow.js";import"../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../EmbeddedApp/EmbeddedApp.js";import"../../DocumentViewer/DocumentViewer.js";var l=n({postInput:{paddingBottom:8},filePreviewWrapper:function(e){return{width:"100%",marginLeft:0,maxHeight:e.smallerView?127:251}}});function d(e){var t=e.userCompanyId,r=e.startAdornment,o=e.endAdornment,n=e.customContent,d=e.setComment,j=e.smallerView,C=l({smallerView:j}),c=i(d,1500);return s(p,{children:[r,n||m(a,{userCompanyId:t,onChange:c,filePreviewWrapperClass:C.filePreviewWrapper,className:C.postInput,smallerView:j}),o]})}d.propTypes={startAdornment:e,endAdornment:e,customContent:e,userCompanyId:t.isRequired,setComment:r,smallerView:o},d.defaultProps={startAdornment:null,endAdornment:null,customContent:null,setComment:function(){},smallerView:!1};export{d as default};
+import '@babel/runtime/helpers/defineProperty';
+import { debounce } from 'lodash';
+import '@babel/runtime/helpers/toConsumableArray';
+import '../../../constants/completion.js';
+import '../../../constants/alerts.js';
+import '@babel/runtime/helpers/slicedToArray';
+import '../../../constants/goals.js';
+import '../../../constants/segment.js';
+import '../../../constants/apps.js';
+import '../../../constants/drillstring.js';
+import '../../../constants/notifications.js';
+import '../../../constants/feed.js';
+import '../../../constants/bha.js';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/asyncToGenerator';
+import 'query-string';
+import '../../../utils/mobileDetect.js';
+import '@babel/runtime/helpers/typeof';
+import '../../../clients/api/apiCore.js';
+import '../../../clients/constants.js';
+import '../../../utils/index.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+import 'react';
+import 'querystring';
+import 'uuid/v1';
+import '../../../clients/subscriptions.js';
+import 'uuid';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import { node, number, func, bool } from 'prop-types';
+import 'classnames';
+import '../../Modal/index.js';
+import '../../IconMenu/index.js';
+import '../../StyledMenuItem/index.js';
+import '../../LoadingIndicator/LoadingIndicator.js';
+import '../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+import '../../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js';
+import '../../Tooltip/MuiTooltipDcWrapper.js';
+import '../../Avatar/index.js';
+import '../../Annotations/AnnotationsContext.js';
+import '../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import 'react-router';
+import '../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import '../../IconButton/index.js';
+import '../../ConfirmationDialog.js';
+import '../../Annotations/components/AnnotationsList/index.js';
+import '../../Annotations/components/LastAnnotation/index.js';
+import '../../PadModeSelect/PadModeSelect.js';
+import '../../DevCenter/AppHeader/AppHeader.js';
+import '../../Button/index.js';
+import '../../DevCenter/AppSideBar/AppSideBar.js';
+import '../../DevCenter/AppContext.js';
+import '../../DevCenter/AppsDataProvider/AppsDataProvider.js';
+import '@material-ui/icons/Help';
+import '../../HelpCenter/ArticleIcon.js';
+import '../../HelpCenter/DialogLayout.js';
+import '../../HelpCenter/SingleItemHeader.js';
+import '../../DocumentViewer/DocumentViewer.js';
+import '../../HelpCenter/shapes/index.js';
+import 'slate';
+import '../../SlateFormattedText/RenderElements.js';
+import '../../SlateFormattedText/SlateFormattedText.js';
+import '../../HelpCenter/ItemContent/ItemContent.js';
+import '../../HelpCenter/HelpCenterDialog/HelpCenterDialog.js';
+import '../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import '../../EmptyView/EmptyAppView/EmptyAppView.js';
+import '../../ErrorBoundary/ErrorBoundary.js';
+import '../../Typography.js';
+import '../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
+import '../../DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js';
+import '../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import '../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
+import '../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
+import '../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import '../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import '../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js';
+import '../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js';
+import '../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
+import '../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
+import '../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js';
+import '../../DevCenter/NavigationBar/NavigationBar.js';
+import '../../DevCenter/SideBar/SideBar.js';
+import '../../DevCenter/AppSettingsPopover/AppSettingsPopover.js';
+import '../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
+import '../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
+import '../../DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js';
+import '../../TruncatedText/index.js';
+import '../../AssetEditor/SingleAssetEditor.js';
+import '../../AssetEditor/AssetEditorAutocomplete.js';
+import '../../AssetEditor/index.js';
+import '../../AppVersionsSelect/AppVersionsSelect.js';
+import '../../CollapsableSidebar.js';
+import '../../DateTimePicker/index.js';
+import '../../DatePicker/index.js';
+import '../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
+import '../../ColorPicker/ColorPicker.js';
+import '../../ParameterCharts/AddEditTrack.js';
+import '../../ParameterCharts/ParameterCharts.js';
+import '../../ChartActionsList/ChartActionsList.js';
+import '../../SettingEditors/ColorEditor/index.js';
+import '../../SettingEditors/DropdownEditor/index.js';
+import '../../SettingEditors/RadioEditor/index.js';
+import '../../SwitchControl/index.js';
+import '../../RangeSlider/RangeSlider.js';
+import '../../Login/components/Login.js';
+import '../../Login/components/PasswordField.js';
+import '../../Login/components/Chip.js';
+import '../../Login/components/StepFooter.js';
+import '../../Login/components/StepContent.js';
+import '../../Login/components/StepHeader.js';
+import '../../Login/components/Step.js';
+import '../../Login/components/OrDivider.js';
+import '../../Login/components/HiddenEmailField.js';
+import '../../Login/components/EmailField.js';
+import '../../Breadcrumbs/index.js';
+import '../../VirtualizedTable/index.js';
+import '../../EmptyView/EmptyView.js';
+import '../../MenuItem/index.js';
+import '../../ContextMenuItem/index.js';
+import '../../FolderMenuItem/index.js';
+import '../../EditableItem/EditableItem/index.js';
+import '../../EditableItem/EditableItemWithBadge/index.js';
+import '../../Checkbox/index.js';
+import '../../FolderMenuItemWithLinks/index.js';
+import '../../TextField/index.js';
+import '../../Chip/index.js';
+import '../../Counter/index.js';
+import '../../AnchorsList/AnchorsList.js';
+import '../../Select/index.js';
+import '../../CustomSelect/index.js';
+import '../../Tabs/Tabs.js';
+import '../../Tabs/Tab.js';
+import '../../ResizableTable/ResizableTable.js';
+import '../../Drillstring/BHASchematic.js';
+import '../../Drillstring/BHAComponentIcon.js';
+import '../../Drillstring/BHATable/index.js';
+import '../../Drillstring/BHAComponentDetail/index.js';
+import '../../Casing/CasingComponentIcon.js';
+import '../../Casing/CasingTable/index.js';
+import '../../WellSummary/WellSummaryItemLabel.js';
+import '../../WellSummary/WellSummaryItemTitle.js';
+import '../../WellSummary/WellSummaryItemValue.js';
+import '../../WellSummary/ActivitySummaryChart.js';
+import '../../WellSummary/FracWirelineTimeChart.js';
+import '../../BICOffsetPickerDialog/index.js';
+import '../../OffsetWellPickerV2/OffsetWellPickerDialog.js';
+import '../../OffsetWellPickerV3/index.js';
+import '../../Notifications/Notifications.js';
+import '../../TextLink/index.js';
+import '../../Template/TemplatePopover/index.js';
+import '../../PinnableFilters/PinnableFilters.js';
+import '../../HeaderLayout/HeaderLayout.js';
+import '../../PadOffsetsPicker/PadOffsetsPicker.js';
+import '../../PadOffsetsPicker/OffsetAssetChip.js';
+import '../../PadOffsetsPicker/OffsetAssetsListExpander.js';
+import '../../PadOffsetsPicker/StagesSelector.js';
+import '../../Table/TableToolbar/TableToolbar.js';
+import '../../PriceInput/PriceInput.js';
+import '../../LabelsCounter/LabelsCounter.js';
+import '../../Stepper/Step.js';
+import '../../Stepper/StepsWrapper.js';
+import '../../Stepper/Stepper.js';
+import '../../Comment/CommentIcon/index.js';
+import '../../FilesLoader/Icons/FileIcon.js';
+import '../../FilesLoader/FilesLoader.js';
+import '../../SearchInput/index.js';
+import '../../StageDesignVActual/ComparisonHeader.js';
+import '../../StageDesignVActual/ComparisonBar/ComparisonBar.js';
+import '../../StageDesignVActual/ComparisonRow.js';
+import '../../StageDesignVActual/ElementsComparison/ElementsComparison.js';
+import '../../EmbeddedApp/DevCenterEmbeddedApp.js';
+import '../../EmbeddedApp/EmbeddedApp.js';
+import '../../FeedItem/FeedItem.js';
+import '../../KeyboardDateTimePicker.js';
+import PostInput from '../../PostInput/PostInput.js';
+import '../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js';
+import '../Popover.js';
+import '../Popup.js';
+
+var INPUT_DEBOUNCE_DELAY = 1500;
+var useStyles = makeStyles({
+  postInput: {
+    paddingBottom: 8
+  },
+  filePreviewWrapper: function filePreviewWrapper(_ref) {
+    var smallerView = _ref.smallerView;
+    return {
+      width: '100%',
+      marginLeft: 0,
+      maxHeight: smallerView ? 127 : 251
+    };
+  }
+});
+
+function Content(_ref2) {
+  var userCompanyId = _ref2.userCompanyId,
+      startAdornment = _ref2.startAdornment,
+      endAdornment = _ref2.endAdornment,
+      customContent = _ref2.customContent,
+      setComment = _ref2.setComment,
+      smallerView = _ref2.smallerView;
+  var classes = useStyles({
+    smallerView: smallerView
+  });
+  var setCommentDebounced = debounce(setComment, INPUT_DEBOUNCE_DELAY);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [startAdornment, customContent || /*#__PURE__*/jsx(PostInput, {
+      userCompanyId: userCompanyId,
+      onChange: setCommentDebounced,
+      filePreviewWrapperClass: classes.filePreviewWrapper,
+      className: classes.postInput,
+      smallerView: smallerView
+    }), endAdornment]
+  });
+}
+
+Content.propTypes = {
+  startAdornment: node,
+  endAdornment: node,
+  customContent: node,
+  userCompanyId: number.isRequired,
+  setComment: func,
+  smallerView: bool
+};
+Content.defaultProps = {
+  startAdornment: null,
+  endAdornment: null,
+  customContent: null,
+  setComment: function setComment() {
+    return undefined;
+  },
+  smallerView: false
+};
+
+export default Content;
+//# sourceMappingURL=Content.js.map

package/components/AddComment/components/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sources":["../../../../src/components/AddComment/components/Content.js"],"sourcesContent":["import { node, number, func, bool } from 'prop-types';\nimport { debounce } from 'lodash';\nimport { makeStyles } from '@material-ui/core';\n\nimport { PostInput } from '~/components';\n\nconst INPUT_DEBOUNCE_DELAY = 1500;\n\nconst useStyles = makeStyles({\n  postInput: { paddingBottom: 8 },\n  filePreviewWrapper: ({ smallerView }) => ({\n    width: '100%',\n    marginLeft: 0,\n    maxHeight: smallerView ? 127 : 251,\n  }),\n});\n\nfunction Content({\n  userCompanyId,\n  startAdornment,\n  endAdornment,\n  customContent,\n  setComment,\n  smallerView,\n}) {\n  const classes = useStyles({ smallerView });\n\n  const setCommentDebounced = debounce(setComment, INPUT_DEBOUNCE_DELAY);\n\n  return (\n    <>\n      {startAdornment}\n\n      {customContent || (\n        <PostInput\n          userCompanyId={userCompanyId}\n          onChange={setCommentDebounced}\n          filePreviewWrapperClass={classes.filePreviewWrapper}\n          className={classes.postInput}\n          smallerView={smallerView}\n        />\n      )}\n\n      {endAdornment}\n    </>\n  );\n}\n\nContent.propTypes = {\n  startAdornment: node,\n  endAdornment: node,\n  customContent: node,\n  userCompanyId: number.isRequired,\n  setComment: func,\n  smallerView: bool,\n};\n\nContent.defaultProps = {\n  startAdornment: null,\n  endAdornment: null,\n  customContent: null,\n  setComment: () => undefined,\n  smallerView: false,\n};\n\nexport default Content;\n"],"names":["INPUT_DEBOUNCE_DELAY","useStyles","makeStyles","postInput","paddingBottom","filePreviewWrapper","smallerView","width","marginLeft","maxHeight","Content","userCompanyId","startAdornment","endAdornment","customContent","setComment","classes","setCommentDebounced","debounce","_jsxs","_jsx","propTypes","node","number","isRequired","func","bool","defaultProps","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,oBAAoB,GAAG,IAA7B;AAEA,IAAMC,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,SAAS,EAAE;AAAEC,IAAAA,aAAa,EAAE;AAAjB,GADgB;AAE3BC,EAAAA,kBAAkB,EAAE;AAAA,QAAGC,WAAH,QAAGA,WAAH;AAAA,WAAsB;AACxCC,MAAAA,KAAK,EAAE,MADiC;AAExCC,MAAAA,UAAU,EAAE,CAF4B;AAGxCC,MAAAA,SAAS,EAAEH,WAAW,GAAG,GAAH,GAAS;AAHS,KAAtB;AAAA;AAFO,CAAD,CAA5B;;AASA,SAASI,OAAT,QAOG;AAAA,MANDC,aAMC,SANDA,aAMC;AAAA,MALDC,cAKC,SALDA,cAKC;AAAA,MAJDC,YAIC,SAJDA,YAIC;AAAA,MAHDC,aAGC,SAHDA,aAGC;AAAA,MAFDC,UAEC,SAFDA,UAEC;AAAA,MADDT,WACC,SADDA,WACC;AACD,MAAMU,OAAO,GAAGf,SAAS,CAAC;AAAEK,IAAAA,WAAW,EAAXA;AAAF,GAAD,CAAzB;AAEA,MAAMW,mBAAmB,GAAGC,QAAQ,CAACH,UAAD,EAAaf,oBAAb,CAApC;AAEA,sBACEmB;AAAA,eACGP,cADH,EAGGE,aAAa,iBACZM,IAAC,SAAD;AACE,MAAA,aAAa,EAAET,aADjB;AAEE,MAAA,QAAQ,EAAEM,mBAFZ;AAGE,MAAA,uBAAuB,EAAED,OAAO,CAACX,kBAHnC;AAIE,MAAA,SAAS,EAAEW,OAAO,CAACb,SAJrB;AAKE,MAAA,WAAW,EAAEG;AALf,MAJJ,EAaGO,YAbH;AAAA,IADF;AAiBD;;AAEDH,OAAO,CAACW,SAAR,GAAoB;AAClBT,EAAAA,cAAc,EAAEU,IADE;AAElBT,EAAAA,YAAY,EAAES,IAFI;AAGlBR,EAAAA,aAAa,EAAEQ,IAHG;AAIlBX,EAAAA,aAAa,EAAEY,MAAM,CAACC,UAJJ;AAKlBT,EAAAA,UAAU,EAAEU,IALM;AAMlBnB,EAAAA,WAAW,EAAEoB;AANK,CAApB;AASAhB,OAAO,CAACiB,YAAR,GAAuB;AACrBf,EAAAA,cAAc,EAAE,IADK;AAErBC,EAAAA,YAAY,EAAE,IAFO;AAGrBC,EAAAA,aAAa,EAAE,IAHM;AAIrBC,EAAAA,UAAU,EAAE;AAAA,WAAMa,SAAN;AAAA,GAJS;AAKrBtB,EAAAA,WAAW,EAAE;AALQ,CAAvB;;;;"}

package/components/AnchorsList/AnchorsList.js

@@ -1 +1,225 @@
-import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{useRef as r,useEffect as n,useState as o,useCallback as i,useMemo as c}from"react";import l from"prop-types";import{throttle as a,noop as s}from"lodash";import p from"classnames";import{makeStyles as u,Typography as m,Link as f}from"@material-ui/core";import{jsx as d,jsxs as h,Fragment as g}from"react/jsx-runtime";function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?b(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=u((function(e){return{root:t({top:70,width:175,flexShrink:0,position:"sticky",height:"calc(100vh - 70px)",overflowY:"auto",padding:e.spacing(2,0),display:"none"},e.breakpoints.up("sm"),{display:"block"}),title:{color:e.palette.primary.text8,margin:"0 0 8px 16px",lineHeight:"24px",fontSize:10,fontWeight:500,letterSpacing:1},contents:{marginTop:e.spacing(2),paddingLeft:e.spacing(1)},ul:{padding:0,margin:0,listStyle:"none",borderLeft:"1px solid ".concat(e.palette.background.b9)},li:{display:"flex","&:not(:first-of-type)":{marginTop:8}},item:{color:e.palette.primary.text6,display:"inline-block",margin:"7px 16px",fontSize:12,fontWeight:400,letter:"0.4px",lineHeight:"16px"},active:{color:e.palette.text.primary,fontWeight:500},activeItemBorder:{height:30,width:"2px",backgroundColor:"#03BCD4",borderRadius:"0 2px 2px 0",position:"absolute"}}}));function x(t){var l=t.title,u=t.items,b=v(),x=r([]);n((function(){x.current=u.map((function(e){return y(y({},e),{},{node:document.getElementById(e.hash)})}))}),[u]);var O,w,k,j=o(null),P=e(j,2),T=P[0],E=P[1],S=r(!1),N=r(null),I=i((function(){if(!S.current){for(var e,t=x.current.length-1;t>=0;t-=1){if(document.documentElement.scrollTop<100){e={hash:null};break}var r=x.current[t];if(r.node&&r.node.offsetTop<document.documentElement.scrollTop+document.documentElement.clientHeight/8){e=r;break}}e&&T!==e.hash&&E(e.hash)}}),[T]);O=u.length>0?I:null,k=c((function(){return O?a(O,w):s}),[O,w=166]),n((function(){if(k!==s)return window.addEventListener("scroll",k),function(){window.removeEventListener("scroll",k),k.cancel()}}),[k]);return n((function(){return function(){clearTimeout(N.current)}}),[]),n((function(){var e=window.location.hash;if(e){var t=document.getElementById(e.substr(1));t&&setTimeout((function(){t.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"})}),50)}}),[]),d("nav",{className:b.root,children:u.length>0&&h(g,{children:[d("div",{className:b.title,children:l}),d(m,{component:"ul",className:b.ul,children:u.map((function(e){var t,r=T===e.hash;return h("li",{className:b.li,children:[r&&d("div",{className:b.activeItemBorder}),d(f,{display:"block",href:"#".concat(e.hash),underline:"none",onClick:(t=e.hash,function(e){e.defaultPrevented||0!==e.button||e.metaKey||e.ctrlKey||e.altKey||e.shiftKey||(S.current=!0,N.current=setTimeout((function(){S.current=!1}),1e3),T!==t&&E(t))}),className:p(b.item,r&&b.active),children:d("span",{children:e.text})})]},e.text)}))})]})})}x.defaultProps={title:"ON THIS PAGE",items:[]},x.propTypes={title:l.string,items:l.arrayOf(l.shape({hash:l.string,text:l.string}))};export{x as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { throttle, noop } from 'lodash';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { makeStyles, Typography, Link } from '@material-ui/core';
+import { useRef, useEffect, useState, useCallback, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var useStyles = makeStyles(function (theme) {
+  return {
+    root: _defineProperty({
+      top: 70,
+      width: 175,
+      flexShrink: 0,
+      position: 'sticky',
+      height: 'calc(100vh - 70px)',
+      overflowY: 'auto',
+      padding: theme.spacing(2, 0),
+      display: 'none'
+    }, theme.breakpoints.up('sm'), {
+      display: 'block'
+    }),
+    title: {
+      color: theme.palette.primary.text8,
+      margin: '0 0 8px 16px',
+      lineHeight: '24px',
+      fontSize: 10,
+      fontWeight: 500,
+      letterSpacing: 1
+    },
+    contents: {
+      marginTop: theme.spacing(2),
+      paddingLeft: theme.spacing(1)
+    },
+    ul: {
+      padding: 0,
+      margin: 0,
+      listStyle: 'none',
+      borderLeft: "1px solid ".concat(theme.palette.background.b9)
+    },
+    li: {
+      display: 'flex',
+      '&:not(:first-of-type)': {
+        marginTop: 8
+      }
+    },
+    item: {
+      color: theme.palette.primary.text6,
+      display: 'inline-block',
+      margin: '7px 16px',
+      fontSize: 12,
+      fontWeight: 400,
+      letter: '0.4px',
+      lineHeight: '16px'
+    },
+    active: {
+      color: theme.palette.text.primary,
+      fontWeight: 500
+    },
+    activeItemBorder: {
+      height: 30,
+      width: '2px',
+      backgroundColor: '#03BCD4',
+      borderRadius: '0 2px 2px 0',
+      position: 'absolute'
+    }
+  };
+}); // TODO: these nodes are mutable sources. Use createMutableSource once it's stable
+
+function getItemsClient(headings) {
+  return headings.map(function (item) {
+    return _objectSpread(_objectSpread({}, item), {}, {
+      node: document.getElementById(item.hash)
+    });
+  });
+}
+
+function useThrottledOnScroll(callback, delay) {
+  var throttledCallback = useMemo(function () {
+    return callback ? throttle(callback, delay) : noop;
+  }, [callback, delay]);
+  useEffect(function () {
+    if (throttledCallback === noop) return undefined;
+    window.addEventListener('scroll', throttledCallback);
+    return function () {
+      window.removeEventListener('scroll', throttledCallback);
+      throttledCallback.cancel();
+    };
+  }, [throttledCallback]);
+}
+
+function AnchorsList(props) {
+  var title = props.title,
+      items = props.items;
+  var classes = useStyles();
+  var itemsWithNodeRef = useRef([]);
+  useEffect(function () {
+    itemsWithNodeRef.current = getItemsClient(items);
+  }, [items]);
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      activeState = _useState2[0],
+      setActiveState = _useState2[1];
+
+  var clickedRef = useRef(false);
+  var unsetClickedRef = useRef(null);
+  var findActiveIndex = useCallback(function () {
+    // Don't set the active index based on scroll if a link was just clicked
+    if (clickedRef.current) return;
+    var active;
+
+    for (var i = itemsWithNodeRef.current.length - 1; i >= 0; i -= 1) {
+      // No hash if we're near the top of the page
+      if (document.documentElement.scrollTop < 100) {
+        active = {
+          hash: null
+        };
+        break;
+      }
+
+      var item = itemsWithNodeRef.current[i];
+
+      if (item.node && item.node.offsetTop < document.documentElement.scrollTop + document.documentElement.clientHeight / 8) {
+        active = item;
+        break;
+      }
+    }
+
+    if (active && activeState !== active.hash) setActiveState(active.hash);
+  }, [activeState]); // Corresponds to 10 frames at 60 Hz
+
+  useThrottledOnScroll(items.length > 0 ? findActiveIndex : null, 166);
+
+  var handleClick = function handleClick(hash) {
+    return function (event) {
+      // Ignore click for new tab/new window behavior
+      if (event.defaultPrevented || event.button !== 0 || // ignore everything but left-click
+      event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) {
+        return;
+      } // Used to disable findActiveIndex if the page scrolls due to a click
+
+
+      clickedRef.current = true;
+      unsetClickedRef.current = setTimeout(function () {
+        clickedRef.current = false;
+      }, 1000);
+
+      if (activeState !== hash) {
+        setActiveState(hash);
+      }
+    };
+  };
+
+  useEffect(function () {
+    return function () {
+      clearTimeout(unsetClickedRef.current);
+    };
+  }, []);
+  useEffect(function () {
+    // Fires after component has been mounted. We need this to scroll to anchor on initial load
+    var hash = window.location.hash;
+    if (!hash) return;
+    var element = document.getElementById(hash.substr(1));
+
+    if (element) {
+      setTimeout(function () {
+        element.scrollIntoView({
+          block: 'start',
+          inline: 'nearest',
+          behavior: 'smooth'
+        });
+      }, 50);
+    }
+  }, []);
+  return /*#__PURE__*/jsx("nav", {
+    className: classes.root,
+    children: items.length > 0 && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("div", {
+        className: classes.title,
+        children: title
+      }), /*#__PURE__*/jsx(Typography, {
+        component: "ul",
+        className: classes.ul,
+        children: items.map(function (item) {
+          var isActive = activeState === item.hash;
+          return /*#__PURE__*/jsxs("li", {
+            className: classes.li,
+            children: [isActive && /*#__PURE__*/jsx("div", {
+              className: classes.activeItemBorder
+            }), /*#__PURE__*/jsx(Link, {
+              display: "block",
+              href: "#".concat(item.hash),
+              underline: "none",
+              onClick: handleClick(item.hash),
+              className: classNames(classes.item, isActive && classes.active),
+              children: /*#__PURE__*/jsx("span", {
+                children: item.text
+              })
+            })]
+          }, item.text);
+        })
+      })]
+    })
+  });
+}
+
+AnchorsList.defaultProps = {
+  title: 'ON THIS PAGE',
+  items: []
+};
+AnchorsList.propTypes = {
+  title: PropTypes.string,
+  items: PropTypes.arrayOf(PropTypes.shape({
+    hash: PropTypes.string,
+    text: PropTypes.string
+  }))
+};
+
+export default AnchorsList;
+//# sourceMappingURL=AnchorsList.js.map