@corva/ui 3.12.0-8 → 3.12.0-9

package/components/ColorPicker/PaletteChromePicker/Palette/Palette.css.js.map

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

package/components/ColorPicker/PaletteChromePicker/Palette/Palette.js

@@ -1 +1,2 @@
 import r from"prop-types";import{CustomPicker as e}from"react-color";import o from"classnames";import a from"chroma-js";import t from"../ColorSquare/ColorSquare.js";import{paletteColorsWithTransparent as n,paletteColors as s}from"./PaletteConstants.js";import l from"./Palette.css.js";import{jsx as i}from"react/jsx-runtime";var m=function(r,e){var o=a(r).alpha(),t=a(e).alpha();return o?r===e:o===t},c=function(r){var e=r.onChange,a=r.color,c=r.className,p=r.enableTransparencyPalette?n:s;return i("div",{className:o(l.paletteContainer,c),children:p.map((function(r){return i(t,{color:r,isSelected:m(a,r),onClick:function(){e(r)}},r)}))})};c.propTypes={onChange:r.func.isRequired,color:r.string.isRequired,className:r.string,enableTransparencyPalette:r.bool.isRequired},c.defaultProps={className:null};var p=e(c);export{p as default};
+//# sourceMappingURL=Palette.js.map

package/components/ColorPicker/PaletteChromePicker/Palette/Palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Palette.js","sources":["../../../../../src/components/ColorPicker/PaletteChromePicker/Palette/Palette.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { CustomPicker } from 'react-color';\nimport classNames from 'classnames';\nimport chroma from 'chroma-js';\n\nimport ColorSquare from '../ColorSquare';\n\nimport { paletteColors, paletteColorsWithTransparent } from './PaletteConstants';\n\nimport styles from './Palette.css';\n\nconst isSelected = (currentColor, predefinedColor) => {\n  const currentColorAlpha = chroma(currentColor).alpha();\n  const predefinedColorAlpha = chroma(predefinedColor).alpha();\n\n  if (!currentColorAlpha) return currentColorAlpha === predefinedColorAlpha;\n  return currentColor === predefinedColor;\n};\n\nconst Palette = ({ onChange, color, className, enableTransparencyPalette }) => {\n  const colors = enableTransparencyPalette ? paletteColorsWithTransparent : paletteColors;\n\n  return (\n    <div className={classNames(styles.paletteContainer, className)}>\n      {colors.map(predefinedColor => (\n        <ColorSquare\n          key={predefinedColor}\n          color={predefinedColor}\n          isSelected={isSelected(color, predefinedColor)}\n          onClick={() => {\n            onChange(predefinedColor);\n          }}\n        />\n      ))}\n    </div>\n  );\n};\n\nPalette.propTypes = {\n  onChange: PropTypes.func.isRequired,\n  color: PropTypes.string.isRequired,\n  className: PropTypes.string,\n  enableTransparencyPalette: PropTypes.bool.isRequired,\n};\n\nPalette.defaultProps = {\n  className: null,\n};\n\nexport default CustomPicker(Palette);\n"],"names":["isSelected","currentColor","predefinedColor","currentColorAlpha","chroma","alpha","predefinedColorAlpha","Palette","_ref","onChange","color","className","colors","enableTransparencyPalette","paletteColorsWithTransparent","paletteColors","_jsx","classNames","styles","paletteContainer","children","map","ColorSquare","onClick","propTypes","PropTypes","func","isRequired","string","bool","defaultProps","CustomPicker"],"mappings":"qUAWA,IAAMA,EAAa,SAACC,EAAcC,GAChC,IAAMC,EAAoBC,EAAOH,GAAcI,QACzCC,EAAuBF,EAAOF,GAAiBG,QAErD,OAAKF,EACEF,IAAiBC,EADOC,IAAsBG,CAEvD,EAEMC,EAAU,SAA+DC,GAAA,IAA5DC,IAAAA,SAAUC,IAAAA,MAAOC,IAAAA,UAC5BC,IADuCC,0BACFC,EAA+BC,EAE1E,OACEC,EAAA,MAAA,CAAKL,UAAWM,EAAWC,EAAOC,iBAAkBR,GAAWS,SAC5DR,EAAOS,KAAI,SAAAnB,GAAe,OACzBc,EAACM,EAAW,CAEVZ,MAAOR,EACPF,WAAYA,EAAWU,EAAOR,GAC9BqB,QAAS,WACPd,EAASP,EACX,GALKA,OAUf,EAEAK,EAAQiB,UAAY,CAClBf,SAAUgB,EAAUC,KAAKC,WACzBjB,MAAOe,EAAUG,OAAOD,WACxBhB,UAAWc,EAAUG,OACrBf,0BAA2BY,EAAUI,KAAKF,YAG5CpB,EAAQuB,aAAe,CACrBnB,UAAW,MAGb,IAAeoB,EAAAA,EAAaxB"}

package/components/ColorPicker/PaletteChromePicker/Palette/PaletteConstants.js

@@ -1 +1,2 @@
 var F=["#8096A1","#CC3E20","#EE752F","#F9D649","#BBE749","#85D947","#5AC462","#51B6D1","#3C91E3","#3466F6","#5823E1","#9B2FF6","#B52C62","#C4D1D8","#EC4F27","#F19637","#FCE94F","#D2FC51","#9BFA4E","#69E282","#66E2FC","#4CAFF9","#3D7BF7","#5B33F5","#C336F0","#E1315A","#FFFFFF","#EE764E","#F4AE56","#FFFE55","#E4FD67","#C3FC73","#8EECB3","#76FCFD","#67C3FA","#548BF7","#7456F6","#CF54F3","#EC5281"],E="#00000000",C=F.map((function(F,E){return 0===E?"#00000000":F}));export{E as TRANSPARENT_HEX,F as paletteColors,C as paletteColorsWithTransparent};
+//# sourceMappingURL=PaletteConstants.js.map

package/components/ColorPicker/PaletteChromePicker/Palette/PaletteConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaletteConstants.js","sources":["../../../../../src/components/ColorPicker/PaletteChromePicker/Palette/PaletteConstants.js"],"sourcesContent":["export const paletteColors = [\n  // row 1\n  '#8096A1',\n  '#CC3E20',\n  '#EE752F',\n  '#F9D649',\n  '#BBE749',\n  '#85D947',\n  '#5AC462',\n  '#51B6D1',\n  '#3C91E3',\n  '#3466F6',\n  '#5823E1',\n  '#9B2FF6',\n  '#B52C62',\n  // row 2\n  '#C4D1D8',\n  '#EC4F27',\n  '#F19637',\n  '#FCE94F',\n  '#D2FC51',\n  '#9BFA4E',\n  '#69E282',\n  '#66E2FC',\n  '#4CAFF9',\n  '#3D7BF7',\n  '#5B33F5',\n  '#C336F0',\n  '#E1315A',\n  // row 3\n  '#FFFFFF',\n  '#EE764E',\n  '#F4AE56',\n  '#FFFE55',\n  '#E4FD67',\n  '#C3FC73',\n  '#8EECB3',\n  '#76FCFD',\n  '#67C3FA',\n  '#548BF7',\n  '#7456F6',\n  '#CF54F3',\n  '#EC5281',\n];\n\nexport const TRANSPARENT_HEX = '#00000000';\n\nexport const paletteColorsWithTransparent = paletteColors.map((color, i) => {\n  return i === 0 ? TRANSPARENT_HEX : color;\n});\n"],"names":["paletteColors","TRANSPARENT_HEX","paletteColorsWithTransparent","map","color","i"],"mappings":"AAAO,IAAMA,EAAgB,CAE3B,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UAEA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UAEA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,WAGWC,EAAkB,YAElBC,EAA+BF,EAAcG,KAAI,SAACC,EAAOC,GACpE,OAAa,IAANA,EAHsB,YAGMD,CACrC"}

package/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.js

@@ -1 +1,2 @@
 import{jsxs as o,jsx as s}from"react/jsx-runtime";import{forwardRef as c,useState as i,useLayoutEffect as n}from"react";import{ChromePicker as t}from"react-color";import e from"classnames";import{makeStyles as r,Tooltip as m}from"@material-ui/core";import a from"./Palette/Palette.js";import p from"../../IconButton/index.js";import{PaletteIcon as l,PickerIcon as d}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";var u="PALETTE",h="CHROME_PICKER",j={default:{picker:{width:"100%",boxShadow:"none"},body:{backgroundColor:"#3b3b3b",padding:"16px 16px 0"},color:{width:"32px",height:"32px",marginRight:"16px",borderRadius:"2px"},swatch:{marginTop:0,width:"100%",height:"100%",borderRadius:0,position:"relative",overflow:"hidden"},toggles:{display:"flex",flexDirection:"column",justifyContent:"space-between"},Alpha:{checkboard:{display:"none"},gradient:{borderRadius:"5px"}}}},I=r({container:{backgroundColor:"#3b3b3b",boxShadow:"0px 3px 10px rgba(0, 0, 0, 0.4)",paddingBottom:"8px",borderRadius:"4px",width:"250px","& input":{border:"1px solid #616161 !important",backgroundColor:"#3b3b3b",color:"#fff !important",boxShadow:"none !important",outline:"none"}},chromePickerPalette:{margin:"0 8px",paddingTop:"8px"},buttonsContainer:{display:"flex",justifyContent:"center",marginTop:"8px"},iconActive:{color:"#fff"},tooltip:{background:"#414141",color:"#fff",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",borderRadius:"4px",opacity:1,fontSize:"11px"}}),b=c((function(c,r){var b,x,f=c.color,C=c.onChange,g=c.onSizeChange,k=c.enableTransparencyPalette,P=I(),v=i(u),w=v[0],A=v[1];return n(g,[w]),o("div",{className:P.container,ref:r,children:[w===u&&s(a,{className:P.chromePickerPalette,color:f,onChange:C,enableTransparencyPalette:k}),w===h&&s(t,{styles:j,color:f,onChange:C}),o("div",{className:P.buttonsContainer,children:[s(m,{title:"Palette",classes:{tooltip:P.tooltip},children:s(p,{"data-testid":"".concat("PaletteChromePicker","_palette"),onClick:function(){return A(u)},children:s(l,{className:e((b={},b[P.iconActive]=w===u,b)),size:24})})}),s(m,{title:"Pick your own",classes:{tooltip:P.tooltip},children:s(p,{"data-testid":"".concat("PaletteChromePicker","_pickOwn"),onClick:function(){return A(h)},children:s(d,{className:e((x={},x[P.iconActive]=w===h,x)),size:24})})})]})]})}));export{b as default};
+//# sourceMappingURL=PaletteChromePicker.js.map

package/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaletteChromePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/ColorPickerPalette/ColorPickerPalette.js

@@ -1 +1,2 @@
 import{jsx as r}from"react/jsx-runtime";import{useRef as o}from"react";import{makeStyles as e,Popover as n}from"@material-ui/core";import t from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";var a={rgba:function(r){return"rgba(".concat(r.rgb.r,", ").concat(r.rgb.g,", ").concat(r.rgb.b,", ").concat(r.rgb.a,")")},rgb:function(r){return"rgb(".concat(r.rgb.r,", ").concat(r.rgb.g,", ").concat(r.rgb.b,")")},hex:function(r){return r.hex},rgba_rgb:function(r){return 1===r.rgb.a?a.rgb(r):a.rgba(r)},rgba_hex:function(r){return 1===r.rgb.a?a.hex(r):a.rgba(r)}},i=e({root:{position:"relative",display:"flex"},popper:{zIndex:1500},topLabel:{marginBottom:"8px",fontSize:"15px",lineHeight:"17px",letterSpacing:"0.4px",color:"#BDBDBD",whiteSpace:"nowrap"},rightLabel:{marginLeft:"8px",fontSize:"16px"}}),c=function(e){var c=e.color,l=e.onChange,g=e.anchorEl,p=void 0===g?null:g,b=e.handleClose,h=e.converter,f=void 0===h?"rgba_hex":h,u=e.popoverAnchorOrigin,m=void 0===u?{vertical:"bottom",horizontal:"left"}:u,v=e.popoverTransformOrigin,d=void 0===v?{vertical:"top",horizontal:"left"}:v,s=e.pickerComponent,x=void 0===s?t:s,C=e.enableTransparencyPalette,P=void 0!==C&&C,z=i(),B=o();return r("div",{className:z.root,children:r(n,{id:"colors-popper",action:B,open:Boolean(p),anchorEl:p,onClose:b,anchorOrigin:m,transformOrigin:d,children:r(x,{color:c,onChange:function(r){var o=a[f](r);l(o)},onSizeChange:function(){B.current&&B.current.updatePosition()},enableTransparencyPalette:P})})})};export{c as default};
+//# sourceMappingURL=ColorPickerPalette.js.map

package/components/ColorPickerPalette/ColorPickerPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerPalette.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Comment/CommentIcon/index.js

@@ -1 +1,2 @@
 import{jsx as t}from"react/jsx-runtime";import{makeStyles as e,Tooltip as i,IconButton as o,Badge as r}from"@material-ui/core";import{AvatarComponent as a}from"../../Avatar/index.js";import{BadgeIcon as l}from"../../../componentsV2/BadgeComment/BadgeIcon.js";import{isNativeDetected as m,isMobileDetected as p}from"../../../utils/mobileDetect.js";var n=m||p,s=e((function(t){return{icon:{padding:0,"&:hover":{"& .MuiBadge-root .MuiBadge-badge svg path":{"&:first-of-type":{fill:t.palette.primary.light}},"& .MuiAvatar-root":{outline:"1px solid ".concat(t.palette.primary.light)}},marginTop:4},badge:{top:2,right:6,"&:hover":{"& svg path":{"&:first-of-type":{fill:t.palette.primary.light}}}},tooltip:{marginTop:8}}})),d=function(e){var m=e.displayName,p=void 0===m?"":m,d=e.imgSrc,c=e.size,g=void 0===c?24:c,f=s();return t(i,{title:!n&&"Add Comment",placement:"bottom",classes:{tooltip:f.tooltip},children:t(o,{classes:{root:f.icon},children:t(r,{classes:{badge:f.badge},badgeContent:t(l,{}),children:t(a,{displayName:p,size:g,imgSrc:d})})})})};export{d as default};
+//# sourceMappingURL=index.js.map

package/components/Comment/CommentIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Comment/index.js

@@ -1 +1,2 @@
 import e from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/classCallCheck";import n from"@babel/runtime/helpers/createClass";import r from"@babel/runtime/helpers/assertThisInitialized";import o from"@babel/runtime/helpers/inherits";import i from"@babel/runtime/helpers/possibleConstructorReturn";import a from"@babel/runtime/helpers/getPrototypeOf";import s from"@babel/runtime/helpers/defineProperty";import c from"@babel/runtime/regenerator";import{createRef as l,PureComponent as m}from"react";import p from"prop-types";import u from"moment";import{get as d,includes as h,noop as f}from"lodash";import v from"classnames";import{withStyles as y}from"@material-ui/core/styles";import b from"@material-ui/core/Typography";import g from"@material-ui/core/Menu";import C from"@material-ui/core/MenuItem";import M from"@material-ui/icons/MoreVert";import{deleteFeedItemComment as D}from"../../clients/jsonApi/index.js";import E from"./styles.css.js";import w from"../CommentWrapper.js";import O from"../CommentLoader.js";import I from"../CommentInput/index.js";import{AvatarComponent as j}from"../Avatar/index.js";import k from"../Attachment/index.js";import x from"../IconButton/index.js";import A from"../ConfirmationDialog.js";import N from"../UserCardPopover.js";import{formatMentionText as _}from"../UserMention/utils/index.js";import{isNativeDetected as S}from"../../utils/mobileDetect.js";import R from"../../utils/main.js";import{jsxs as P,jsx as U}from"react/jsx-runtime";function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=a(e);if(t){var o=a(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return i(this,n)}}var W={chatAvatarWrapper:{paddingTop:2,position:"absolute",top:6,left:0},commentInfoContainer:{display:"inline-flex",alignItems:"center",width:"100%",paddingTop:5},userNameWrapper:{overflow:"hidden"},infoContainer:{display:"inline-block",verticalAlign:"top",width:"100%",paddingLeft:33}},T=function(i){o(p,m);var a=L(p);function p(n){var o,i;return t(this,p),o=a.call(this,n),s(r(o),"deleteComment",(i=e(c.mark((function e(t,n){var r;return c.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,D(t,n);case 3:r=e.sent,e.next=9;break;case 6:e.prev=6,e.t0=e.catch(0),console.error(e.t0);case 9:return e.abrupt("return",r);case 10:case"end":return e.stop()}}),e,null,[[0,6]])}))),function(e,t){return i.apply(this,arguments)})),s(r(o),"showIntoView",(function(){o.props.handleShowOnMount(),o.commentEl.current.scrollIntoView({block:"end"})})),s(r(o),"handleOpenActionsMenu",(function(e){e.stopPropagation(),o.setState({actionsMenuAnchorEl:e.currentTarget})})),s(r(o),"handleCloseActionsMenu",(function(e){e.stopPropagation(),o.setState({actionsMenuAnchorEl:null})})),s(r(o),"handleKeyDown",(function(e){27===e.keyCode&&o.setState({isEditing:!1}),document.removeEventListener("keydown",o.handleKeyDown,!1)})),s(r(o),"handleEditMenuItem",(function(){document.addEventListener("keydown",o.handleKeyDown,!1),o.setState({isEditing:!0},(function(){o.inputEl.current&&o.inputEl.current.focus()}))})),s(r(o),"getEditCommentProps",(function(){var e=o.props.comment,t=e.id,n=e.body,r=e.attachment;return{editFeedItemId:e.feed_activity_id,editCommentId:t,editComment:n,editAttachment:r}})),s(r(o),"onEditFinish",(function(){o.setState({isEditing:!1,isLoading:!1})})),s(r(o),"handleDeleteMenuItem",(function(){o.setState({openDeleteDialog:!0})})),s(r(o),"handleDelete",e(c.mark((function e(){var t,n,r;return c.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=o.props.comment.id,n=o.props.comment.feed_activity_id,o.setState({isLoading:!0}),e.next=5,o.deleteComment(n,t);case 5:r=e.sent,o.setState({isLoading:!1,openDeleteDialog:!1}),r&&o.props.handleDeleteCallback(t);case 8:case"end":return e.stop()}}),e)})))),o.state={actionsMenuAnchorEl:null,isLoading:!1,isEditing:!1,openDeleteDialog:!1},o.inputEl=l(),o.commentEl=l(),o}return n(p,[{key:"componentDidMount",value:function(){this.props.showOnMount&&this.showIntoView()}},{key:"isCurrentUserCommentCreator",get:function(){return Number(d(this.props.comment,["user","id"]))===Number(this.props.currentUser.id)}},{key:"renderMenuIcon",value:function(){var e=this.isCurrentUserCommentCreator,t=this.isCurrentUserCommentCreator||h(this.props.comment.allowed_actions,"destroy");return t||e?P("div",{className:E.cCommentMenu,children:[U(x,{"data-testid":"".concat("comment","_menuButton"),"aria-label":"Actions","aria-owns":this.state.actionsMenuAnchorEl?"c-comment__actions-menu":void 0,"aria-haspopup":"true",className:this.props.classes.iconButtonRoot,size:"small",onClick:this.handleOpenActionsMenu,children:U(M,{})}),P(g,{id:"c-comment__actions-menu",anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:this.state.actionsMenuAnchorEl,open:!!this.state.actionsMenuAnchorEl,onClick:this.handleCloseActionsMenu,onClose:this.handleCloseActionsMenu,children:[e&&U(C,{"data-testid":"".concat("comment","_editMenuItem"),onClick:this.handleEditMenuItem,children:"Edit"}),t&&U(C,{"data-testid":"".concat("comment","_deleteMenuItem"),onClick:this.handleDeleteMenuItem,children:"Delete"})]})]}):null}},{key:"render",value:function(){var e,t,n=this,r=this.state,o=r.isLoading,i=r.isEditing;if(o){var a=this.props.spaceAround;return U(O,{spaceAround:a})}var c=this.props,l=c.comment,m=c.classes,p=c.spaceAround,h=c.isNative,y=c.patchCommentCallback,g=c.companyId;if(i)return U(I,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({inputRef:this.inputEl,postComment:f,exitEditMode:this.onEditFinish,setIsEditting:function(){return n.setState({isLoading:!0})},patchCommentCallback:y,companyId:g,currentUser:this.props.currentUser},this.getEditCommentProps()));var C=R.getUserFullName(l.user),M=h?"MM/DD HH:mm":"MM/DD/YY HH:mm",D=u(l.created_at).format(M),x=(null==l||null===(e=l.attachment)||void 0===e?void 0:e.signed_url)||(null==l||null===(t=l.attachment)||void 0===t?void 0:t.url),S=d(l,["attachment","size"]),L=d(l,["attachment","file_name"]);return P("div",{"data-testid":"".concat("comment","_commentItem_").concat(l.body),className:v(E.cComment,s({},E.cCommentNative,h)),ref:this.commentEl,children:[P(w,{spaceAround:p,className:this.props.classes.commentWrapper,children:[U("div",{style:W.chatAvatarWrapper,children:h?U(j,{size:24,displayName:C,imgSrc:d(l,["user","profile_photo"]),className:this.props.classes.avatar}):U(N,{user:l.user,currentUser:this.props.currentUser,children:U(j,{size:24,displayName:C,imgSrc:d(l,["user","profile_photo"]),className:this.props.classes.avatar})})}),P("div",{style:W.infoContainer,children:[U("div",{children:P("div",{style:W.commentInfoContainer,children:[U("div",{style:W.userNameWrapper,children:U(b,{"data-testid":"".concat("comment","_userName"),variant:"subtitle2",noWrap:!0,className:m.userName,children:C})}),U("div",{style:W.timeWrapper,children:U(b,{"data-testid":"".concat("comment","_addTime"),variant:"caption",classes:{root:m.timeRoot},children:D})})]})}),P("div",{className:E.cCommentBody,children:[this.renderMenuIcon(),U(b,{"data-testid":"".concat("comment","_commentMessage"),variant:"body1",classes:{root:m.textRoot},children:_(l.body,l.mentioned_users,h,"#00bcd4",this.props.currentUser)}),x&&U(k,{attachmentUrl:x,attachmentSize:S,size:"small",fileName:L})]})]})]}),this.state.openDeleteDialog&&U(A,{open:this.state.openDeleteDialog,text:"Do you really want to delete comment?",handleClose:function(){return n.setState({openDeleteDialog:!1})},handleOk:this.handleDelete,okText:"Delete"})]})}}]),p}();T.propTypes={comment:p.shape({}).isRequired,showOnMount:p.bool,spaceAround:p.bool,handleShowOnMount:p.func,handleEdit:p.func,handleDeleteCallback:p.func.isRequired,patchCommentCallback:p.func.isRequired,companyId:p.number,currentUser:p.shape(),classes:p.shape({}).isRequired,isNative:p.bool},T.defaultProps={showOnMount:!1,spaceAround:!1,handleShowOnMount:f,handleEdit:f,companyId:null,isNative:S,currentUser:{}};var B=y((function(e){return{commentWrapper:{width:"100%"},timeRoot:{color:e.palette.primary.text7,float:"right",marginRight:5,marginLeft:8,fontSize:"12px"},textRoot:{marginTop:5,color:"#CCC",fontWeight:"normal",fontSize:"14px"},iconButtonRoot:{float:"right",visibility:"hidden",color:e.palette.primary.text7},userName:{fontSize:"12px",fontWeight:"bold"}}}))(T);export{B as default};
+//# sourceMappingURL=index.js.map

package/components/Comment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Comment/index.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { get, noop, includes } from 'lodash';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\n\nimport { deleteFeedItemComment } from '../../clients/jsonApi';\n\nimport styles from './styles.css';\n\nimport CommentWrapper from '~components/CommentWrapper';\nimport CommentLoader from '~components/CommentLoader';\nimport CommentInput from '~components/CommentInput';\nimport Avatar from '~components/Avatar';\nimport Attachment from '~components/Attachment';\nimport IconButton from '~components/IconButton';\nimport ConfirmationDialog from '~components/ConfirmationDialog';\nimport UserCardPopover from '~components/UserCardPopover';\nimport { formatMentionText } from '~components/UserMention/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport utils from '~utils/main';\n\nconst PAGE_NAME = 'comment';\n\nconst CREATED_AT_FORMAT = 'MM/DD/YY HH:mm';\nconst CREATED_AT_FORMAT_NATIVE = 'MM/DD HH:mm';\n\nconst style = {\n  chatAvatarWrapper: {\n    paddingTop: 2,\n    position: 'absolute',\n    top: 6,\n    left: 0,\n  },\n  commentInfoContainer: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    width: '100%',\n    paddingTop: 5,\n  },\n  userNameWrapper: { overflow: 'hidden' },\n  infoContainer: {\n    display: 'inline-block',\n    verticalAlign: 'top',\n    width: '100%',\n    paddingLeft: 33,\n  },\n};\n\nconst muiStyles = theme => ({\n  commentWrapper: { width: '100%' },\n  timeRoot: {\n    color: theme.palette.primary.text7,\n    float: 'right',\n    marginRight: 5,\n    marginLeft: 8,\n    fontSize: '12px',\n  },\n  textRoot: {\n    marginTop: 5,\n    color: '#CCC',\n    fontWeight: 'normal',\n    fontSize: '14px',\n  },\n  iconButtonRoot: {\n    float: 'right',\n    visibility: 'hidden',\n    color: theme.palette.primary.text7,\n  },\n  userName: {\n    fontSize: '12px',\n    fontWeight: 'bold',\n  },\n});\n\nclass Comment extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      actionsMenuAnchorEl: null,\n      isLoading: false,\n      isEditing: false,\n      openDeleteDialog: false,\n    };\n    this.inputEl = createRef();\n    this.commentEl = createRef();\n  }\n\n  componentDidMount() {\n    if (this.props.showOnMount) {\n      this.showIntoView();\n    }\n  }\n\n  get isCurrentUserCommentCreator() {\n    return Number(get(this.props.comment, ['user', 'id'])) === Number(this.props.currentUser.id);\n  }\n\n  deleteComment = async (feedItemId, commentId) => {\n    let commentResponse;\n\n    try {\n      commentResponse = await deleteFeedItemComment(feedItemId, commentId);\n    } catch (e) {\n      console.error(e);\n    }\n\n    return commentResponse;\n  };\n\n  showIntoView = () => {\n    this.props.handleShowOnMount();\n    this.commentEl.current.scrollIntoView({ block: 'end' });\n  };\n\n  handleOpenActionsMenu = event => {\n    event.stopPropagation();\n    this.setState({ actionsMenuAnchorEl: event.currentTarget });\n  };\n\n  handleCloseActionsMenu = event => {\n    event.stopPropagation();\n    this.setState({ actionsMenuAnchorEl: null });\n  };\n\n  handleKeyDown = event => {\n    if (event.keyCode === 27) {\n      this.setState({\n        isEditing: false,\n      });\n    }\n    document.removeEventListener('keydown', this.handleKeyDown, false);\n  };\n\n  handleEditMenuItem = () => {\n    document.addEventListener('keydown', this.handleKeyDown, false);\n    this.setState(\n      {\n        isEditing: true,\n      },\n      () => {\n        if (this.inputEl.current) this.inputEl.current.focus();\n      }\n    );\n  };\n\n  // TODO: move to one prop, not multiple\n  getEditCommentProps = () => {\n    const { comment } = this.props;\n    const editCommentId = comment.id;\n    const editComment = comment.body;\n    const editAttachment = comment.attachment;\n    const editFeedItemId = comment.feed_activity_id;\n    return {\n      editFeedItemId,\n      editCommentId,\n      editComment,\n      editAttachment,\n    };\n  };\n\n  onEditFinish = () => {\n    this.setState({ isEditing: false, isLoading: false });\n  };\n\n  handleDeleteMenuItem = () => {\n    this.setState({ openDeleteDialog: true });\n  };\n\n  handleDelete = async () => {\n    const { id } = this.props.comment;\n    const feedItemId = this.props.comment.feed_activity_id;\n\n    this.setState({ isLoading: true });\n\n    const response = await this.deleteComment(feedItemId, id);\n\n    this.setState({ isLoading: false, openDeleteDialog: false });\n    if (response) this.props.handleDeleteCallback(id);\n  };\n\n  renderMenuIcon() {\n    const showEdit = this.isCurrentUserCommentCreator;\n\n    const showDelete =\n      this.isCurrentUserCommentCreator || includes(this.props.comment.allowed_actions, 'destroy');\n\n    if (!(showDelete || showEdit)) return null;\n\n    return (\n      <div className={styles.cCommentMenu}>\n        <IconButton\n          data-testid={`${PAGE_NAME}_menuButton`}\n          aria-label=\"Actions\"\n          aria-owns={this.state.actionsMenuAnchorEl ? 'c-comment__actions-menu' : undefined}\n          aria-haspopup=\"true\"\n          className={this.props.classes.iconButtonRoot}\n          size=\"small\"\n          onClick={this.handleOpenActionsMenu}\n        >\n          <MoreVertIcon />\n        </IconButton>\n\n        <Menu\n          id=\"c-comment__actions-menu\"\n          anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n          transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n          anchorEl={this.state.actionsMenuAnchorEl}\n          open={!!this.state.actionsMenuAnchorEl}\n          onClick={this.handleCloseActionsMenu}\n          onClose={this.handleCloseActionsMenu}\n        >\n          {showEdit && (\n            <MenuItem data-testid={`${PAGE_NAME}_editMenuItem`} onClick={this.handleEditMenuItem}>\n              Edit\n            </MenuItem>\n          )}\n\n          {showDelete && (\n            <MenuItem\n              data-testid={`${PAGE_NAME}_deleteMenuItem`}\n              onClick={this.handleDeleteMenuItem}\n            >\n              Delete\n            </MenuItem>\n          )}\n        </Menu>\n      </div>\n    );\n  }\n\n  render() {\n    const { isLoading, isEditing } = this.state;\n\n    if (isLoading) {\n      const { spaceAround } = this.props;\n      return <CommentLoader spaceAround={spaceAround} />;\n    }\n\n    const { comment, classes, spaceAround, isNative, patchCommentCallback, companyId } = this.props;\n\n    if (isEditing) {\n      return (\n        <CommentInput\n          inputRef={this.inputEl}\n          postComment={noop}\n          exitEditMode={this.onEditFinish}\n          setIsEditting={() => this.setState({ isLoading: true })}\n          patchCommentCallback={patchCommentCallback}\n          companyId={companyId}\n          currentUser={this.props.currentUser}\n          {...this.getEditCommentProps()}\n        />\n      );\n    }\n\n    const userFullName = utils.getUserFullName(comment.user);\n\n    const format = isNative ? CREATED_AT_FORMAT_NATIVE : CREATED_AT_FORMAT;\n    const time = moment(comment.created_at).format(format);\n\n    const attachmentUrl = comment?.attachment?.signed_url || comment?.attachment?.url;\n    const attachmentSize = get(comment, ['attachment', 'size']);\n    const attachmentFileName = get(comment, ['attachment', 'file_name']);\n\n    return (\n      <div\n        data-testid={`${PAGE_NAME}_commentItem_${comment.body}`}\n        className={classNames(styles.cComment, { [styles.cCommentNative]: isNative })}\n        ref={this.commentEl}\n      >\n        <CommentWrapper spaceAround={spaceAround} className={this.props.classes.commentWrapper}>\n          <div style={style.chatAvatarWrapper}>\n            {isNative ? (\n              <Avatar\n                size={24}\n                displayName={userFullName}\n                imgSrc={get(comment, ['user', 'profile_photo'])}\n                className={this.props.classes.avatar}\n              />\n            ) : (\n              <UserCardPopover user={comment.user} currentUser={this.props.currentUser}>\n                <Avatar\n                  size={24}\n                  displayName={userFullName}\n                  imgSrc={get(comment, ['user', 'profile_photo'])}\n                  className={this.props.classes.avatar}\n                />\n              </UserCardPopover>\n            )}\n          </div>\n\n          <div style={style.infoContainer}>\n            <div>\n              <div style={style.commentInfoContainer}>\n                <div style={style.userNameWrapper}>\n                  <Typography\n                    data-testid={`${PAGE_NAME}_userName`}\n                    variant=\"subtitle2\"\n                    noWrap\n                    className={classes.userName}\n                  >\n                    {userFullName}\n                  </Typography>\n                </div>\n\n                <div style={style.timeWrapper}>\n                  <Typography\n                    data-testid={`${PAGE_NAME}_addTime`}\n                    variant=\"caption\"\n                    classes={{ root: classes.timeRoot }}\n                  >\n                    {time}\n                  </Typography>\n                </div>\n              </div>\n            </div>\n\n            <div className={styles.cCommentBody}>\n              {this.renderMenuIcon()}\n              <Typography\n                data-testid={`${PAGE_NAME}_commentMessage`}\n                variant=\"body1\"\n                classes={{ root: classes.textRoot }}\n              >\n                {formatMentionText(\n                  comment.body,\n                  comment.mentioned_users,\n                  isNative,\n                  '#00bcd4',\n                  this.props.currentUser\n                )}\n              </Typography>\n\n              {attachmentUrl && (\n                <Attachment\n                  attachmentUrl={attachmentUrl}\n                  attachmentSize={attachmentSize}\n                  size=\"small\"\n                  fileName={attachmentFileName}\n                />\n              )}\n            </div>\n          </div>\n        </CommentWrapper>\n\n        {this.state.openDeleteDialog && (\n          <ConfirmationDialog\n            open={this.state.openDeleteDialog}\n            text=\"Do you really want to delete comment?\"\n            handleClose={() => this.setState({ openDeleteDialog: false })}\n            handleOk={this.handleDelete}\n            okText=\"Delete\"\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nComment.propTypes = {\n  comment: PropTypes.shape({}).isRequired,\n  showOnMount: PropTypes.bool,\n  spaceAround: PropTypes.bool,\n  handleShowOnMount: PropTypes.func,\n  handleEdit: PropTypes.func,\n  handleDeleteCallback: PropTypes.func.isRequired,\n  patchCommentCallback: PropTypes.func.isRequired,\n  companyId: PropTypes.number,\n  currentUser: PropTypes.shape(),\n\n  classes: PropTypes.shape({}).isRequired,\n  isNative: PropTypes.bool,\n};\n\nComment.defaultProps = {\n  showOnMount: false,\n  spaceAround: false,\n  handleShowOnMount: noop,\n  handleEdit: noop,\n  companyId: null,\n\n  isNative: isNativeDetected,\n\n  currentUser: {},\n};\n\nexport default withStyles(muiStyles)(Comment);\n"],"names":["style","chatAvatarWrapper","paddingTop","position","top","left","commentInfoContainer","display","alignItems","width","userNameWrapper","overflow","infoContainer","verticalAlign","paddingLeft","Comment","_PureComponent","_inherits","PureComponent","_super","_createSuper","props","_this","_ref","_classCallCheck","this","call","_defineProperty","_assertThisInitialized","_asyncToGenerator","_regeneratorRuntime","mark","_callee","feedItemId","commentId","commentResponse","wrap","_context","prev","next","deleteFeedItemComment","sent","t0","console","error","abrupt","stop","_x","_x2","apply","arguments","handleShowOnMount","commentEl","current","scrollIntoView","block","event","stopPropagation","setState","actionsMenuAnchorEl","currentTarget","keyCode","isEditing","document","removeEventListener","handleKeyDown","addEventListener","inputEl","focus","comment","editCommentId","id","editComment","body","editAttachment","attachment","editFeedItemId","feed_activity_id","isLoading","openDeleteDialog","_callee2","response","_context2","deleteComment","handleDeleteCallback","state","createRef","_createClass","key","value","showOnMount","showIntoView","get","Number","currentUser","showEdit","isCurrentUserCommentCreator","showDelete","includes","allowed_actions","_jsxs","className","styles","cCommentMenu","children","_jsx","IconButton","concat","undefined","classes","iconButtonRoot","size","onClick","handleOpenActionsMenu","MoreVertIcon","Menu","anchorOrigin","vertical","horizontal","transformOrigin","anchorEl","open","handleCloseActionsMenu","onClose","MenuItem","handleEditMenuItem","handleDeleteMenuItem","_comment$attachment","_comment$attachment2","_this2","_this$state","spaceAround","CommentLoader","_this$props","isNative","patchCommentCallback","companyId","CommentInput","_objectSpread","inputRef","postComment","noop","exitEditMode","onEditFinish","setIsEditting","getEditCommentProps","userFullName","utils","getUserFullName","user","format","time","moment","created_at","attachmentUrl","signed_url","url","attachmentSize","attachmentFileName","classNames","cComment","cCommentNative","ref","CommentWrapper","commentWrapper","Avatar","displayName","imgSrc","avatar","UserCardPopover","Typography","variant","noWrap","userName","timeWrapper","root","timeRoot","cCommentBody","renderMenuIcon","textRoot","formatMentionText","mentioned_users","Attachment","fileName","ConfirmationDialog","text","handleClose","handleOk","handleDelete","okText","propTypes","PropTypes","shape","isRequired","bool","func","handleEdit","number","defaultProps","isNativeDetected","Comment$1","withStyles","theme","color","palette","primary","text7","float","marginRight","marginLeft","fontSize","marginTop","fontWeight","visibility"],"mappings":"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"}

package/components/Comment/styles.css.js

@@ -1 +1,2 @@
 import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={cComment:"styles_cComment__YNkXC",cCommentBody:"styles_cCommentBody__9DkEd",cCommentNative:"styles_cCommentNative__lh-sb",cCommentMenu:"styles_cCommentMenu__XRA2A"};e(".styles_cComment__YNkXC{align-items:flex-start;display:flex}.styles_cCommentBody__9DkEd{position:relative}.styles_cCommentNative__lh-sb .styles_cCommentMenu__XRA2A button,.styles_cComment__YNkXC:hover .styles_cCommentMenu__XRA2A button{visibility:visible}.styles_cCommentMenu__XRA2A{position:absolute;right:8px;top:-28px}");export{t as default};
+//# sourceMappingURL=styles.css.js.map

package/components/Comment/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,aAAa,sDAAyD;"}

package/components/CommentInput/index.js

@@ -1 +1,2 @@
 import t from"@babel/runtime/helpers/asyncToGenerator";import e from"@babel/runtime/helpers/classCallCheck";import n from"@babel/runtime/helpers/createClass";import o from"@babel/runtime/helpers/assertThisInitialized";import i from"@babel/runtime/helpers/inherits";import a from"@babel/runtime/helpers/possibleConstructorReturn";import r from"@babel/runtime/helpers/getPrototypeOf";import s from"@babel/runtime/helpers/defineProperty";import l from"@babel/runtime/regenerator";import{PureComponent as c}from"react";import p from"prop-types";import m from"lodash/noop";import{withStyles as u}from"@material-ui/core/styles";import{Paper as d,TextField as h,InputAdornment as f,Collapse as g,Typography as C}from"@material-ui/core";import b from"classnames";import{get as I}from"lodash";import v from"@material-ui/core/colors/grey";import{patchFeedItemComment as x}from"../../clients/jsonApi/index.js";import y from"./styles.css.js";import{AvatarComponent as E}from"../Avatar/index.js";import F from"../FileUploadIconButton.js";import S from"../EmojiIconButton.js";import U from"../FailedFileUploading.js";import N from"../UserMention/index.js";import k from"../FilePreview/index.js";import A from"../IconButton/index.js";import M from"../Icons/SendIcon.js";import{isSuggestionsListOpened as R}from"../UserMention/utils/index.js";import j from"../../utils/main.js";import{isNativeDetected as B}from"../../utils/mobileDetect.js";import{notifyCommentEdit as w,notifyCommentPost as P}from"../../utils/nativeMessages.js";import{jsxs as T,jsx as L}from"react/jsx-runtime";function z(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=r(t);if(e){var i=r(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return a(this,n)}}var D={chatAvatarWrapper:{display:"flex",alignItems:"center",position:"absolute",left:0,height:32},commentTextFieldContainer:{position:"relative",margin:"0"},commentTextFieldContainerSpaceAround:{position:"relative",margin:"20px 10px"}},_=function(a){i(p,c);var r=z(p);function p(n){var i,a,c;return e(this,p),i=r.call(this,n),s(o(i),"handleSelectEmoji",(function(t){return i.setState((function(e){var n=e.comment;return{comment:"".concat(n).concat(t.native)}}))})),s(o(i),"postComment",(a=t(l.mark((function t(e){var n;return l.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,i.props.postComment(e);case 3:n=t.sent,t.next=9;break;case 6:t.prev=6,t.t0=t.catch(0),console.error(t.t0.message);case 9:return t.abrupt("return",n);case 10:case"end":return t.stop()}}),t,null,[[0,6]])}))),function(t){return a.apply(this,arguments)})),s(o(i),"patchComment",(c=t(l.mark((function t(e){var n,o,a,r;return l.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=i.props,o=n.editFeedItemId,a=n.editCommentId,t.prev=1,t.next=4,x(o,a,e);case 4:r=t.sent,t.next=10;break;case 7:t.prev=7,t.t0=t.catch(1),console.error(t.t0.message);case 10:return t.abrupt("return",r);case 11:case"end":return t.stop()}}),t,null,[[1,7]])}))),function(t){return c.apply(this,arguments)})),s(o(i),"clearCommentField",(function(t){i.setState({comment:"",attachmentUrl:null,attachmentName:null,attachmentSize:null},(function(){i.focusOnRef(),t&&"function"==typeof t&&t()}))})),s(o(i),"handleKeyDown",(function(t){var e=t.key;"Escape"===e&&i.props.exitEditMode(),"Enter"===e&&(R()||(t.preventDefault(),i.handleSendComment()))})),s(o(i),"handleAttachmentLoadingError",(function(t){i.setState({attachmentUrl:null,attachmentName:null,attachmentSize:null,attachmentLoadingError:t})})),s(o(i),"handleFileUpload",(function(t,e,n){i.setState({attachmentUrl:t,attachmentName:e,attachmentSize:n,attachmentLoadingError:null})})),s(o(i),"handleNativeFileUpload",(function(){var t=i.state.comment;i.isEditMode?(w(t),i.clearCommentField(i.props.exitEditMode)):(P(t),i.clearCommentField())})),s(o(i),"handleFileDelete",(function(){return i.setState({attachmentUrl:null,attachmentName:null,attachmentSize:null})})),s(o(i),"handleSendComment",t(l.mark((function t(){var e,n,o;return l.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if((e=i.state.comment?i.state.comment.trim():null)||i.state.attachmentUrl){t.next=3;break}return t.abrupt("return");case 3:if(n={comment:{body:e,attachment:{url:i.state.attachmentUrl,size:i.state.attachmentSize,file_name:i.state.attachmentName}}},!i.isEditMode){t.next=16;break}return i.props.setIsEditting(!0),t.next=8,i.patchComment(n);case 8:return o=t.sent,t.next=11,i.props.patchCommentCallback(o);case 11:i.props.setIsEditting(!1),i.clearCommentField(),i.props.exitEditMode(),t.next=24;break;case 16:return i.props.setIsPosting(!0),t.next=19,i.postComment(n);case 19:return o=t.sent,t.next=22,i.props.postCommentCallback(o);case 22:i.props.setIsPosting(!1),i.clearCommentField();case 24:case"end":return t.stop()}}),t)})))),s(o(i),"handleCancelClick",(function(){i.setState({comment:"",attachmentUrl:null,attachmentName:null,attachmentSize:null},i.props.exitEditMode())})),i.state={comment:"",attachmentUrl:null,attachmentName:null,attachmentSize:null,attachmentLoadingError:null,isInputFocused:!1},i}return n(p,[{key:"componentDidMount",value:function(){this.isEditMode&&this.setInitialCommentValue()}},{key:"componentDidUpdate",value:function(t){(this.isEditMode&&!t.editFeedItemId||this.props.editCommentId&&this.props.editCommentId!==t.editCommentId)&&this.setInitialCommentValue()}},{key:"isEditMode",get:function(){return!!this.props.editFeedItemId}},{key:"setInitialCommentValue",value:function(){var t=this.props.editAttachment?this.props.editAttachment.url:null;this.setState({comment:this.props.editComment,attachmentUrl:t,attachmentName:t?this.props.editAttachment.file_name||j.getFileNameWithExtensionFromPath(t):null,attachmentSize:this.props.editAttachment?this.props.editAttachment.size:null})}},{key:"focusOnRef",value:function(){this.props.inputRef&&this.props.inputRef.current.focus()}},{key:"render",value:function(){var t,e=this,n=this.props,o=n.classes,i=n.currentUser,a="".concat(I(i,["attributes","first_name"])||I(i,"first_name")," ").concat(I(i,["attributes","last_name"])||I(i,"last_name")),r=this.state.isInputFocused||this.state.attachmentUrl||this.state.comment||this.props.editComment||(null===(t=this.props.editAttachment)||void 0===t?void 0:t.url);return T("div",{style:this.props.spaceAround?D.commentTextFieldContainerSpaceAround:D.commentTextFieldContainer,children:[L("div",{style:D.chatAvatarWrapper,children:L(E,{displayName:a,size:32,imgSrc:this.props.currentUser&&this.props.currentUser.profile_photo})}),L(d,{className:this.props.classes.paperRoot,children:L(h,{"data-testid":"".concat("commentInput","_input"),placeholder:"Type Comment",FormHelperTextProps:{component:"div",margin:"dense"},InputProps:{inputComponent:N,inputProps:{onChange:function(t){return e.setState({comment:t})},singleLine:!0,value:this.state.comment||"",inputRef:this.props.inputRef,withLightTheme:!1,onMount:this.props.onMount,companyId:this.props.companyId,autoFocus:this.props.autoFocus,disabled:this.props.disabled,onFocus:function(){return e.setState({isInputFocused:!0})},onBlur:function(){return e.setState({isInputFocused:!1})},allowSuggestionsAboveCursor:!0},endAdornment:!this.props.isNative&&T(f,{position:"end",className:this.props.classes.inputAdornment,children:[!this.state.attachmentUrl&&L("div",{className:b(y.cCommentInputIconContainer,y.cCommentInputIconUpload),children:L(F,{openPreviewDialogOnUpload:!1,disableRipple:!0,onFinish:this.handleFileUpload,onError:this.handleAttachmentLoadingError,fileUploadIconClassName:this.props.classes.additionalActionButton,htmlColor:v[400],inputId:"comment-attachment-".concat(this.props.editCommentId||this.props.parentId),tooltipProps:{title:"Attach File",classes:{tooltip:o.iconTooltip},placement:"top"}})}),L("div",{className:y.cCommentInputIconContainer,children:L(S,{"data-testid":"".concat("commentInput","_emojiButton"),handleSelectEmoji:this.handleSelectEmoji,emojiIconClassName:this.props.classes.additionalActionButton,htmlColor:v[400],disableRipple:!0,tooltipProps:{title:"Add Emoji",classes:{tooltip:o.iconTooltip},placement:"top"}})})]}),disableUnderline:!0,classes:{root:this.props.classes.inputRoot,input:this.props.classes.inputEl}},className:this.props.classes.input,onKeyDown:this.handleKeyDown})}),this.state.attachmentLoadingError&&L(U,{errorMessage:this.state.attachmentLoadingError,className:this.props.classes.fileUploadingError}),this.state.attachmentUrl&&L(k,{fileName:this.state.attachmentName,fileUrl:this.state.attachmentUrl,handleFileDelete:this.handleFileDelete,classes:this.props.classes}),L(g,{in:r,mountOnEnter:!0,unmountOnExit:!0,children:T("div",{className:y.cCommentInputSendContainer,children:[L("div",{className:y.cCommentInputSendContainerCancel,children:L(C,{"data-testid":"".concat("commentInput","_cancel"),variant:"caption",className:b(this.props.classes.inputMain,this.props.classes.cancelText,this.props.classes.highlightedLabel),component:"div",gutterBottom:!0,onClick:this.handleCancelClick,children:"Cancel"})}),T("div",{className:y.cCommentInputSendContainerSend,children:[T(C,{variant:"caption",className:b(this.props.classes.inputMain,this.props.classes.inputHelper),component:"div",gutterBottom:!0,children:["Press ",L(C,{variant:"caption",color:"primary",className:b(this.props.classes.inputMain,this.props.classes.highlightedLabel),children:"Enter"})," to send"]}),L(A,{size:"large",tooltipProps:{title:"Send"},"data-testid":"".concat("commentInput","_sendButton"),onClick:this.handleSendComment,classes:{root:this.props.classes.sendButton},children:L(M,{})})]})]})})]})}}]),p}();_.propTypes={inputRef:p.shape({current:p.shape({focus:p.shape({})})}),editFeedItemId:p.number,editCommentId:p.number,editComment:p.string,editAttachment:p.shape({url:p.string,size:p.number,file_name:p.string}),spaceAround:p.bool,postComment:p.func.isRequired,postCommentCallback:p.func,patchCommentCallback:p.func,exitEditMode:p.func,setIsPosting:p.func,setIsEditting:p.func,onMount:p.func,autoFocus:p.bool,disabled:p.bool,classes:p.shape({}).isRequired,currentUser:p.shape(),isNative:p.bool,companyId:p.number,parentId:p.string},_.defaultProps={inputRef:null,editFeedItemId:null,editCommentId:null,parentId:null,editComment:null,editAttachment:{},spaceAround:!1,setIsPosting:m,setIsEditting:m,onMount:m,autoFocus:void 0,disabled:!1,patchCommentCallback:m,postCommentCallback:m,exitEditMode:m,companyId:null,currentUser:{},isNative:B};var O=u((function(t){return{paperRoot:{width:"calc(100% - 48px)",marginLeft:48,display:"inline-block",height:32,border:"0","&:focus-within":{boxShadow:"inset 0 0 0 2px ".concat(t.palette.primary.main)},boxShadow:"none",background:"#4D4D4D"},input:{paddingLeft:5,width:"100%"},inputRoot:{height:32,paddingRight:"8px",lineHeight:"29px",paddingLeft:"8px"},inputEl:{padding:"0 0 0 6px",height:"100%"},additionalActionButton:{padding:"6px"},nativeActionButton:{margin:"5px 10px",cursor:"pointer"},fileUploadingError:{marginTop:10,marginLeft:24},inputMain:{marginBottom:0,fontSize:"11px",color:t.palette.primary.text8},inputHelper:{display:"flex",paddingRight:5},cancelText:{cursor:"pointer"},highlightedLabel:{color:t.palette.primary.main},iconTooltip:{marginTop:"3px"},sendButton:{"&:hover":{backgroundColor:"rgba(3,188,212, 0.1)"},"&.MuiButtonBase-root":{padding:7}},inputAdornment:{marginBottom:"0!important",height:"100%"}}}))(_);export{O as default};
+//# sourceMappingURL=index.js.map

package/components/CommentInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/CommentInput/index.js"],"sourcesContent":["import { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport noop from 'lodash/noop';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Collapse, Typography, TextField, InputAdornment, Paper } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { get } from 'lodash';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { patchFeedItemComment } from '../../clients/jsonApi';\n\nimport styles from './styles.css';\n\nimport Avatar from '~components/Avatar';\nimport FileUploadIconButton from '~components/FileUploadIconButton';\nimport EmojiIconButton from '~components/EmojiIconButton';\nimport FailedFileUploading from '~components/FailedFileUploading';\nimport UserMention from '~components/UserMention';\nimport FilePreview from '~components/FilePreview';\nimport IconButton from '~components/IconButton';\nimport SendIcon from '~components/Icons/SendIcon';\nimport { isSuggestionsListOpened } from '~components/UserMention/utils';\nimport utils from '~utils/main';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { notifyCommentEdit, notifyCommentPost } from '~utils/nativeMessages'; // question here\n\nconst PAGE_NAME = 'commentInput';\n\nconst INPUT_HEIGHT = 32;\nconst AVATAR_SIZE = 32;\n\nconst style = {\n  chatAvatarWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    position: 'absolute',\n    left: 0,\n    height: INPUT_HEIGHT,\n  },\n  commentTextFieldContainer: { position: 'relative', margin: '0' },\n  commentTextFieldContainerSpaceAround: { position: 'relative', margin: '20px 10px' },\n};\n\nconst muiStyles = theme => ({\n  paperRoot: {\n    width: 'calc(100% - 48px)',\n    marginLeft: AVATAR_SIZE + 16,\n    display: 'inline-block',\n    height: INPUT_HEIGHT,\n    border: '0',\n    '&:focus-within': {\n      boxShadow: `inset 0 0 0 2px ${theme.palette.primary.main}`,\n    },\n    boxShadow: 'none',\n    background: '#4D4D4D',\n  },\n  input: {\n    paddingLeft: 5,\n    width: '100%',\n  },\n  inputRoot: {\n    height: INPUT_HEIGHT,\n    paddingRight: '8px',\n    lineHeight: '29px',\n    paddingLeft: '8px',\n  },\n  inputEl: { padding: '0 0 0 6px', height: '100%' },\n  additionalActionButton: {\n    padding: '6px',\n  },\n  nativeActionButton: {\n    margin: '5px 10px',\n    cursor: 'pointer',\n  },\n  fileUploadingError: {\n    marginTop: 10,\n    marginLeft: 24,\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  iconTooltip: {\n    marginTop: '3px',\n  },\n  sendButton: {\n    '&:hover': {\n      backgroundColor: 'rgba(3,188,212, 0.1)',\n    },\n    '&.MuiButtonBase-root': {\n      padding: 7,\n    },\n  },\n  inputAdornment: {\n    marginBottom: '0!important',\n    height: '100%',\n  },\n});\n\nclass CommentInput extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      comment: '',\n      attachmentUrl: null,\n      attachmentName: null,\n      attachmentSize: null,\n\n      attachmentLoadingError: null,\n      isInputFocused: false,\n    };\n  }\n\n  componentDidMount() {\n    if (this.isEditMode) {\n      this.setInitialCommentValue();\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    const enteredEditMode = this.isEditMode && !prevProps.editFeedItemId;\n    if (\n      enteredEditMode ||\n      (this.props.editCommentId && this.props.editCommentId !== prevProps.editCommentId)\n    ) {\n      this.setInitialCommentValue();\n    }\n  }\n\n  get isEditMode() {\n    return !!this.props.editFeedItemId;\n  }\n\n  setInitialCommentValue() {\n    const attachmentUrl = this.props.editAttachment ? this.props.editAttachment.url : null;\n\n    this.setState({\n      comment: this.props.editComment,\n      attachmentUrl,\n      attachmentName: attachmentUrl\n        ? this.props.editAttachment.file_name ||\n          utils.getFileNameWithExtensionFromPath(attachmentUrl)\n        : null,\n      attachmentSize: this.props.editAttachment ? this.props.editAttachment.size : null,\n    });\n  }\n\n  handleSelectEmoji = emoji =>\n    this.setState(({ comment }) => ({ comment: `${comment}${emoji.native}` }));\n\n  postComment = async comment => {\n    let commentResponse;\n    try {\n      commentResponse = await this.props.postComment(comment);\n    } catch (e) {\n      console.error(e.message);\n    }\n\n    return commentResponse;\n  };\n\n  patchComment = async comment => {\n    const { editFeedItemId, editCommentId } = this.props;\n\n    let commentResponse;\n\n    try {\n      commentResponse = await patchFeedItemComment(editFeedItemId, editCommentId, comment);\n    } catch (e) {\n      console.error(e.message);\n    }\n\n    return commentResponse;\n  };\n\n  focusOnRef() {\n    if (this.props.inputRef) this.props.inputRef.current.focus();\n  }\n\n  clearCommentField = callback => {\n    this.setState(\n      {\n        comment: '',\n        attachmentUrl: null,\n        attachmentName: null,\n        attachmentSize: null,\n      },\n      () => {\n        this.focusOnRef();\n        if (callback && typeof callback === 'function') callback();\n      }\n    );\n  };\n\n  handleKeyDown = event => {\n    const { key } = event;\n\n    if (key === 'Escape') this.props.exitEditMode();\n\n    if (key === 'Enter') {\n      if (!isSuggestionsListOpened()) {\n        event.preventDefault();\n        this.handleSendComment();\n      }\n    }\n  };\n\n  handleAttachmentLoadingError = attachmentLoadingError => {\n    this.setState({\n      attachmentUrl: null,\n      attachmentName: null,\n      attachmentSize: null,\n      attachmentLoadingError,\n    });\n  };\n\n  handleFileUpload = (attachmentUrl, attachmentName, attachmentSize) => {\n    this.setState({\n      attachmentUrl,\n      attachmentName,\n      attachmentSize,\n      attachmentLoadingError: null,\n    });\n  };\n\n  handleNativeFileUpload = () => {\n    const { comment } = this.state;\n\n    if (this.isEditMode) {\n      notifyCommentEdit(comment);\n      this.clearCommentField(this.props.exitEditMode);\n    } else {\n      notifyCommentPost(comment);\n      this.clearCommentField();\n    }\n  };\n\n  handleFileDelete = () =>\n    this.setState({ attachmentUrl: null, attachmentName: null, attachmentSize: null });\n\n  handleSendComment = async () => {\n    const textComment = this.state.comment ? this.state.comment.trim() : null;\n    if (!textComment && !this.state.attachmentUrl) return;\n\n    const comment = {\n      comment: {\n        body: textComment,\n        attachment: {\n          url: this.state.attachmentUrl,\n          size: this.state.attachmentSize,\n          file_name: this.state.attachmentName,\n        },\n      },\n    };\n\n    let commentResponse;\n\n    if (this.isEditMode) {\n      this.props.setIsEditting(true);\n\n      commentResponse = await this.patchComment(comment);\n      await this.props.patchCommentCallback(commentResponse);\n\n      this.props.setIsEditting(false);\n      this.clearCommentField();\n      this.props.exitEditMode();\n    } else {\n      this.props.setIsPosting(true);\n\n      commentResponse = await this.postComment(comment);\n      await this.props.postCommentCallback(commentResponse);\n\n      this.props.setIsPosting(false);\n      this.clearCommentField();\n    }\n  };\n\n  handleCancelClick = () => {\n    this.setState(\n      {\n        comment: '',\n        attachmentUrl: null,\n        attachmentName: null,\n        attachmentSize: null,\n      },\n      this.props.exitEditMode()\n    );\n  };\n\n  render() {\n    const { classes, currentUser } = this.props;\n\n    const currentUserFullName = `${\n      get(currentUser, ['attributes', 'first_name']) || get(currentUser, 'first_name')\n    } ${get(currentUser, ['attributes', 'last_name']) || get(currentUser, 'last_name')}`;\n\n    const isVisibleActionBar =\n      this.state.isInputFocused ||\n      this.state.attachmentUrl ||\n      this.state.comment ||\n      this.props.editComment ||\n      this.props.editAttachment?.url;\n\n    return (\n      <div\n        style={\n          this.props.spaceAround\n            ? style.commentTextFieldContainerSpaceAround\n            : style.commentTextFieldContainer\n        }\n      >\n        <div style={style.chatAvatarWrapper}>\n          <Avatar\n            displayName={currentUserFullName}\n            size={AVATAR_SIZE}\n            imgSrc={this.props.currentUser && this.props.currentUser.profile_photo}\n          />\n        </div>\n        <Paper className={this.props.classes.paperRoot}>\n          <TextField\n            data-testid={`${PAGE_NAME}_input`}\n            placeholder=\"Type Comment\"\n            FormHelperTextProps={{\n              component: 'div',\n              margin: 'dense',\n            }}\n            InputProps={{\n              inputComponent: UserMention,\n              inputProps: {\n                onChange: comment => this.setState({ comment }),\n                singleLine: true,\n                value: this.state.comment || '',\n                inputRef: this.props.inputRef,\n                withLightTheme: false,\n                onMount: this.props.onMount,\n                companyId: this.props.companyId,\n                autoFocus: this.props.autoFocus,\n                disabled: this.props.disabled,\n                onFocus: () => this.setState({ isInputFocused: true }),\n                onBlur: () => this.setState({ isInputFocused: false }),\n                allowSuggestionsAboveCursor: true,\n              },\n              endAdornment: !this.props.isNative && (\n                <InputAdornment position=\"end\" className={this.props.classes.inputAdornment}>\n                  {!this.state.attachmentUrl && (\n                    <div\n                      className={classNames(\n                        styles.cCommentInputIconContainer,\n                        styles.cCommentInputIconUpload\n                      )}\n                    >\n                      <FileUploadIconButton\n                        openPreviewDialogOnUpload={false}\n                        disableRipple\n                        onFinish={this.handleFileUpload}\n                        onError={this.handleAttachmentLoadingError}\n                        fileUploadIconClassName={this.props.classes.additionalActionButton}\n                        htmlColor={grey[400]}\n                        inputId={`comment-attachment-${\n                          this.props.editCommentId || this.props.parentId\n                        }`}\n                        tooltipProps={{\n                          title: 'Attach File',\n                          classes: { tooltip: classes.iconTooltip },\n                          placement: 'top',\n                        }}\n                      />\n                    </div>\n                  )}\n                  <div className={styles.cCommentInputIconContainer}>\n                    <EmojiIconButton\n                      data-testid={`${PAGE_NAME}_emojiButton`}\n                      handleSelectEmoji={this.handleSelectEmoji}\n                      emojiIconClassName={this.props.classes.additionalActionButton}\n                      htmlColor={grey[400]}\n                      disableRipple\n                      tooltipProps={{\n                        title: 'Add Emoji',\n                        classes: { tooltip: classes.iconTooltip },\n                        placement: 'top',\n                      }}\n                    />\n                  </div>\n                </InputAdornment>\n              ),\n              disableUnderline: true,\n              classes: {\n                root: this.props.classes.inputRoot,\n                input: this.props.classes.inputEl,\n              },\n            }}\n            className={this.props.classes.input}\n            onKeyDown={this.handleKeyDown}\n          />\n        </Paper>\n\n        {this.state.attachmentLoadingError && (\n          <FailedFileUploading\n            errorMessage={this.state.attachmentLoadingError}\n            className={this.props.classes.fileUploadingError}\n          />\n        )}\n\n        {this.state.attachmentUrl && (\n          <FilePreview\n            fileName={this.state.attachmentName}\n            fileUrl={this.state.attachmentUrl}\n            handleFileDelete={this.handleFileDelete}\n            classes={this.props.classes}\n          />\n        )}\n        <Collapse in={isVisibleActionBar} mountOnEnter unmountOnExit>\n          <div className={styles.cCommentInputSendContainer}>\n            <div className={styles.cCommentInputSendContainerCancel}>\n              <Typography\n                data-testid={`${PAGE_NAME}_cancel`}\n                variant=\"caption\"\n                className={classNames(\n                  this.props.classes.inputMain,\n                  this.props.classes.cancelText,\n                  this.props.classes.highlightedLabel\n                )}\n                component=\"div\"\n                gutterBottom\n                onClick={this.handleCancelClick}\n              >\n                Cancel\n              </Typography>\n            </div>\n            <div className={styles.cCommentInputSendContainerSend}>\n              <Typography\n                variant=\"caption\"\n                className={classNames(this.props.classes.inputMain, this.props.classes.inputHelper)}\n                component=\"div\"\n                gutterBottom\n              >\n                Press&nbsp;\n                <Typography\n                  variant=\"caption\"\n                  color=\"primary\"\n                  className={classNames(\n                    this.props.classes.inputMain,\n                    this.props.classes.highlightedLabel\n                  )}\n                >\n                  Enter\n                </Typography>\n                &nbsp;to send\n              </Typography>\n              <IconButton\n                size=\"large\"\n                tooltipProps={{ title: 'Send' }}\n                data-testid={`${PAGE_NAME}_sendButton`}\n                onClick={this.handleSendComment}\n                classes={{ root: this.props.classes.sendButton }}\n              >\n                <SendIcon />\n              </IconButton>\n            </div>\n          </div>\n        </Collapse>\n      </div>\n    );\n  }\n}\n\nCommentInput.propTypes = {\n  inputRef: PropTypes.shape({ current: PropTypes.shape({ focus: PropTypes.shape({}) }) }),\n  editFeedItemId: PropTypes.number,\n  editCommentId: PropTypes.number,\n  editComment: PropTypes.string,\n  editAttachment: PropTypes.shape({\n    url: PropTypes.string,\n    size: PropTypes.number,\n    file_name: PropTypes.string,\n  }),\n  spaceAround: PropTypes.bool,\n  postComment: PropTypes.func.isRequired,\n  postCommentCallback: PropTypes.func,\n  patchCommentCallback: PropTypes.func,\n  exitEditMode: PropTypes.func,\n  setIsPosting: PropTypes.func,\n  setIsEditting: PropTypes.func,\n  onMount: PropTypes.func,\n  autoFocus: PropTypes.bool,\n  disabled: PropTypes.bool,\n\n  classes: PropTypes.shape({}).isRequired,\n\n  currentUser: PropTypes.shape(),\n  isNative: PropTypes.bool,\n  companyId: PropTypes.number,\n  parentId: PropTypes.string,\n};\n\nCommentInput.defaultProps = {\n  inputRef: null,\n  editFeedItemId: null,\n  editCommentId: null,\n  parentId: null,\n  editComment: null,\n  editAttachment: {},\n  spaceAround: false,\n  setIsPosting: noop,\n  setIsEditting: noop,\n  onMount: noop,\n  autoFocus: undefined,\n  disabled: false,\n  patchCommentCallback: noop,\n  postCommentCallback: noop,\n  exitEditMode: noop,\n  companyId: null,\n  currentUser: {},\n\n  isNative: isNativeDetected,\n};\n\nexport default withStyles(muiStyles)(CommentInput);\n"],"names":["style","chatAvatarWrapper","display","alignItems","position","left","height","commentTextFieldContainer","margin","commentTextFieldContainerSpaceAround","CommentInput","_PureComponent","_inherits","PureComponent","_super","_createSuper","props","_this","_ref2","_ref3","_classCallCheck","this","call","_defineProperty","_assertThisInitialized","emoji","setState","_ref","comment","native","_asyncToGenerator","_regeneratorRuntime","mark","commentResponse","wrap","_context","prev","next","postComment","sent","t0","console","error","message","abrupt","stop","_callee","_x","apply","arguments","_this$props","editFeedItemId","editCommentId","_context2","patchFeedItemComment","_callee2","_x2","callback","attachmentUrl","attachmentName","attachmentSize","focusOnRef","event","key","exitEditMode","isSuggestionsListOpened","preventDefault","handleSendComment","attachmentLoadingError","state","isEditMode","notifyCommentEdit","clearCommentField","notifyCommentPost","_callee3","textComment","_context3","trim","body","attachment","url","size","file_name","setIsEditting","patchComment","patchCommentCallback","setIsPosting","postCommentCallback","isInputFocused","_createClass","value","setInitialCommentValue","prevProps","get","editAttachment","editComment","utils","getFileNameWithExtensionFromPath","inputRef","current","focus","_this$props$editAttac","_this2","_this$props2","classes","currentUser","currentUserFullName","concat","isVisibleActionBar","_jsxs","spaceAround","children","_jsx","Avatar","displayName","imgSrc","profile_photo","Paper","className","paperRoot","TextField","placeholder","FormHelperTextProps","component","InputProps","inputComponent","UserMention","inputProps","onChange","singleLine","withLightTheme","onMount","companyId","autoFocus","disabled","onFocus","onBlur","allowSuggestionsAboveCursor","endAdornment","isNative","InputAdornment","inputAdornment","classNames","styles","cCommentInputIconContainer","cCommentInputIconUpload","FileUploadIconButton","openPreviewDialogOnUpload","disableRipple","onFinish","handleFileUpload","onError","handleAttachmentLoadingError","fileUploadIconClassName","additionalActionButton","htmlColor","grey","inputId","parentId","tooltipProps","title","tooltip","iconTooltip","placement","EmojiIconButton","handleSelectEmoji","emojiIconClassName","disableUnderline","root","inputRoot","input","inputEl","onKeyDown","handleKeyDown","FailedFileUploading","errorMessage","fileUploadingError","FilePreview","fileName","fileUrl","handleFileDelete","Collapse","in","mountOnEnter","unmountOnExit","cCommentInputSendContainer","cCommentInputSendContainerCancel","Typography","variant","inputMain","cancelText","highlightedLabel","gutterBottom","onClick","handleCancelClick","cCommentInputSendContainerSend","inputHelper","color","IconButton","sendButton","SendIcon","propTypes","PropTypes","shape","number","string","bool","func","isRequired","defaultProps","noop","undefined","isNativeDetected","CommentInput$1","withStyles","theme","width","marginLeft","AVATAR_SIZE","border","boxShadow","palette","primary","main","background","paddingLeft","paddingRight","lineHeight","padding","nativeActionButton","cursor","marginTop","marginBottom","fontSize","text8","backgroundColor"],"mappings":"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"}

package/components/CommentInput/styles.css.js

@@ -1 +1,2 @@
 import n from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={cCommentInputSendContainer:"styles_cCommentInputSendContainer__YGdyj",cCommentInputSendContainerSend:"styles_cCommentInputSendContainerSend__v2QuS",cCommentInputSendContainerCancel:"styles_cCommentInputSendContainerCancel__ihM5z",cCommentInputIconContainer:"styles_cCommentInputIconContainer__GI8uz",cCommentInputIconUpload:"styles_cCommentInputIconUpload__-4I0T"};n(".styles_cCommentInputSendContainer__YGdyj{display:flex;justify-content:space-between;margin-left:48px;margin-top:4px}.styles_cCommentInputSendContainerCancel__ihM5z,.styles_cCommentInputSendContainerSend__v2QuS{align-items:center;display:flex;height:36px}.styles_cCommentInputIconContainer__GI8uz{border-radius:20px}.styles_cCommentInputIconContainer__GI8uz:hover{background:#414141}.styles_cCommentInputIconUpload__-4I0T{align-items:center;display:flex;height:28px;width:28px}");export{e as default};
+//# sourceMappingURL=styles.css.js.map

package/components/CommentInput/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,aAAa,sDAAyD;"}

package/components/CommentLoader.js

@@ -1 +1,2 @@
 import r from"@babel/runtime/helpers/classCallCheck";import e from"@babel/runtime/helpers/createClass";import t from"@babel/runtime/helpers/assertThisInitialized";import o from"@babel/runtime/helpers/inherits";import n from"@babel/runtime/helpers/possibleConstructorReturn";import i from"@babel/runtime/helpers/getPrototypeOf";import s from"@babel/runtime/helpers/defineProperty";import{createRef as a,PureComponent as c}from"react";import p from"prop-types";import{withStyles as l}from"@material-ui/core/styles";import u from"./LoadingIndicator/LoadingIndicator.js";import m from"./CommentWrapper.js";import{jsx as f}from"react/jsx-runtime";function d(r){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var t,o=i(r);if(e){var s=i(this).constructor;t=Reflect.construct(o,arguments,s)}else t=o.apply(this,arguments);return n(this,t)}}var h={loadingIndicatorWrapper:{padding:"0 20px 0 0"}},b=function(n){o(p,c);var i=d(p);function p(e){var o;return r(this,p),o=i.call(this,e),s(t(o),"showIntoView",(function(){o.commentLoaderEl.current.scrollIntoView({block:"end"})})),o.commentLoaderEl=a(),o}return e(p,[{key:"componentDidMount",value:function(){this.props.showOnMount&&this.showIntoView()}},{key:"render",value:function(){return f("div",{ref:this.commentLoaderEl,children:f(m,{spaceAround:this.props.spaceAround,isLoader:!0,className:this.props.classes.commentWrapper,children:f("div",{style:h.loadingIndicatorWrapper,children:f(u,{fullscreen:!1,size:30})})})})}}]),p}();b.propTypes={showOnMount:p.bool,spaceAround:p.bool,classes:p.shape({}).isRequired},b.defaultProps={showOnMount:!1,spaceAround:!1};var y=l({commentWrapper:{width:"calc(100% - 28px)"}})(b);export{y as default};
+//# sourceMappingURL=CommentLoader.js.map

package/components/CommentLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentLoader.js","sources":["../../src/components/CommentLoader.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\nimport CommentWrapper from '~components/CommentWrapper';\n\nconst styles = {\n  // NOTE: Centers the LoadingIndicator\n  loadingIndicatorWrapper: { padding: '0 20px 0 0' },\n};\n\nconst muiStyles = {\n  commentWrapper: {\n    width: 'calc(100% - 28px)', // NOTE: 28 === settings icon size.\n  },\n};\n\nclass CommentLoader extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.commentLoaderEl = createRef();\n  }\n\n  componentDidMount() {\n    if (this.props.showOnMount) {\n      this.showIntoView();\n    }\n  }\n\n  showIntoView = () => {\n    this.commentLoaderEl.current.scrollIntoView({ block: 'end' });\n  };\n\n  render() {\n    return (\n      <div ref={this.commentLoaderEl}>\n        <CommentWrapper\n          spaceAround={this.props.spaceAround}\n          isLoader\n          className={this.props.classes.commentWrapper}\n        >\n          <div style={styles.loadingIndicatorWrapper}>\n            <LoadingIndicator fullscreen={false} size={30} />\n          </div>\n        </CommentWrapper>\n      </div>\n    );\n  }\n}\n\nCommentLoader.propTypes = {\n  showOnMount: PropTypes.bool,\n  spaceAround: PropTypes.bool,\n\n  classes: PropTypes.shape({}).isRequired,\n};\n\nCommentLoader.defaultProps = {\n  showOnMount: false,\n  spaceAround: false,\n};\n\nexport default withStyles(muiStyles)(CommentLoader);\n"],"names":["styles","loadingIndicatorWrapper","padding","CommentLoader","_PureComponent","_inherits","PureComponent","_super","_createSuper","props","_this","_classCallCheck","this","call","_defineProperty","_assertThisInitialized","commentLoaderEl","current","scrollIntoView","block","createRef","_createClass","key","value","showOnMount","showIntoView","_jsx","ref","children","CommentWrapper","spaceAround","isLoader","className","classes","commentWrapper","style","LoadingIndicator","fullscreen","size","propTypes","PropTypes","bool","shape","isRequired","defaultProps","CommentLoader$1","withStyles","width"],"mappings":"yiCAOA,IAAMA,EAAS,CAEbC,wBAAyB,CAAEC,QAAS,eAShCC,EAAa,SAAAC,GAAAC,EAAAF,EAASG,GAAT,IAAAC,EAAAC,EAAAL,GACjB,SAAAA,EAAYM,GAAO,IAAAC,EAGkB,OAHlBC,EAAAC,KAAAT,GACjBO,EAAAH,EAAAM,KAAAD,KAAMH,GAAOK,EAAAC,EAAAL,GAAA,gBAWA,WACbA,EAAKM,gBAAgBC,QAAQC,eAAe,CAAEC,MAAO,WAVrDT,EAAKM,gBAAkBI,IAAYV,CACrC,CA0BC,OA1BAW,EAAAlB,EAAA,CAAA,CAAAmB,IAAA,oBAAAC,MAED,WACMX,KAAKH,MAAMe,aACbZ,KAAKa,cAET,GAAC,CAAAH,IAAA,SAAAC,MAMD,WACE,OACEG,EAAA,MAAA,CAAKC,IAAKf,KAAKI,gBAAgBY,SAC7BF,EAACG,EAAc,CACbC,YAAalB,KAAKH,MAAMqB,YACxBC,UAAQ,EACRC,UAAWpB,KAAKH,MAAMwB,QAAQC,eAAeN,SAE7CF,EAAA,MAAA,CAAKS,MAAOnC,EAAOC,wBAAwB2B,SACzCF,EAACU,EAAgB,CAACC,YAAY,EAAOC,KAAM,UAKrD,KAACnC,CAAA,CA/BgB,GAkCnBA,EAAcoC,UAAY,CACxBf,YAAagB,EAAUC,KACvBX,YAAaU,EAAUC,KAEvBR,QAASO,EAAUE,MAAM,CAAA,GAAIC,YAG/BxC,EAAcyC,aAAe,CAC3BpB,aAAa,EACbM,aAAa,GAGf,IAAAe,EAAeC,EApDG,CAChBZ,eAAgB,CACda,MAAO,sBAkDID,CAAsB3C"}

package/components/CommentWrapper.js

@@ -1 +1,2 @@
 import r from"prop-types";import e from"classnames";import{withStyles as a}from"@material-ui/core/styles";import o from"@material-ui/core/Paper";import{jsx as p}from"react/jsx-runtime";var s=function(r,e,a){return a&&e?r.paperRootLoaderSpaceAround:a&&!e?r.paperRootLoader:!a&&e?r.paperRootSpaceAround:a||e?null:r.paperRoot},i=function(r){var a=r.spaceAround,i=r.isLoader,t=r.children,n=r.classes,d=r.className;return p(o,{className:e(s(n,a,i),n.paperBase,d),elevation:0,children:t})};i.propTypes={spaceAround:r.bool,isLoader:r.bool,children:r.node.isRequired,className:r.string,classes:r.shape({}).isRequired},i.defaultProps={spaceAround:!1,isLoader:!1,className:void 0};var t=a({paperBase:{backgroundColor:"transparent",position:"relative"},paperRoot:{marginBottom:8},paperRootSpaceAround:{margin:"5px 0 10px",padding:11},paperRootLoader:{margin:"5px 0",minHeight:60},paperRootLoaderSpaceAround:{margin:"5px 0 10px",padding:"4px 0 6px"}})(i);export{t as default};
+//# sourceMappingURL=CommentWrapper.js.map

package/components/CommentWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentWrapper.js","sources":["../../src/components/CommentWrapper.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\n\nconst muiStyles = {\n  paperBase: { backgroundColor: 'transparent', position: 'relative' },\n  // NOTE: With all margins and paddings it equals to 60 px for one-line feed item comment\n  paperRoot: { marginBottom: 8 },\n  // NOTE: With all margins and paddings it equals to 70 px for one-line alert item comment\n  paperRootSpaceAround: { margin: '5px 0 10px', padding: 11 },\n  // NOTE: Makes CommentLoader have the same height as one-line Comment\n  paperRootLoader: { margin: '5px 0', minHeight: 60 },\n  // NOTE: Makes CommentLoader have the same height as one-line Comment with space around\n  paperRootLoaderSpaceAround: { margin: '5px 0 10px', padding: '4px 0 6px' },\n};\n\nconst getPaperRoot = (classes, spaceAround, isLoader) => {\n  if (isLoader && spaceAround) {\n    return classes.paperRootLoaderSpaceAround;\n  } else if (isLoader && !spaceAround) {\n    return classes.paperRootLoader;\n  } else if (!isLoader && spaceAround) {\n    return classes.paperRootSpaceAround;\n  } else if (!isLoader && !spaceAround) {\n    return classes.paperRoot;\n  }\n\n  return null;\n};\n\nconst CommentWrapper = ({ spaceAround, isLoader, children, classes, className }) => (\n  <Paper\n    className={classNames(\n      getPaperRoot(classes, spaceAround, isLoader),\n      classes.paperBase,\n      className\n    )}\n    elevation={0}\n  >\n    {children}\n  </Paper>\n);\n\nCommentWrapper.propTypes = {\n  spaceAround: PropTypes.bool,\n  isLoader: PropTypes.bool,\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n\n  classes: PropTypes.shape({}).isRequired,\n};\n\nCommentWrapper.defaultProps = {\n  spaceAround: false,\n  isLoader: false,\n  className: undefined,\n};\n\nexport default withStyles(muiStyles)(CommentWrapper);\n"],"names":["getPaperRoot","classes","spaceAround","isLoader","paperRootLoaderSpaceAround","paperRootLoader","paperRootSpaceAround","paperRoot","CommentWrapper","_ref","children","className","_jsx","Paper","classNames","paperBase","elevation","propTypes","PropTypes","bool","node","isRequired","string","shape","defaultProps","undefined","CommentWrapper$1","withStyles","backgroundColor","position","marginBottom","margin","padding","minHeight"],"mappings":"yLAKA,IAYMA,EAAe,SAACC,EAASC,EAAaC,GAC1C,OAAIA,GAAYD,EACPD,EAAQG,2BACND,IAAaD,EACfD,EAAQI,iBACLF,GAAYD,EACfD,EAAQK,qBACLH,GAAaD,EAIlB,KAHED,EAAQM,SAInB,EAEMC,EAAiB,SAAHC,GAAA,IAAMP,IAAAA,YAAaC,IAAAA,SAAUO,IAAAA,SAAUT,IAAAA,QAASU,IAAAA,UAAS,OAC3EC,EAACC,EAAK,CACJF,UAAWG,EACTd,EAAaC,EAASC,EAAaC,GACnCF,EAAQc,UACRJ,GAEFK,UAAW,EAAEN,SAEZA,GACK,EAGVF,EAAeS,UAAY,CACzBf,YAAagB,EAAUC,KACvBhB,SAAUe,EAAUC,KACpBT,SAAUQ,EAAUE,KAAKC,WACzBV,UAAWO,EAAUI,OAErBrB,QAASiB,EAAUK,MAAM,CAAA,GAAIF,YAG/Bb,EAAegB,aAAe,CAC5BtB,aAAa,EACbC,UAAU,EACVQ,eAAWc,GAGb,IAAAC,EAAeC,EAtDG,CAChBZ,UAAW,CAAEa,gBAAiB,cAAeC,SAAU,YAEvDtB,UAAW,CAAEuB,aAAc,GAE3BxB,qBAAsB,CAAEyB,OAAQ,aAAcC,QAAS,IAEvD3B,gBAAiB,CAAE0B,OAAQ,QAASE,UAAW,IAE/C7B,2BAA4B,CAAE2B,OAAQ,aAAcC,QAAS,cA6ChDL,CAAsBnB"}

package/components/CommentsInfo/index.js

@@ -1 +1,2 @@
 import e from"prop-types";import{withStyles as t}from"@material-ui/core/styles";import{Tooltip as o,Typography as r}from"@material-ui/core";import s from"@material-ui/core/colors/grey";import i from"./styles.css.js";import{isNativeDetected as a}from"../../utils/mobileDetect.js";import{AvatarComponent as n}from"../Avatar/index.js";import c from"../UserCardPopover.js";import{jsxs as m,Fragment as l,jsx as p}from"react/jsx-runtime";var u=function(e){return e?"".concat(e.first_name," ").concat(e.last_name):""},d=function(e){var t=e.users,o=e.noReactionsText,r=t.length;if(!r)return o;var s="";r>19&&(s="\nand ".concat(r-19," more..."));var i=t.slice(0,19).join("\n");return"".concat(i).concat(s)},h=function(e){var t=e.likesCount,s=e.usersWhoLike,a=e.commentsCount,h=e.usersWhoCommented,f=e.onCommentsClick,v=e.currentUser,y=e.activeUsersList,C=e.classes,k=e.isNative,g=e.small;return m(l,{children:[!!t&&p(o,{title:p(d,{users:s,noReactionsText:"Nobody likes this yet..."}),enterTouchDelay:0,classes:{popper:C.tooltip},placement:"top",children:m(r,{"data-testid":"".concat("FeedPo","_likesCounter_").concat(t),className:C.reactionTypographyRoot,variant:"caption",children:["Likes ",t]})}),!!a&&p("span",{onClick:f,children:p(o,{title:p(d,{users:h,noReactionsText:"Nobody commented this yet..."}),enterTouchDelay:0,classes:{popper:C.tooltip},placement:"top",children:m(r,{"data-testid":"".concat("FeedPo","_commentsCounter_").concat(a),className:C.reactionTypographyRoot,variant:"caption",children:["Comments ",a]})})}),p("div",{"data-testid":"".concat("FeedPo","_activeUsersCounter_").concat(y&&y.length),className:i.cCommentsInfoActiveUsersList,children:y.map((function(e){return k?p(n,{displayName:u(e),imgSrc:e.profile_photo,className:C.avatarInList,size:g?24:32},e.id):p(c,{user:e,currentUser:v,children:p(n,{displayName:u(e),imgSrc:e.profile_photo,size:g?24:32,className:C.avatarInList})},e.id)}))})]})},f={reactionTypographyRoot:{color:s[400],margin:"0 8px",cursor:"pointer","&:hover":{textDecoration:"underline",textUnderlineOffset:"4px",color:"#fff"}},avatarInList:{marginRight:3,borderWidth:1},tooltip:{whiteSpace:"pre-line"}};h.propTypes={likesCount:e.number,usersWhoLike:e.arrayOf(e.shape({})),commentsCount:e.number,usersWhoCommented:e.arrayOf(e.string).isRequired,onCommentsClick:e.func,activeUsersList:e.arrayOf(e.shape({})).isRequired,classes:e.shape({}).isRequired,isNative:e.bool,small:e.bool,currentUser:e.shape({})},h.defaultProps={likesCount:0,usersWhoLike:[],commentsCount:0,onCommentsClick:function(){},small:!1,isNative:a,currentUser:{}};var v=t(f)(h);export{v as default};
+//# sourceMappingURL=index.js.map

package/components/CommentsInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/CommentsInfo/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n/*\n * Using Tooltip from material-ui here because MuiTooltipDcWrapper is broken when used inside popover\n * Here it makes no sense to use that wrapper, because tooltip doesn't go out of parent bounds\n * Bug ticket: https://corvaqa.atlassian.net/browse/DC-3803\n */\nimport { Typography, Tooltip } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\n\nimport styles from './styles.css';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport Avatar from '~components/Avatar';\nimport UserCardPopover from '~components/UserCardPopover';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst REACTIONS_VISIBLE_AMOUNT = 19; // NOTE: Max 20 lines\n\nconst getUserFullName = user => (user ? `${user.first_name} ${user.last_name}` : '');\n\nconst ReactionsTooltip = ({ users, noReactionsText }) => {\n  const reactionsAmount = users.length;\n  if (!reactionsAmount) {\n    return noReactionsText;\n  }\n\n  let reactionsInvisibleText = '';\n\n  if (reactionsAmount > REACTIONS_VISIBLE_AMOUNT) {\n    const reactionsInvisibleAmount = reactionsAmount - REACTIONS_VISIBLE_AMOUNT;\n    reactionsInvisibleText = `\\nand ${reactionsInvisibleAmount} more...`;\n  }\n\n  const reactionsVisibleText = users.slice(0, REACTIONS_VISIBLE_AMOUNT).join('\\n');\n\n  return `${reactionsVisibleText}${reactionsInvisibleText}`;\n};\n\nconst NO_LIKES_TEXT = 'Nobody likes this yet...';\nconst NO_COMMENTS_TEXT = 'Nobody commented this yet...';\n\nconst CommentsInfo = ({\n  likesCount,\n  usersWhoLike,\n  commentsCount,\n  usersWhoCommented,\n  onCommentsClick,\n  currentUser,\n  activeUsersList,\n  classes,\n  isNative,\n  small,\n}) => (\n  <>\n    {!!likesCount && (\n      <Tooltip\n        title={<ReactionsTooltip users={usersWhoLike} noReactionsText={NO_LIKES_TEXT} />}\n        enterTouchDelay={0}\n        classes={{ popper: classes.tooltip }}\n        placement=\"top\"\n      >\n        <Typography\n          data-testid={`${PAGE_NAME}_likesCounter_${likesCount}`}\n          className={classes.reactionTypographyRoot}\n          variant=\"caption\"\n        >\n          Likes {likesCount}\n        </Typography>\n      </Tooltip>\n    )}\n\n    {!!commentsCount && (\n      <span onClick={onCommentsClick}>\n        <Tooltip\n          title={<ReactionsTooltip users={usersWhoCommented} noReactionsText={NO_COMMENTS_TEXT} />}\n          enterTouchDelay={0}\n          classes={{ popper: classes.tooltip }}\n          placement=\"top\"\n        >\n          <Typography\n            data-testid={`${PAGE_NAME}_commentsCounter_${commentsCount}`}\n            className={classes.reactionTypographyRoot}\n            variant=\"caption\"\n          >\n            Comments {commentsCount}\n          </Typography>\n        </Tooltip>\n      </span>\n    )}\n    <div\n      data-testid={`${PAGE_NAME}_activeUsersCounter_${activeUsersList && activeUsersList.length}`}\n      className={styles.cCommentsInfoActiveUsersList}\n    >\n      {activeUsersList.map(user =>\n        isNative ? (\n          <Avatar\n            key={user.id}\n            displayName={getUserFullName(user)}\n            imgSrc={user.profile_photo}\n            className={classes.avatarInList}\n            size={small ? 24 : 32}\n          />\n        ) : (\n          <UserCardPopover key={user.id} user={user} currentUser={currentUser}>\n            <Avatar\n              displayName={getUserFullName(user)}\n              imgSrc={user.profile_photo}\n              size={small ? 24 : 32}\n              className={classes.avatarInList}\n            />\n          </UserCardPopover>\n        )\n      )}\n    </div>\n  </>\n);\n\nconst muiStyles = {\n  reactionTypographyRoot: {\n    color: grey[400],\n    margin: '0 8px',\n    cursor: 'pointer',\n    '&:hover': {\n      textDecoration: 'underline',\n      textUnderlineOffset: '4px',\n      color: '#fff',\n    },\n  },\n  avatarInList: {\n    marginRight: 3,\n    borderWidth: 1,\n  },\n  tooltip: {\n    whiteSpace: 'pre-line',\n  },\n};\n\nCommentsInfo.propTypes = {\n  likesCount: PropTypes.number,\n  usersWhoLike: PropTypes.arrayOf(PropTypes.shape({})),\n  commentsCount: PropTypes.number,\n  usersWhoCommented: PropTypes.arrayOf(PropTypes.string).isRequired,\n  onCommentsClick: PropTypes.func,\n  activeUsersList: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  isNative: PropTypes.bool,\n  small: PropTypes.bool,\n  currentUser: PropTypes.shape({}),\n};\n\nCommentsInfo.defaultProps = {\n  likesCount: 0,\n  usersWhoLike: [],\n  commentsCount: 0,\n  onCommentsClick: () => {},\n  small: false,\n  isNative: isNativeDetected,\n  currentUser: {},\n};\n\nexport default withStyles(muiStyles)(CommentsInfo);\n"],"names":["getUserFullName","user","first_name","last_name","ReactionsTooltip","_ref","users","noReactionsText","reactionsAmount","length","reactionsInvisibleText","concat","reactionsVisibleText","slice","join","CommentsInfo","_ref2","likesCount","usersWhoLike","commentsCount","usersWhoCommented","onCommentsClick","currentUser","activeUsersList","classes","isNative","small","_jsxs","_Fragment","children","_jsx","Tooltip","title","enterTouchDelay","popper","tooltip","placement","Typography","PAGE_NAME","className","reactionTypographyRoot","variant","onClick","styles","cCommentsInfoActiveUsersList","map","Avatar","displayName","imgSrc","profile_photo","avatarInList","size","id","UserCardPopover","muiStyles","color","grey","margin","cursor","textDecoration","textUnderlineOffset","marginRight","borderWidth","whiteSpace","propTypes","PropTypes","number","arrayOf","shape","string","isRequired","func","bool","defaultProps","isNativeDetected","CommentsInfo$1","withStyles"],"mappings":"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"}

package/components/CommentsInfo/styles.css.js

@@ -1 +1,2 @@
 import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var s={cCommentsInfoActiveUsersList:"styles_cCommentsInfoActiveUsersList__zzjgQ"};e(".styles_cCommentsInfoActiveUsersList__zzjgQ{align-items:center;display:flex;flex-direction:row-reverse}.styles_cCommentsInfoActiveUsersList__zzjgQ>div{margin-right:-7px}");export{s as default};
+//# sourceMappingURL=styles.css.js.map

package/components/CommentsInfo/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,aAAa,sDAAyD;"}

package/components/ConfirmationDialog.js

@@ -1 +1,2 @@
 import t from"@babel/runtime/helpers/classCallCheck";import e from"@babel/runtime/helpers/createClass";import i from"@babel/runtime/helpers/inherits";import o from"@babel/runtime/helpers/possibleConstructorReturn";import r from"@babel/runtime/helpers/getPrototypeOf";import{Component as n}from"react";import a from"prop-types";import{withStyles as s}from"@material-ui/core/styles";import l from"@material-ui/core/Typography";import c from"@material-ui/core/TextField";import p from"@material-ui/core/DialogTitle";import m from"@material-ui/core/DialogContent";import f from"@material-ui/core/DialogContentText";import u from"@material-ui/core/DialogActions";import h from"@material-ui/core/Button";import d from"@material-ui/core/Dialog";import{jsxs as b,Fragment as g,jsx as x}from"react/jsx-runtime";function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=r(t);if(e){var a=r(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return o(this,i)}}var C="confirmationDialog",T=function(o){i(a,n);var r=y(a);function a(e){var i;return t(this,a),(i=r.call(this,e)).state={confirmationTextField:""},i}return e(a,[{key:"actions",get:function(){return b(g,{children:[this.props.isShowCancel&&x(h,{variant:"text","data-testid":"".concat(C,"_cancelButton"),className:this.props.classes.actionButton,onClick:this.props.handleClose,color:"primary",children:"Cancel"}),x(h,{variant:"contained","data-testid":"".concat(C,"_confirmButton"),className:this.props.classes.actionButton,onClick:this.props.handleOk,disabled:this.props.disableOk||this.props.confirmationText&&this.props.confirmation!==this.state.confirmationTextField,color:"primary",children:this.props.okText})]})}},{key:"render",value:function(){var t=this;return b(d,{open:this.props.open,onClose:this.props.handleClose,"aria-labelledby":"confirmation-dialog-title",classes:{paper:this.props.classes.paper},children:[x(p,{id:"confirmation-dialog-title",children:this.props.title}),x(m,{children:b(f,{children:[x(l,{variant:"body2",className:this.props.classes.content,children:this.props.text}),this.props.confirmationText&&x(c,{fullWidth:!0,"data-testid":"".concat(C,"_input"),label:this.props.confirmationText,value:this.state.confirmationTextField,onChange:function(e){return t.setState({confirmationTextField:e.target.value})},className:this.props.classes.confirmation})]})}),x(u,{className:this.props.classes.actions,children:this.actions})]})}}]),a}();T.propTypes={open:a.bool.isRequired,title:a.string,text:a.string.isRequired,confirmationText:a.string,confirmation:a.string,handleClose:a.func,handleOk:a.func,okText:a.string,disableOk:a.bool,isShowCancel:a.bool,classes:a.shape({}).isRequired},T.defaultProps={title:void 0,confirmationText:null,confirmation:"",okText:"Ok",handleOk:function(){},handleClose:function(){},disableOk:!1,isShowCancel:!0};var v=s({actionButton:{marginLeft:15},confirmation:{marginTop:10}})(T);export{v as default};
+//# sourceMappingURL=ConfirmationDialog.js.map

package/components/ConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationDialog.js","sources":["../../src/components/ConfirmationDialog.js"],"sourcesContent":["import { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport TextField from '@material-ui/core/TextField';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\n\nconst PAGE_NAME = 'confirmationDialog';\n\nconst muiStyles = {\n  actionButton: { marginLeft: 15 },\n  confirmation: { marginTop: 10 },\n};\n\nclass ConfirmationDialog extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      confirmationTextField: '',\n    };\n  }\n\n  get actions() {\n    return (\n      <>\n        {this.props.isShowCancel && (\n          <Button\n            variant=\"text\"\n            data-testid={`${PAGE_NAME}_cancelButton`}\n            className={this.props.classes.actionButton}\n            onClick={this.props.handleClose}\n            color=\"primary\"\n          >\n            Cancel\n          </Button>\n        )}\n        <Button\n          variant=\"contained\"\n          data-testid={`${PAGE_NAME}_confirmButton`}\n          className={this.props.classes.actionButton}\n          onClick={this.props.handleOk}\n          disabled={\n            this.props.disableOk ||\n            (this.props.confirmationText &&\n              this.props.confirmation !== this.state.confirmationTextField)\n          }\n          color=\"primary\"\n        >\n          {this.props.okText}\n        </Button>\n      </>\n    );\n  }\n\n  render() {\n    return (\n      <Dialog\n        open={this.props.open}\n        onClose={this.props.handleClose}\n        aria-labelledby=\"confirmation-dialog-title\"\n        classes={{ paper: this.props.classes.paper }}\n      >\n        <DialogTitle id=\"confirmation-dialog-title\">{this.props.title}</DialogTitle>\n\n        <DialogContent>\n          <DialogContentText>\n            <Typography variant=\"body2\" className={this.props.classes.content}>\n              {this.props.text}\n            </Typography>\n            {this.props.confirmationText && (\n              <TextField\n                fullWidth\n                data-testid={`${PAGE_NAME}_input`}\n                label={this.props.confirmationText}\n                value={this.state.confirmationTextField}\n                onChange={e => this.setState({ confirmationTextField: e.target.value })}\n                className={this.props.classes.confirmation}\n              />\n            )}\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions className={this.props.classes.actions}>{this.actions}</DialogActions>\n      </Dialog>\n    );\n  }\n}\n\nConfirmationDialog.propTypes = {\n  open: PropTypes.bool.isRequired,\n  title: PropTypes.string,\n  text: PropTypes.string.isRequired,\n  confirmationText: PropTypes.string,\n  confirmation: PropTypes.string,\n  handleClose: PropTypes.func,\n  handleOk: PropTypes.func,\n  okText: PropTypes.string,\n  disableOk: PropTypes.bool,\n  isShowCancel: PropTypes.bool,\n\n  classes: PropTypes.shape({}).isRequired,\n};\n\nConfirmationDialog.defaultProps = {\n  title: undefined,\n  confirmationText: null,\n  confirmation: '',\n  okText: 'Ok',\n  handleOk: () => undefined,\n  handleClose: () => undefined,\n  disableOk: false,\n  isShowCancel: true,\n};\n\nexport default withStyles(muiStyles)(ConfirmationDialog);\n"],"names":["PAGE_NAME","ConfirmationDialog","_Component","_inherits","Component","_super","_createSuper","props","_this","_classCallCheck","this","call","state","confirmationTextField","_createClass","key","get","_jsxs","_Fragment","children","isShowCancel","_jsx","Button","variant","concat","className","classes","actionButton","onClick","handleClose","color","handleOk","disabled","disableOk","confirmationText","confirmation","okText","value","_this2","Dialog","open","onClose","paper","DialogTitle","id","title","DialogContent","DialogContentText","Typography","content","text","TextField","fullWidth","label","onChange","e","setState","target","DialogActions","actions","propTypes","PropTypes","bool","isRequired","string","func","shape","defaultProps","undefined","ConfirmationDialog$1","withStyles","marginLeft","marginTop"],"mappings":"ysCAYA,IAAMA,EAAY,qBAOZC,EAAkB,SAAAC,GAAAC,EAAAF,EAASG,GAAT,IAAAC,EAAAC,EAAAL,GACtB,SAAAA,EAAYM,GAAO,IAAAC,EAKf,OALeC,EAAAC,KAAAT,IACjBO,EAAAH,EAAAM,KAAAD,KAAMH,IAEDK,MAAQ,CACXC,sBAAuB,IACvBL,CACJ,CAgEC,OAhEAM,EAAAb,EAAA,CAAA,CAAAc,IAAA,UAAAC,IAED,WACE,OACEC,EAAAC,EAAA,CAAAC,SAAA,CACGT,KAAKH,MAAMa,cACVC,EAACC,EAAM,CACLC,QAAQ,OACR,cAAA,GAAAC,OAAgBxB,EAAyB,iBACzCyB,UAAWf,KAAKH,MAAMmB,QAAQC,aAC9BC,QAASlB,KAAKH,MAAMsB,YACpBC,MAAM,UAASX,SAAA,WAKnBE,EAACC,EAAM,CACLC,QAAQ,YACR,cAAA,GAAAC,OAAgBxB,EAA0B,kBAC1CyB,UAAWf,KAAKH,MAAMmB,QAAQC,aAC9BC,QAASlB,KAAKH,MAAMwB,SACpBC,SACEtB,KAAKH,MAAM0B,WACVvB,KAAKH,MAAM2B,kBACVxB,KAAKH,MAAM4B,eAAiBzB,KAAKE,MAAMC,sBAE3CiB,MAAM,UAASX,SAEdT,KAAKH,MAAM6B,WAIpB,GAAC,CAAArB,IAAA,SAAAsB,MAED,WAAS,IAAAC,EAAA5B,KACP,OACEO,EAACsB,EAAM,CACLC,KAAM9B,KAAKH,MAAMiC,KACjBC,QAAS/B,KAAKH,MAAMsB,YACpB,kBAAgB,4BAChBH,QAAS,CAAEgB,MAAOhC,KAAKH,MAAMmB,QAAQgB,OAAQvB,SAAA,CAE7CE,EAACsB,EAAW,CAACC,GAAG,4BAA2BzB,SAAET,KAAKH,MAAMsC,QAExDxB,EAACyB,EAAa,CAAA3B,SACZF,EAAC8B,EAAiB,CAAA5B,SAAA,CAChBE,EAAC2B,EAAU,CAACzB,QAAQ,QAAQE,UAAWf,KAAKH,MAAMmB,QAAQuB,QAAQ9B,SAC/DT,KAAKH,MAAM2C,OAEbxC,KAAKH,MAAM2B,kBACVb,EAAC8B,EAAS,CACRC,WAAS,EACT,cAAA,GAAA5B,OAAgBxB,EAAkB,UAClCqD,MAAO3C,KAAKH,MAAM2B,iBAClBG,MAAO3B,KAAKE,MAAMC,sBAClByC,SAAU,SAAAC,GAAC,OAAIjB,EAAKkB,SAAS,CAAE3C,sBAAuB0C,EAAEE,OAAOpB,OAAS,EACxEZ,UAAWf,KAAKH,MAAMmB,QAAQS,oBAKtCd,EAACqC,EAAa,CAACjC,UAAWf,KAAKH,MAAMmB,QAAQiC,QAAQxC,SAAET,KAAKiD,YAGlE,KAAC1D,CAAA,CAvEqB,GA0ExBA,EAAmB2D,UAAY,CAC7BpB,KAAMqB,EAAUC,KAAKC,WACrBlB,MAAOgB,EAAUG,OACjBd,KAAMW,EAAUG,OAAOD,WACvB7B,iBAAkB2B,EAAUG,OAC5B7B,aAAc0B,EAAUG,OACxBnC,YAAagC,EAAUI,KACvBlC,SAAU8B,EAAUI,KACpB7B,OAAQyB,EAAUG,OAClB/B,UAAW4B,EAAUC,KACrB1C,aAAcyC,EAAUC,KAExBpC,QAASmC,EAAUK,MAAM,CAAA,GAAIH,YAG/B9D,EAAmBkE,aAAe,CAChCtB,WAAOuB,EACPlC,iBAAkB,KAClBC,aAAc,GACdC,OAAQ,KACRL,SAAU,WAAe,EACzBF,YAAa,WAAe,EAC5BI,WAAW,EACXb,cAAc,GAGhB,IAAAiD,EAAeC,EAzGG,CAChB3C,aAAc,CAAE4C,WAAY,IAC5BpC,aAAc,CAAEqC,UAAW,KAuGdF,CAAsBrE"}

package/components/ContextMenuItem/index.js

@@ -1 +1,2 @@
 import{__rest as t,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as i,jsx as r}from"react/jsx-runtime";import o from"classnames";import n from"@material-ui/core/ListItemIcon";import{makeStyles as a}from"@material-ui/core";import l from"../MenuItem/index.js";var s=a((function(t){return{menuItem:{height:function(t){return t.small?36:54},lineHeight:function(t){return t.small?"17px":"24px"},"&:hover svg":{fill:function(e){var i=e.iconType,r=e.disabled;return"iconPark"===i?"":r?t.palette.primary.text9:t.palette.primary.contrastText},color:function(e){var i=e.iconType,r=e.disabled;return"mui"===i?"":r?t.palette.primary.text9:t.palette.primary.contrastText}}},listItemIcon:{paddingRight:t.spacing(1),color:function(e){return e.disabled?t.palette.primary.text9:t.palette.primary.text7},minWidth:"auto",fontSize:function(t){return t.small?16:24},"& .MuiSvgIcon-root":{fontSize:"inherit"}}}})),m=function(a){var m=a.classes,c=void 0===m?{}:m,p=a.icon,u=a.children,d=a.small,f=a.iconType,h=void 0===f?"mui":f,x=t(a,["classes","icon","children","small","iconType"]),y=s({small:d,disabled:x.disabled,iconType:h});return i(l,e({classes:e(e({},c),{root:o(y.menuItem,c.root)})},x,{children:[r(n,{classes:{root:y.listItemIcon},children:p}),u]}))};export{m as default};
+//# sourceMappingURL=index.js.map

package/components/ContextMenuItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,qCAAqC,oCAAuC;"}

package/components/CopyToClipboard/CopyToClipboard.js

@@ -1 +1,2 @@
 import{jsx as o}from"react/jsx-runtime";import{useState as s,useEffect as c}from"react";import i from"classnames";import{makeStyles as n,Tooltip as t}from"@material-ui/core";import{CopyIcon as r}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import e from"../../utils/main.js";var m=n((function(o){return{iconWrapper:{color:o.palette.primary.text6,cursor:"pointer",paddingLeft:4,display:"flex",alignItems:"center","&:hover":{color:o.palette.primary.contrastText}},tooltip:{color:o.palette.primary.text6,backgroundColor:"rgba(20, 20, 20, 0.5)"}}})),p=function(n){var p=n.children,l=n.classes,a=void 0===l?{}:l,u=n.dataTestId,d=n.IconComponent,I=void 0===d?function(){return o(r,{size:16})}:d,j=n.tooltipProps,h=void 0===j?{title:"Copied",placement:"bottom",delay:1500}:j,C=s(!1),f=C[0],F=C[1],v=m();return c((function(){var o=setTimeout((function(){F(!1)}),h.delay);return function(){return clearTimeout(o)}}),[f]),o(t,{classes:{tooltip:i(v.tooltip,a.tooltip),popper:a.tooltipPopper},title:h.title,open:f,disableFocusListener:!0,disableHoverListener:!0,placement:h.placement,children:o("span",{className:i(v.iconWrapper,a.iconWrapper),onClick:function(){F(!0),e.copyToClipboard(p)},children:o(I,{className:a.icon,"data-testid":u})})})};export{p as default};
+//# sourceMappingURL=CopyToClipboard.js.map

package/components/CopyToClipboard/CopyToClipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyToClipboard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Counter/index.js

@@ -1 +1,2 @@
 import{__rest as o,__assign as i}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as s}from"react/jsx-runtime";import c from"classnames";import{capitalize as t}from"lodash";import{makeStyles as n,Tooltip as e,Chip as r}from"@material-ui/core";import{CloseSmallIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";var p=n((function(o){return{rootChip:{"&.MuiChip-root":{backgroundColor:o.palette.background.b9,color:o.palette.primary.text6,textAlign:"center","&:hover":{color:o.palette.primary.contrastText,"& .MuiSvgIcon-root":{color:o.palette.primary.contrastText}},"& span.MuiChip-label":{padding:0}}},tooltip:{marginTop:"10px"},closeIcon:{marginRight:"-2px !important",marginLeft:"2px !important",color:o.palette.primary.text6},sizeSmall:{"&.MuiChip-root":{minWidth:16,height:16,padding:"1px 2px","& span":{fontSize:"11px",lineHeight:"14px"}}},sizeSmallLimited:{"&.MuiChip-root":{padding:"1px 3px"}},sizeMedium:{"&.MuiChip-root":{minWidth:24,height:24,padding:"2px 4px","& span":{fontSize:"14px",lineHeight:"20px"}}},sizeMediumLimited:{"&.MuiChip-root":{padding:"2px 6px"}},sizeMediumClickable:{"&.MuiChip-root":{padding:"2px 6px"}},sizeLarge:{"&.MuiChip-root":{minWidth:32,height:32,padding:"5px 7px","& span":{fontSize:"16px",lineHeight:"22px"}}},sizeLargeLimited:{"&.MuiChip-root":{padding:"5px 8px"}},sizeLargeClickable:{"&.MuiChip-root":{padding:"5px 8px"}}}})),l=function(n){var l=n.classes,a=void 0===l?{}:l,u=n.size,d=void 0===u?"medium":u,I=n.limited,h=void 0!==I&&I,j=n.clickable,x=void 0!==j&&j,g=n.tooltip,C=void 0===g?"":g,z=o(n,["classes","size","limited","clickable","tooltip"]),b=p();return s(e,{title:C,classes:{tooltip:b.tooltip},children:s(r,i({},z,{size:d,classes:i(i({},a),{root:c(a.root,b.rootChip,b["size".concat(t(d))],h&&b["size".concat(t(d),"Limited")],x&&b["size".concat(t(d),"Clickable")])}),clickable:x,deleteIcon:s(m,{className:b.closeIcon,size:16})}))})};export{l as default};
+//# sourceMappingURL=index.js.map

package/components/Counter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,qCAAqC,oCAAuC;"}

package/components/CustomSelect/index.js

@@ -1 +1,2 @@
 import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{makeStyles as t,FormControl as o,InputLabel as n,Select as i}from"@material-ui/core";import l from"prop-types";import p from"classnames";import{jsxs as a,jsx as s}from"react/jsx-runtime";var c=["label","height","children"];function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function m(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?u(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):u(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var d=t((function(e){return{formControl:{width:"100%",height:function(e){return e}},inputLabel:{color:e.palette.primary.text6,fontSize:"14px",letterSpacing:"0.8px"},select:{background:e.palette.background.b7,"&::before":{borderBottom:"none !important"},"&::after":{borderBottom:"none !important"}},selectedItem:{display:"flex",alignItems:"center"},iconOpen:{color:e.palette.primary.main},paper:{marginTop:function(e){return e+10}},disabled:{color:e.palette.primary.text8}}})),b=function(e){var t,l,u,b=e.label,f=e.height,h=e.children,O=r(e,c),g=d(f);return a(o,{variant:"filled",className:g.formControl,fullWidth:!0,children:[s(n,{className:g.inputLabel,children:b}),s(i,m(m({className:g.select,classes:{select:g.selectedItem,iconOpen:g.iconOpen,disabled:g.disabled}},O),{},{MenuProps:m(m({},(null==O?void 0:O.MenuProps)||{}),{},{classes:m(m({},(null==O||null===(t=O.MenuProps)||void 0===t?void 0:t.classes)||{}),{},{paper:p(g.paper,null==O||null===(l=O.MenuProps)||void 0===l||null===(u=l.classes)||void 0===u?void 0:u.paper)})}),children:h}))]})};b.propTypes={children:l.shape().isRequired,label:l.string.isRequired,height:l.number,MenuProps:l.shape()},b.defaultProps={height:56,MenuProps:{}};export{b as default};
+//# sourceMappingURL=index.js.map

package/components/CustomSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/CustomSelect/index.js"],"sourcesContent":["import { FormControl, InputLabel, makeStyles, Select } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nconst useStyles = makeStyles(theme => ({\n  formControl: {\n    width: '100%',\n    height: height => height,\n  },\n  inputLabel: {\n    color: theme.palette.primary.text6,\n    fontSize: '14px',\n    letterSpacing: '0.8px',\n  },\n  select: {\n    background: theme.palette.background.b7,\n    '&::before': {\n      borderBottom: 'none !important',\n    },\n    '&::after': {\n      borderBottom: 'none !important',\n    },\n  },\n  selectedItem: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  iconOpen: {\n    color: theme.palette.primary.main,\n  },\n  paper: {\n    marginTop: height => height + 10,\n  },\n  disabled: {\n    color: theme.palette.primary.text8,\n  },\n}));\n\nconst CustomSelect = ({ label, height, children, ...props }) => {\n  const classes = useStyles(height);\n  return (\n    <FormControl variant=\"filled\" className={classes.formControl} fullWidth>\n      <InputLabel className={classes.inputLabel}>{label}</InputLabel>\n      <Select\n        className={classes.select}\n        classes={{\n          select: classes.selectedItem,\n          iconOpen: classes.iconOpen,\n          disabled: classes.disabled,\n        }}\n        {...props}\n        MenuProps={{\n          ...(props?.MenuProps || {}),\n          classes: {\n            ...(props?.MenuProps?.classes || {}),\n            paper: classnames(classes.paper, props?.MenuProps?.classes?.paper),\n          },\n        }}\n      >\n        {children}\n      </Select>\n    </FormControl>\n  );\n};\n\nCustomSelect.propTypes = {\n  children: PropTypes.shape().isRequired,\n  label: PropTypes.string.isRequired,\n  height: PropTypes.number,\n  MenuProps: PropTypes.shape(),\n};\n\nCustomSelect.defaultProps = {\n  height: 56,\n  MenuProps: {},\n};\n\nexport default CustomSelect;\n"],"names":["useStyles","makeStyles","theme","formControl","width","height","inputLabel","color","palette","primary","text6","fontSize","letterSpacing","select","background","b7","borderBottom","selectedItem","display","alignItems","iconOpen","main","paper","marginTop","disabled","text8","CustomSelect","_ref","_props$MenuProps","_props$MenuProps2","_props$MenuProps2$cla","label","children","props","_objectWithoutProperties","_excluded","classes","_jsxs","FormControl","variant","className","fullWidth","_jsx","InputLabel","Select","_objectSpread","MenuProps","classnames","propTypes","PropTypes","shape","isRequired","string","number","defaultProps"],"mappings":"w5BAIA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,YAAa,CACXC,MAAO,OACPC,OAAQ,SAAAA,GAAM,OAAIA,CAAM,GAE1BC,WAAY,CACVC,MAAOL,EAAMM,QAAQC,QAAQC,MAC7BC,SAAU,OACVC,cAAe,SAEjBC,OAAQ,CACNC,WAAYZ,EAAMM,QAAQM,WAAWC,GACrC,YAAa,CACXC,aAAc,mBAEhB,WAAY,CACVA,aAAc,oBAGlBC,aAAc,CACZC,QAAS,OACTC,WAAY,UAEdC,SAAU,CACRb,MAAOL,EAAMM,QAAQC,QAAQY,MAE/BC,MAAO,CACLC,UAAW,SAAAlB,GAAM,OAAIA,EAAS,EAAE,GAElCmB,SAAU,CACRjB,MAAOL,EAAMM,QAAQC,QAAQgB,OAEhC,IAEKC,EAAe,SAA2CC,GAAA,IAAAC,EAAAC,EAAAC,EAAxCC,IAAAA,MAAO1B,IAAAA,OAAQ2B,IAAAA,SAAaC,EAAKC,EAAAP,EAAAQ,GACjDC,EAAUpC,EAAUK,GAC1B,OACEgC,EAACC,EAAW,CAACC,QAAQ,SAASC,UAAWJ,EAAQjC,YAAasC,WAAS,EAAAT,SAAA,CACrEU,EAACC,EAAU,CAACH,UAAWJ,EAAQ9B,WAAW0B,SAAED,IAC5CW,EAACE,EAAMC,EAAAA,EAAA,CACLL,UAAWJ,EAAQvB,OACnBuB,QAAS,CACPvB,OAAQuB,EAAQnB,aAChBG,SAAUgB,EAAQhB,SAClBI,SAAUY,EAAQZ,WAEhBS,GAAK,GAAA,CACTa,UAASD,EAAAA,EAAA,CAAA,GACHZ,aAAAA,EAAAA,EAAOa,YAAa,CAAA,GAAE,GAAA,CAC1BV,QACMS,EAAAA,EAAA,CAAA,GAAAZ,SAAA,QAAAA,EAAAA,EAAOa,iBAAP,IAAAlB,OAAAK,EAAAL,EAAkBQ,UAAW,CAAE,GAAA,CAAA,EAAA,CACnCd,MAAOyB,EAAWX,EAAQd,MAAOW,SAAgB,QAAhBA,EAAAA,EAAOa,iBAAS,IAAAjB,GAAS,QAATC,EAAhBD,EAAkBO,eAAO,IAAAN,OAAzBG,EAAAH,EAA2BR,WAE9DU,SAEDA,OAIT,EAEAN,EAAasB,UAAY,CACvBhB,SAAUiB,EAAUC,QAAQC,WAC5BpB,MAAOkB,EAAUG,OAAOD,WACxB9C,OAAQ4C,EAAUI,OAClBP,UAAWG,EAAUC,SAGvBxB,EAAa4B,aAAe,CAC1BjD,OAAQ,GACRyC,UAAW,CAAC"}

package/components/DatePicker/index.js

@@ -1 +1,2 @@
 import{__rest as o,__assign as s}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as i}from"react/jsx-runtime";import c from"classnames";import n from"prop-types";import{KeyboardDatePicker as t}from"@material-ui/pickers";import{makeStyles as r}from"@material-ui/core";import m from"moment";import{DATE_FORMAT as e}from"../../constants/dateTimeFormat.js";import{CalendarIcon as a,RightIcon as p,LeftIcon as u}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";var l=r((function(o){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main},"& .MuiInput-root.Mui-focused  .MuiIconButton-root":{color:o.palette.primary.main},"&:hover .MuiIconButton-root":{color:o.palette.primary.contrastText},"& .MuiIconButton-root":{borderRadius:8,color:o.palette.primary.text6,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}})),I=function(n){var r,I,d=n.className,j=n.PopoverProps,f=o(n,["className","PopoverProps"]),h=l();return i(t,s({disableToolbar:!0,variant:"inline",keyboardIcon:i(a,{size:16}),rightArrowIcon:i(p,{size:24}),leftArrowIcon:i(u,{size:24}),format:e,placeholder:m().format(e),refuse:/[^(\w|\d)]+/gi,maxDate:null!==(r=f.maxDate)&&void 0!==r?r:void 0,minDate:null!==(I=f.minDate)&&void 0!==I?I:void 0},f,{PopoverProps:s({className:c(h.paper,j.className)},j),className:c(h.dateTimePickerInput,d)}))};I.propTypes={PopoverProps:n.shape({className:n.string}),className:n.string},I.defaultProps={PopoverProps:{},className:""};export{I as default};
+//# sourceMappingURL=index.js.map

package/components/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,qCAAqC,oCAAuC;"}

package/components/DateTimePicker/index.js

@@ -1 +1,2 @@
 import{__rest as o,__assign as s}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as i}from"react/jsx-runtime";import c from"classnames";import n from"prop-types";import t from"moment";import{KeyboardDateTimePicker as r}from"@material-ui/pickers";import{makeStyles as m}from"@material-ui/core";import{CalendarIcon as e,TimeIcon as a,RightIcon as p,LeftIcon as u}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import{DATE_TIME_FORMAT as l}from"../../constants/dateTimeFormat.js";var I=m((function(o){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main},"& .MuiInput-root.Mui-focused  .MuiIconButton-root":{color:o.palette.primary.main},"&:hover .MuiIconButton-root":{color:o.palette.primary.contrastText},"& .MuiIconButton-root":{color:o.palette.primary.text6,borderRadius:8,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}}));function d(n){var m,l,d=n.className,j=n.PopoverProps,f=n.format,h=o(n,["className","PopoverProps","format"]),g=I();return i(r,s({dateRangeIcon:i(e,{size:24}),timeIcon:i(a,{size:24}),rightArrowIcon:i(p,{size:24}),leftArrowIcon:i(u,{size:24}),keyboardIcon:i(e,{size:16}),format:f,refuse:/[^(\w|\d)]+/gi,placeholder:t().format(f),maxDate:null!==(m=h.maxDate)&&void 0!==m?m:void 0,minDate:null!==(l=h.minDate)&&void 0!==l?l:void 0},h,{PopoverProps:s({className:g.paper},j),className:c(g.dateTimePickerInput,d)}))}d.propTypes={className:n.string,PopoverProps:n.shape({className:n.string}),format:n.string},d.defaultProps={className:"",PopoverProps:{},format:l};export{d as default};
+//# sourceMappingURL=index.js.map

package/components/DateTimePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,qCAAqC,oCAAuC;"}

package/components/DevCenter/AppContext.js

@@ -1 +1,2 @@
 import{createContext as r}from"react";var a=r();export{a as default};
+//# sourceMappingURL=AppContext.js.map

package/components/DevCenter/AppContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppContext.js","sources":["../../../src/components/DevCenter/AppContext.js"],"sourcesContent":["import { createContext } from 'react';\n\nconst AppContext = createContext();\n\nexport default AppContext;\n"],"names":["AppContext","createContext"],"mappings":"sCAEMA,IAAAA,EAAaC"}

package/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js

@@ -1 +1,2 @@
 import{__assign as o}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as s,jsx as i}from"react/jsx-runtime";import t from"classnames";import{makeStyles as n,useTheme as c}from"@material-ui/core";import{CenterAlignmentIcon as e}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import r from"../AppSideBar/AppSideBar.js";import m from"../../IconButton/index.js";import{AppSettingsPopover as p}from"../AppSettingsPopover/AppSettingsPopover.js";import a from"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{useMatchAppContainerSize as l}from"../../../effects/useMatchAppContainerSize.js";import{isNativeDetected as d,isMobileDetected as u}from"../../../utils/mobileDetect.js";var h=n({appLayout:{display:"flex",flexDirection:"column",width:"100%",height:"100%"},header:{paddingLeft:12,paddingRight:12,display:"flex",height:36},contentWrapper:{display:"flex",position:"relative",flexGrow:1,height:"calc(100% - 36px)","@media (max-width: 960px)":{height:"100%"}},content:{display:"flex",flexDirection:"column",textAlign:"center",alignItems:"center",justifyContent:"center",height:"100%",width:"100%"},popoverContent:{padding:"0 16px"},filtersTrigger:{width:30,height:30}}),j=function(s){var t=c(),n=l({width:{max:t.breakpoints.width("md")}}),r=h();return n?i(m,o({className:r.filtersTrigger,size:"small",tooltipProps:{title:"Filters"},variant:"contained"},s,{children:i(e,{size:16})})):i(a,o({startIcon:i(e,{size:16})},s,{children:"Filters"}))},I=function(n){var e=n.appSettingsPopoverProps,m=n.children,a=n.classes,I=void 0===a?{}:a,f=n.header,g=n.sideBarContent,v=n.sideBarProps,x=h(),C=c(),F=l({width:{max:C.breakpoints.width("md")}}),A=d||u||F;return s("div",{className:t(x.appLayout,I.appLayout),children:[A&&s("div",{className:t(x.header,I.header),children:[i(p,o({Trigger:j,classes:{popoverContent:x.popoverContent},header:"Filters",anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},e,{children:g})),f]}),s("div",{className:t(x.contentWrapper,I.contentWrapper),children:[!A&&i(r,o({},v,{anchor:"left",children:g})),m&&i("div",{className:t(x.content,I.content),children:m})]})]})};export{I as AppFilterPanelLayout};
+//# sourceMappingURL=AppFilterPanelLayout.js.map

package/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,yBAAyB,uCAA0C;"}

package/components/DevCenter/AppHeader/AppHeader.css.js

@@ -1 +1,2 @@
 import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var a={padModeSelect:"AppHeader_padModeSelect__CP-Ia",appMaximized:"AppHeader_appMaximized__lT1ld",controlsContainer:"AppHeader_controlsContainer__aX0s9",assetLabels:"AppHeader_assetLabels__sa5nh",rightSideContent:"AppHeader_rightSideContent__-F7fm"};e(".AppHeader_padModeSelect__CP-Ia{align-items:center;display:flex;height:36px;margin-right:16px;z-index:999}.AppHeader_padModeSelect__CP-Ia>div:first-child{margin:0;padding:0!important}.AppHeader_appMaximized__lT1ld{margin-right:28px}.AppHeader_controlsContainer__aX0s9{align-items:center;display:flex;justify-content:flex-end}.AppHeader_controlsContainer__aX0s9>:not(:last-child){margin-right:16px;padding:0}.AppHeader_assetLabels__sa5nh{align-items:center;display:flex;height:24px}.AppHeader_assetLabels__sa5nh>:not(:last-child){margin-right:8px}.AppHeader_rightSideContent__-F7fm{position:relative}");export{a as default};
+//# sourceMappingURL=AppHeader.css.js.map

package/components/DevCenter/AppHeader/AppHeader.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,aAAa,yDAA4D;"}