@corva/ui 3.23.0-4 → 3.23.0-5

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

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sources":["../../../../src/components/AddComment/components/Content.js"],"sourcesContent":["import { useRef } from 'react';\nimport { node, number, func, bool, shape } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { PostInput } from '~/components';\nimport { isSuggestionsListOpened } from '~/components/UserMention/utils';\n\nconst useStyles = makeStyles({\n  postInput: { paddingBottom: 8 },\n  filePreviewWrapper: ({ smallerView }) => ({\n    width: '100%',\n    marginLeft: 0,\n    maxHeight: smallerView ? 127 : 251,\n  }),\n});\nfunction Content({\n  userCompanyId,\n  startAdornment,\n  endAdornment,\n  customContent,\n  setComment,\n  smallerView,\n  onSave,\n  comment,\n}) {\n  const classes = useStyles({ smallerView });\n  const wrapperRef = useRef();\n\n  const onKeyDown = e => {\n    if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {\n      e.preventDefault();\n      onSave(comment);\n    }\n  };\n\n  return (\n    <div ref={wrapperRef}>\n      {startAdornment}\n\n      {customContent || (\n        <PostInput\n          userCompanyId={userCompanyId}\n          onChange={setComment}\n          filePreviewWrapperClass={classes.filePreviewWrapper}\n          className={classes.postInput}\n          smallerView={smallerView}\n          onKeyDown={onKeyDown}\n          suggestionsPortalHost={wrapperRef.current}\n          allowSuggestionsAboveCursor\n        />\n      )}\n\n      {endAdornment}\n    </div>\n  );\n}\n\nContent.propTypes = {\n  startAdornment: node,\n  endAdornment: node,\n  customContent: node,\n  userCompanyId: number.isRequired,\n  setComment: func,\n  onSave: func,\n  smallerView: bool,\n  comment: shape(),\n};\n\nContent.defaultProps = {\n  startAdornment: null,\n  endAdornment: null,\n  customContent: null,\n  setComment: () => undefined,\n  onSave: () => undefined,\n  smallerView: false,\n  comment: undefined,\n};\n\nexport default Content;\n"],"names":["useStyles","makeStyles","postInput","paddingBottom","filePreviewWrapper","_ref","width","marginLeft","maxHeight","smallerView","Content","_ref2","userCompanyId","startAdornment","endAdornment","customContent","setComment","onSave","comment","classes","wrapperRef","useRef","_jsxs","ref","children","_jsx","PostInput","onChange","filePreviewWrapperClass","className","onKeyDown","e","key","shiftKey","isSuggestionsListOpened","preventDefault","suggestionsPortalHost","current","allowSuggestionsAboveCursor","propTypes","node","number","isRequired","func","bool","shape","defaultProps","undefined"],"mappings":"szrBAOA,IAAMA,EAAYC,EAAW,CAC3BC,UAAW,CAAEC,cAAe,GAC5BC,mBAAoB,SAAAC,GAAc,MAAQ,CACxCC,MAAO,OACPC,WAAY,EACZC,YAHqBC,YAGI,IAAM,IAChC,IAEH,SAASC,EASNC,GAAA,IARDC,IAAAA,cACAC,IAAAA,eACAC,IAAAA,aACAC,IAAAA,cACAC,IAAAA,WACAP,IAAAA,YACAQ,IAAAA,OACAC,IAAAA,QAEMC,EAAUnB,EAAU,CAAES,YAAAA,IACtBW,EAAaC,IASnB,OACEC,EAAA,MAAA,CAAKC,IAAKH,EAAWI,SAAA,CAClBX,EAEAE,GACCU,EAACC,EAAS,CACRd,cAAeA,EACfe,SAAUX,EACVY,wBAAyBT,EAAQf,mBACjCyB,UAAWV,EAAQjB,UACnBO,YAAaA,EACbqB,UAlBU,SAAAC,GACF,UAAVA,EAAEC,KAAoBD,EAAEE,UAAaC,MACvCH,EAAEI,iBACFlB,EAAOC,KAgBHkB,sBAAuBhB,EAAWiB,QAClCC,6BAA2B,IAI9BxB,IAGP,CAEAJ,EAAQ6B,UAAY,CAClB1B,eAAgB2B,EAChB1B,aAAc0B,EACdzB,cAAeyB,EACf5B,cAAe6B,EAAOC,WACtB1B,WAAY2B,EACZ1B,OAAQ0B,EACRlC,YAAamC,EACb1B,QAAS2B,KAGXnC,EAAQoC,aAAe,CACrBjC,eAAgB,KAChBC,aAAc,KACdC,cAAe,KACfC,WAAY,WAAe,EAC3BC,OAAQ,WAAe,EACvBR,aAAa,EACbS,aAAS6B"}

package/components/AdvancedSlider/AdvancedSlider.js

@@ -0,0 +1,2 @@
+import{__rest as t,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as i,jsxs as n}from"react/jsx-runtime";import{useRef as o,useState as a,useEffect as r,useMemo as d}from"react";import{Resizable as l}from"re-resizable";import{withSize as h}from"react-sizeme";import s from"classnames";import{useThrottledCallback as m}from"../shared/useThrottledCallback.js";import{Handle as c}from"./Handle.js";import{HandleIcon as u}from"./icons/HandleIcon.js";import{getSizedControls as v}from"./utils.js";import{useSliderStyles as f}from"./styles/sliderStyles.js";import"./styles/handleStyles.js";import{INPUT_WIDTH as p,INPUT_HEIGHT as g,INNER_GAP as w,MIN_ARROW_GAP as b,VERTICAL_MIN_GAP as y,HORIZONTAL_MIN_GAP as H,HORIZONTAL_ORIENTATION as z,VERTICAL_ORIENTATION as x}from"./constants.js";var M="twoValuesSliderDefault",S=function(h){var S,C,j,E=h.min,L=h.max,N=h.value,R=h.onChange,W=void 0===R?function(){}:R,_=h.orientation,B=void 0===_?z:_,F=h.valueFormatter,I=void 0===F?Math.floor:F,P=h.displayFormatter,O=void 0===P?function(t){return t}:P,A=h.editableHandles,X=void 0===A||A,Y=h.onStop,V=void 0===Y?function(){}:Y,D=h.reversed,T=void 0!==D&&D,k=h.handlePosition,q=h.handleClasses,G=void 0===q?{}:q,J=h.minimal,K=void 0!==J&&J,Q=h.dimension,U=void 0===Q?"small":Q,Z=t(h,["min","max","value","onChange","orientation","valueFormatter","displayFormatter","editableHandles","onStop","reversed","handlePosition","handleClasses","minimal","dimension"]).size,$=void 0===Z?{}:Z,tt=f(),et=o(null),it=o(null),nt=B===z,ot=B===x,at=K?$:e(e({},$),{width:nt?$.width-2*p:$.width,height:ot?$.height-2*g:$.height}),rt=a([I(null==N?void 0:N.at(0)),I(null==N?void 0:N.at(1))]),dt=rt[0],lt=rt[1],ht=o(null),st=a(!1),mt=st[0],ct=st[1],ut=dt[0],vt=dt[1],ft=v({isHorizontalOrientation:nt,size:at,max:L,min:E,tail:vt,head:ut}),pt=ft.headMaxWidth,gt=ft.tailMaxWidth,wt=ft.headMaxHeight,bt=ft.tailMaxHeight;r((function(){if(!ht.current){var t=[I(null==N?void 0:N.at(0)),I(null==N?void 0:N.at(1))],e=Math.min.apply(Math,t),i=Math.max.apply(Math,t);lt([e,i])}}),[null==N?void 0:N.at(0),null==N?void 0:N.at(1)]),r((function(){if(nt){var t=at.width/(L-E)*(ut-E),e=at.width/(L-E)*(L-vt);et.current.updateSize({width:T?e:t,height:at.height}),it.current.updateSize({width:T?t:e,height:at.height})}else if(ot){var i=at.height/(L-E)*(ut-E),n=at.height/(L-E)*(L-vt);et.current.updateSize({width:at.width,height:T?n:i}),it.current.updateSize({width:at.width,height:T?i:n})}}),[E,L,ut,vt,at.width,at.height,B]),r((function(){var t=function(){document.removeEventListener("mousemove",Mt),document.removeEventListener("mouseup",St),document.removeEventListener("touchmove",Ct),document.removeEventListener("touchend",jt)};return mt?(document.addEventListener("mousemove",Mt),document.addEventListener("mouseup",St),document.addEventListener("touchmove",Ct),document.addEventListener("touchend",jt)):(t(),V()),function(){t()}}),[mt]);var yt=m((function(t,e,i){ht.current="onResize Event";var n=i.clientWidth,o=i.clientHeight,a=ut,r=vt;"right"===e?T?r=I(L-n/at.width*(L-E)):a=I(E+n/at.width*(L-E)):"left"===e?T?a=I(E+n/at.width*(L-E)):r=I(L-n/at.width*(L-E)):"bottom"===e?T?r=I(L-o/at.height*(L-E)):a=I(E+o/at.height*(L-E)):"top"===e&&(T?a=I(E+o/at.height*(L-E)):r=I(L-o/at.height*(L-E))),a=Math.min(a,vt),r=Math.max(r,ut),lt([a,r]),W([a,r])})),Ht=m((function(){ht.current=null,V()})),zt=function(t,e){ht.current={xPos:t,yPos:e,head:ut,tail:vt}},xt=function(t,e){if(ht.current){var i=void 0;nt?i=(ht.current.xPos-t)/at.width*(L-E):ot&&(i=(ht.current.yPos-e)/at.height*(L-E));var n=ht.current.head-i*(T?-1:1),o=ht.current.tail-i*(T?-1:1),a=ht.current.tail-ht.current.head,r=void 0,d=void 0;n<=E?(r=E,d=E+a):o>=L?(r=L-a,d=L):(r=n,d=o),r=I(r),d=I(d),lt([r,d]),W([r,d])}},Mt=m((function(t){xt(t.clientX,t.clientY)})),St=m((function(){ht.current=null,ct(!1)})),Ct=m((function(t){xt(t.touches[0].pageX,t.touches[0].pageY)})),jt=m((function(){ht.current=null,ct(!1)})),Et=m((function(t){lt([t,vt]),W([t,vt]),V()})),Lt=m((function(t){lt([ut,t]),W([ut,t]),V()})),Nt=d((function(){return(vt-ut)/(L-E)*(ot?at.height:at.width)<30}),[E,L,ut,vt]),Rt=d((function(){return(vt-ut)/(L-E)*(ot?at.height:at.width)<w}),[E,L,ut,vt]),Wt=d((function(){var t=ot?at.height:at.width,e=t/(L-E),i=function(t){return(t-E)*e},n=i(ut),o=t-i(vt);return{isLeftArrowInvisible:T?o<b:n<b,isRightArrowInvisible:T?n<b:o<b,distance:(vt-ut)/(L-E)*t-(ot?y:H)}}),[E,L,ut,vt,T]),_t=function(t){var n={min:E,max:vt,value:ut,onChange:Et},o={min:ut,max:L,value:vt,onChange:Lt};return"head"===t?i(c,e({"data-testid":"".concat(M,"_handle_top"),placement:"head",dimension:U,readOnly:!X,isInsideArrowsVisible:Rt,arrowsOutsideConfig:Wt,displayFormatter:O,orientation:B,classes:G,minimal:K},T?o:n)):"tail"===t?i(c,e({"data-testid":"".concat(M,"_handle_bottom"),placement:"tail",dimension:U,readOnly:!X,isInsideArrowsVisible:Rt,arrowsOutsideConfig:Wt,displayFormatter:O,orientation:B,classes:G,minimal:K},T?n:o)):null};return i("div",{className:s(tt.rootWrapper,tt["".concat(B,"-").concat(U)],(S={},S[tt.rootMinimal]=K,S)),children:n("div",{className:s(tt.root,(C={},C[tt.horizontalRoot]=nt,C[tt.verticalRoot]=ot,C[tt.minimal]=K,C)),children:[i(l,{className:tt.resizable,ref:et,minHeight:0,minWidth:0,maxWidth:T?gt:pt,maxHeight:T?bt:wt,enable:{right:nt,bottom:ot},handleComponent:{right:_t("head"),bottom:_t("head")},onResize:yt,onResizeStop:Ht}),i("div",{className:tt.body,"data-testid":"slider-body",onMouseDown:function(t){zt(t.clientX,t.clientY),ct(!0)},onTouchStart:function(t){zt(t.touches[0].pageX,t.touches[0].pageY),ct(!0)},children:i("div",Nt?{className:s((j={},j[tt.horizontalBodyHandle]=nt,j[tt.verticalBodyHandle]=ot,j[tt.leftBodyHandle]="left"===k,j[tt.rightBodyHandle]="right"===k,j[tt.topBodyHandle]="top"===k,j[tt.bottomBodyHandle]="bottom"===k,j)),children:i("div",{className:tt.bodyHandle,"data-testid":"".concat(M,"_handle"),children:i(u,{orientation:"vertical",minimal:K})})}:{className:tt.bodyHandleIcon,"data-testid":"".concat(M,"_handle"),children:i(u,{orientation:B,minimal:K})})}),i(l,{className:tt.resizable,ref:it,minHeight:0,minWidth:0,enable:{left:nt,top:ot},handleComponent:{left:_t("tail"),top:_t("tail")},onResize:yt,onResizeStop:Ht})]})})},C=h({monitorWidth:!0,monitorHeight:!0})(S);export{S as AdvancedSlider,C as default};
+//# sourceMappingURL=AdvancedSlider.js.map

package/components/AdvancedSlider/AdvancedSlider.js.map

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

package/components/AdvancedSlider/Handle.js

@@ -0,0 +1,2 @@
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as i,useRef as n,useEffect as c}from"react";import{Input as t}from"@material-ui/core";import e from"classnames";import"./styles/sliderStyles.js";import{useHandleStyles as r}from"./styles/handleStyles.js";import{getIsInputValueValid as m,getValidatedValue as l}from"./utils.js";import{HOVER_AREA_WIDTH_BY_DIMENSION as a,HOVER_AREA_HEIGHT as u,HORIZONTAL_ORIENTATION as d,VERTICAL_ORIENTATION as p,HEAD_PLACEMENT as I}from"./constants.js";import{LeftIcon as j,RightIcon as v}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{jsxs as h,jsx as f}from"react/jsx-runtime";var A=function(A){var b,F,C,R,g=A.value,H=A.orientation,w=A.placement,y=A.dimension,E=A.readOnly,N=A.onChange,k=A.min,O=A.max,x=A.displayFormatter,T=A.isInsideArrowsVisible,z=A.arrowsOutsideConfig,P=A.classes,S=A.minimal,M=A["data-testid"],G=i(!1),_=s(G,2),D=_[0],L=_[1],U=i(g),W=s(U,2),q=W[0],B=W[1],V=i(!1),K=s(V,2),X=K[0],Z=K[1],J=n(null),Q=H===d,Y=H===p,$=w===I,oo=(E||!X)&&Boolean(x),so=r({distance:null==z?void 0:z.distance,minimal:S,hoverAreaHeight:Q?a[y]:u,hoverAreaWidth:Q?u:a[y]}),io=function(o){if(!E){var s=Number(o);m(s)?N(l(s,k,O)):L(!0)}};return c((function(){B(g),D&&L(!1)}),[g]),h("div",{className:e(so.root,P.handleRoot,so[y],(b={},o(b,so.horizontalHeadRoot,Q&&$),o(b,so.horizontalTailRoot,Q&&!$),o(b,so.verticalHeadRoot,Y&&$),o(b,so.verticalTailRoot,Y&&!$),o(b,so.minimalHandleRoot,S),b)),children:[f(j,{size:16,className:e(so.leftArrow,(F={},o(F,so.reversedLeftArrow,Y),o(F,so.isInvisible,T&&!$||$&&(null==z?void 0:z.isLeftArrowInvisible)),F)),fill:"white"}),f("div",{className:e(so.handle,P.handle,(C={},o(C,so.horizontalHeadHandle,Q&&$),o(C,so.horizontalTailHandle,Q&&!$),o(C,so.verticalHeadHandle,Y&&$),o(C,so.verticalTailHandle,Y&&!$),o(C,so.minimalHandle,S),o(C,so.minimalVerticalHandle,S&&Y),C)),"data-testid":M,children:!S&&f(t,{inputProps:{"data-testid":"handle-input"},readOnly:E,inputRef:J,onKeyDown:function(o){var s=o.keyCode,i=o.target;13===s&&io(i.value)},onFocus:function(){Z(!0)},onBlur:function(o){var s=o.target;io(s.value),Z(!1)},classes:{root:e(so.inputRoot,D&&so.hasError)},value:oo?x(q):q,onChange:function(o){var s=o.target.value;(function(o){var s,i,n=null==o||null===(s=o.target)||void 0===s?void 0:s.value,c=n?parseFloat(n):0,t=c>=Number.MIN_SAFE_INTEGER&&c<Number.MAX_SAFE_INTEGER,e=null==o||null===(i=o.nativeEvent)||void 0===i?void 0:i.data,r=n.split(".").length-1;return!t||!(!e||"."===e||"-"===e||e>="0"&&e<="9")||r>1||"-"===e&&""===n})(o)||(B(s),D&&L(!1))},disableUnderline:!0,error:!(Number.isFinite(+q)&&+q>=k&&+q<=O)})}),f(v,{size:16,className:e(so.rightArrow,(R={},o(R,so.reversedRightArrow,Y),o(R,so.isInvisible,T&&$||!$&&(null==z?void 0:z.isRightArrowInvisible)),R)),fill:"white"})]})};export{A as Handle};
+//# sourceMappingURL=Handle.js.map

package/components/AdvancedSlider/Handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Handle.js","sources":["../../../src/components/AdvancedSlider/Handle.js"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { useEffect, useRef, useState } from 'react';\nimport { Input } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { useHandleStyles } from './styles';\nimport { getIsInputValueValid, getValidatedValue } from './utils';\nimport {\n  HEAD_PLACEMENT,\n  HORIZONTAL_ORIENTATION,\n  HOVER_AREA_HEIGHT,\n  HOVER_AREA_WIDTH_BY_DIMENSION,\n  VERTICAL_ORIENTATION,\n} from './constants';\n\nimport { LeftIcon, RightIcon } from '~/icons';\n\nconst isBuggySymbolEntered = event => {\n  const value = event?.target?.value;\n  const floatValue = value ? parseFloat(value) : 0;\n  const isValidValue =\n    floatValue >= Number.MIN_SAFE_INTEGER && floatValue < Number.MAX_SAFE_INTEGER;\n  const char = event?.nativeEvent?.data;\n  const pointCount = value.split('.').length - 1;\n  const isValidChar = !char || char === '.' || char === '-' || (char >= '0' && char <= '9');\n  const isNotValidMinus = char === '-' && value === '';\n  return !isValidValue || !isValidChar || pointCount > 1 || isNotValidMinus;\n};\n\n/*\ninterface HandleProps {\n  value: number | string;\n  orientation: 'vertical' | 'horizontal';\n  placement: 'head' | 'tail';\n  onChange: (newValue: number) => void;\n  min: number;\n  max: number;\n  minimal?: boolean;\n}\n*/\nexport const Handle = ({\n  value,\n  orientation,\n  placement,\n  dimension,\n  readOnly,\n  onChange,\n  min,\n  max,\n  displayFormatter,\n  isInsideArrowsVisible,\n  arrowsOutsideConfig,\n  classes,\n  minimal,\n  'data-testid': dataTestId,\n}) => {\n  const [hasError, setHasError] = useState(false);\n  const [internal, setInternal] = useState(value);\n  const [isFocused, setIsFocused] = useState(false);\n  const inputRef = useRef(null);\n  const isHorizontalOrientation = orientation === HORIZONTAL_ORIENTATION;\n  const isVerticalOrientation = orientation === VERTICAL_ORIENTATION;\n  const isHeadPlacement = placement === HEAD_PLACEMENT;\n  const showFormatedValue = (readOnly || !isFocused) && Boolean(displayFormatter);\n\n  const styles = useHandleStyles({\n    distance: arrowsOutsideConfig?.distance,\n    minimal,\n    hoverAreaHeight: isHorizontalOrientation\n      ? HOVER_AREA_WIDTH_BY_DIMENSION[dimension]\n      : HOVER_AREA_HEIGHT,\n    hoverAreaWidth: isHorizontalOrientation\n      ? HOVER_AREA_HEIGHT\n      : HOVER_AREA_WIDTH_BY_DIMENSION[dimension],\n  });\n\n  const onChangeValue = e => {\n    const newValue = e.target.value;\n    if (isBuggySymbolEntered(e)) {\n      return;\n    }\n\n    setInternal(newValue);\n    if (hasError) setHasError(false);\n  };\n\n  const handleKeyDown = ({ keyCode, target }) => {\n    if (keyCode !== 13) return;\n    handleValueSubmit(target.value);\n  };\n\n  const handleFocus = () => {\n    setIsFocused(true);\n  };\n\n  const handleBlur = ({ target }) => {\n    handleValueSubmit(target.value);\n    setIsFocused(false);\n  };\n\n  const handleValueSubmit = value => {\n    if (readOnly) {\n      return;\n    }\n\n    const formattedValue = Number(value);\n    const isInputValid = getIsInputValueValid(formattedValue);\n    if (!isInputValid) {\n      setHasError(true);\n      return;\n    }\n\n    onChange(getValidatedValue(formattedValue, min, max));\n  };\n\n  useEffect(() => {\n    setInternal(value);\n    if (hasError) setHasError(false);\n  }, [value]);\n\n  return (\n    <div\n      className={classnames(styles.root, classes.handleRoot, styles[dimension], {\n        [styles.horizontalHeadRoot]: isHorizontalOrientation && isHeadPlacement,\n        [styles.horizontalTailRoot]: isHorizontalOrientation && !isHeadPlacement,\n        [styles.verticalHeadRoot]: isVerticalOrientation && isHeadPlacement,\n        [styles.verticalTailRoot]: isVerticalOrientation && !isHeadPlacement,\n        [styles.minimalHandleRoot]: minimal,\n      })}\n    >\n      <LeftIcon\n        size={16}\n        className={classnames(styles.leftArrow, {\n          [styles.reversedLeftArrow]: isVerticalOrientation,\n          [styles.isInvisible]:\n            (isInsideArrowsVisible && !isHeadPlacement) ||\n            (isHeadPlacement && arrowsOutsideConfig?.isLeftArrowInvisible),\n        })}\n        fill=\"white\"\n      />\n\n      <div\n        className={classnames(styles.handle, classes.handle, {\n          [styles.horizontalHeadHandle]: isHorizontalOrientation && isHeadPlacement,\n          [styles.horizontalTailHandle]: isHorizontalOrientation && !isHeadPlacement,\n          [styles.verticalHeadHandle]: isVerticalOrientation && isHeadPlacement,\n          [styles.verticalTailHandle]: isVerticalOrientation && !isHeadPlacement,\n          [styles.minimalHandle]: minimal,\n          [styles.minimalVerticalHandle]: minimal && isVerticalOrientation,\n        })}\n        data-testid={dataTestId}\n      >\n        {!minimal && (\n          <Input\n            inputProps={{\n              'data-testid': 'handle-input',\n            }}\n            readOnly={readOnly}\n            inputRef={inputRef}\n            onKeyDown={handleKeyDown}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            classes={{\n              root: classnames(styles.inputRoot, hasError && styles.hasError),\n            }}\n            value={showFormatedValue ? displayFormatter(internal) : internal}\n            onChange={onChangeValue}\n            disableUnderline\n            error={!(Number.isFinite(+internal) && +internal >= min && +internal <= max)}\n          />\n        )}\n      </div>\n\n      <RightIcon\n        size={16}\n        className={classnames(styles.rightArrow, {\n          [styles.reversedRightArrow]: isVerticalOrientation,\n          [styles.isInvisible]:\n            (isInsideArrowsVisible && isHeadPlacement) ||\n            (!isHeadPlacement && arrowsOutsideConfig?.isRightArrowInvisible),\n        })}\n        fill=\"white\"\n      />\n    </div>\n  );\n};\n"],"names":["Handle","_ref","_classnames","_classnames2","_classnames3","_classnames4","value","orientation","placement","dimension","readOnly","onChange","min","max","displayFormatter","isInsideArrowsVisible","arrowsOutsideConfig","classes","minimal","dataTestId","useState","_useState2","_slicedToArray","_useState","hasError","setHasError","_useState4","_useState3","internal","setInternal","_useState6","_useState5","isFocused","setIsFocused","inputRef","useRef","isHorizontalOrientation","HORIZONTAL_ORIENTATION","isVerticalOrientation","VERTICAL_ORIENTATION","isHeadPlacement","HEAD_PLACEMENT","showFormatedValue","Boolean","styles","useHandleStyles","distance","hoverAreaHeight","HOVER_AREA_WIDTH_BY_DIMENSION","HOVER_AREA_HEIGHT","hoverAreaWidth","handleValueSubmit","formattedValue","Number","getIsInputValueValid","getValidatedValue","useEffect","_jsxs","className","classnames","root","handleRoot","horizontalHeadRoot","horizontalTailRoot","verticalHeadRoot","verticalTailRoot","minimalHandleRoot","children","_jsx","LeftIcon","size","leftArrow","_defineProperty","reversedLeftArrow","isInvisible","isLeftArrowInvisible","fill","handle","horizontalHeadHandle","horizontalTailHandle","verticalHeadHandle","verticalTailHandle","minimalHandle","minimalVerticalHandle","Input","inputProps","onKeyDown","_ref2","keyCode","target","onFocus","onBlur","_ref3","inputRoot","e","newValue","event","_event$target","_event$nativeEvent","floatValue","parseFloat","isValidValue","MIN_SAFE_INTEGER","MAX_SAFE_INTEGER","char","nativeEvent","data","pointCount","split","length","isBuggySymbolEntered","disableUnderline","error","isFinite","RightIcon","rightArrow","reversedRightArrow","isRightArrowInvisible"],"mappings":"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"}

package/components/AdvancedSlider/constants.js

@@ -0,0 +1,2 @@
+import e from"@babel/runtime/helpers/defineProperty";var l,r=/^[0-9.-]*$/,m="vertical",a="horizontal",i="head",o=47,t=20,d=12,p=24,s=90,u=48,g={small:"small",medium:"medium",large:"large"},h=(e(l={},g.small,40),e(l,g.medium,64),e(l,g.large,120),l),n=40;export{g as DIMENSION,i as HEAD_PLACEMENT,u as HORIZONTAL_MIN_GAP,a as HORIZONTAL_ORIENTATION,n as HOVER_AREA_HEIGHT,h as HOVER_AREA_WIDTH_BY_DIMENSION,p as INNER_GAP,t as INPUT_HEIGHT,r as INPUT_VALUE_REGEX,o as INPUT_WIDTH,d as MIN_ARROW_GAP,s as VERTICAL_MIN_GAP,m as VERTICAL_ORIENTATION};
+//# sourceMappingURL=constants.js.map

package/components/AdvancedSlider/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/AdvancedSlider/constants.js"],"sourcesContent":["export const INPUT_VALUE_REGEX = /^[0-9.-]*$/;\n\nexport const VERTICAL_ORIENTATION = 'vertical';\nexport const HORIZONTAL_ORIENTATION = 'horizontal';\nexport const HEAD_PLACEMENT = 'head';\n\nexport const INPUT_WIDTH = 47;\nexport const INPUT_HEIGHT = 20;\nexport const MIN_ARROW_GAP = 12;\nexport const INNER_GAP = 24;\n\nexport const VERTICAL_MIN_GAP = 90;\nexport const HORIZONTAL_MIN_GAP = 48;\n\nexport const DIMENSION = {\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n};\n\nexport const HOVER_AREA_WIDTH_BY_DIMENSION = {\n  [DIMENSION.small]: 40,\n  [DIMENSION.medium]: 64,\n  [DIMENSION.large]: 120,\n};\n\nexport const HOVER_AREA_HEIGHT = 40;\n"],"names":["INPUT_VALUE_REGEX","VERTICAL_ORIENTATION","HORIZONTAL_ORIENTATION","HEAD_PLACEMENT","INPUT_WIDTH","INPUT_HEIGHT","MIN_ARROW_GAP","INNER_GAP","VERTICAL_MIN_GAP","HORIZONTAL_MIN_GAP","DIMENSION","small","medium","large","HOVER_AREA_WIDTH_BY_DIMENSION","_HOVER_AREA_WIDTH_BY_","HOVER_AREA_HEIGHT"],"mappings":"2DAAaA,EAAoB,aAEpBC,EAAuB,WACvBC,EAAyB,aACzBC,EAAiB,OAEjBC,EAAc,GACdC,EAAe,GACfC,EAAgB,GAChBC,EAAY,GAEZC,EAAmB,GACnBC,EAAqB,GAErBC,EAAY,CACvBC,MAAO,QACPC,OAAQ,SACRC,MAAO,SAGIC,GACVJ,EAAAA,EAAAA,CAAAA,EAAAA,EAAUC,MAAQ,IAClBD,EAAAA,EAAAA,EAAUE,OAAS,IACnBF,EAAAA,EAAAA,EAAUG,MAAQ,KACpBE,GAEYC,EAAoB"}

package/components/AdvancedSlider/icons/HandleIcon.js

@@ -0,0 +1,2 @@
+import{jsx as t,jsxs as h}from"react/jsx-runtime";var i=function(i){var e=i.orientation;return i.minimal?"horizontal"===e?t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"20",viewBox:"0 -2 16 16",fill:"none",children:t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.33333 4L4 4L4 12L5.33333 12L5.33333 4ZM8.66659 4L8.66659 12L7.33325 12L7.33325 4L8.66659 4ZM12.0001 4L12.0001 12L10.6667 12L10.6667 4L12.0001 4Z",fill:"white"})}):h("svg",{width:"12",height:"7",viewBox:"0 0 12 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("rect",{width:"12",height:"1"}),t("rect",{y:"3",width:"12",height:"1"}),t("rect",{y:"6",width:"12",height:"1"})]}):h("svg","horizontal"===e?{width:"8",height:"13",viewBox:"0 0 8 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("rect",{x:"7.5",y:"0.5",width:"12",height:"1",transform:"rotate(90 7.5 0.5)"}),t("rect",{x:"4.5",y:"0.5",width:"12",height:"1",transform:"rotate(90 4.5 0.5)"}),t("rect",{x:"1.5",y:"0.5",width:"12",height:"1",transform:"rotate(90 1.5 0.5)"})]}:{width:"12",height:"7",viewBox:"0 0 12 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("rect",{width:"12",height:"1"}),t("rect",{y:"3",width:"12",height:"1"}),t("rect",{y:"6",width:"12",height:"1"})]})};export{i as HandleIcon};
+//# sourceMappingURL=HandleIcon.js.map

package/components/AdvancedSlider/icons/HandleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HandleIcon.js","sources":["../../../../src/components/AdvancedSlider/icons/HandleIcon.js"],"sourcesContent":["export const HandleIcon = ({ orientation, minimal }) => {\n  if (minimal) {\n    return orientation === 'horizontal' ? (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"20\"\n        viewBox=\"0 -2 16 16\"\n        fill=\"none\"\n      >\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M5.33333 4L4 4L4 12L5.33333 12L5.33333 4ZM8.66659 4L8.66659 12L7.33325 12L7.33325 4L8.66659 4ZM12.0001 4L12.0001 12L10.6667 12L10.6667 4L12.0001 4Z\"\n          fill=\"white\"\n        />\n      </svg>\n    ) : (\n      <svg width=\"12\" height=\"7\" viewBox=\"0 0 12 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <rect width=\"12\" height=\"1\" />\n        <rect y=\"3\" width=\"12\" height=\"1\" />\n        <rect y=\"6\" width=\"12\" height=\"1\" />\n      </svg>\n    );\n  }\n  return orientation === 'horizontal' ? (\n    <svg width=\"8\" height=\"13\" viewBox=\"0 0 8 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect x=\"7.5\" y=\"0.5\" width=\"12\" height=\"1\" transform=\"rotate(90 7.5 0.5)\" />\n      <rect x=\"4.5\" y=\"0.5\" width=\"12\" height=\"1\" transform=\"rotate(90 4.5 0.5)\" />\n      <rect x=\"1.5\" y=\"0.5\" width=\"12\" height=\"1\" transform=\"rotate(90 1.5 0.5)\" />\n    </svg>\n  ) : (\n    <svg width=\"12\" height=\"7\" viewBox=\"0 0 12 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect width=\"12\" height=\"1\" />\n      <rect y=\"3\" width=\"12\" height=\"1\" />\n      <rect y=\"6\" width=\"12\" height=\"1\" />\n    </svg>\n  );\n};\n"],"names":["HandleIcon","_ref","orientation","minimal","_jsx","xmlns","width","height","viewBox","fill","children","fillRule","clipRule","d","_jsxs","y","x","transform"],"mappings":"kDAAaA,IAAAA,EAAa,SAA8BC,GAAA,IAA3BC,IAAAA,YAC3B,SADwCC,QAEf,eAAhBD,EACLE,EAAA,MAAA,CACEC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,aACRC,KAAK,OAAMC,SAEXN,EAAA,OAAA,CACEO,SAAS,UACTC,SAAS,UACTC,EAAE,sJACFJ,KAAK,YAITK,EAAA,MAAA,CAAKR,MAAM,KAAKC,OAAO,IAAIC,QAAQ,WAAWC,KAAK,OAAOJ,MAAM,6BAA4BK,SAC1F,CAAAN,EAAA,OAAA,CAAME,MAAM,KAAKC,OAAO,MACxBH,EAAA,OAAA,CAAMW,EAAE,IAAIT,MAAM,KAAKC,OAAO,MAC9BH,EAAA,OAAA,CAAMW,EAAE,IAAIT,MAAM,KAAKC,OAAO,SAKlCO,EAAA,MADqB,eAAhBZ,EACL,CAAKI,MAAM,IAAIC,OAAO,KAAKC,QAAQ,WAAWC,KAAK,OAAOJ,MAAM,6BAA4BK,SAC1F,CAAAN,EAAA,OAAA,CAAMY,EAAE,MAAMD,EAAE,MAAMT,MAAM,KAAKC,OAAO,IAAIU,UAAU,uBACtDb,EAAA,OAAA,CAAMY,EAAE,MAAMD,EAAE,MAAMT,MAAM,KAAKC,OAAO,IAAIU,UAAU,uBACtDb,EAAA,OAAA,CAAMY,EAAE,MAAMD,EAAE,MAAMT,MAAM,KAAKC,OAAO,IAAIU,UAAU,yBAGxD,CAAKX,MAAM,KAAKC,OAAO,IAAIC,QAAQ,WAAWC,KAAK,OAAOJ,MAAM,6BAA4BK,SAC1F,CAAAN,EAAA,OAAA,CAAME,MAAM,KAAKC,OAAO,MACxBH,EAAA,OAAA,CAAMW,EAAE,IAAIT,MAAM,KAAKC,OAAO,MAC9BH,EAAA,OAAA,CAAMW,EAAE,IAAIT,MAAM,KAAKC,OAAO,QAGpC"}

package/components/AdvancedSlider/styles/handleStyles.js

@@ -0,0 +1,2 @@
+import r from"@babel/runtime/helpers/defineProperty";import{makeStyles as t}from"@material-ui/core";import{getHoverAreaSize as i}from"../utils.js";function e(r,t){var i=Object.keys(r);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(r);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),i.push.apply(i,e)}return i}function o(t){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?e(Object(o),!0).forEach((function(i){r(t,i,o[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):e(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}var n={minWidth:47,height:20,borderRadius:4},a=t((function(r){var t=r.isLightTheme,e=r.palette;return{root:{fontSize:"12px",position:"absolute","&:hover":{borderColor:e.primary.main},"&:active":{borderColor:e.primary.main},"&:hover $handle":{borderColor:e.primary.main},"&:active $handle":{background:e.primary.dark,borderColor:e.primary.main},"&:hover $inputRoot:not($hasError)":{background:e.primary.dark,border:"1px solid ".concat(e.primary.main)},"&:hover $inputRoot $hasError":{background:"".concat(e.background.b6," !important"),border:"1px solid ".concat(e.primary.main)},"&:active $inputRoot":{background:e.primary.dark,border:"1px solid ".concat(e.primary.main)},display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","&:hover $leftArrow, &:active $leftArrow":{visibility:"visible"},"&:hover $rightArrow, &:active $rightArrow":{visibility:"visible"}},hasError:{border:"1px solid ".concat(e.error.main," !important"),"&.Mui-focused":{background:"".concat(e.background.b6," !important")},"&:hover":{background:e.background.b6},"&:hover $inputRoot":{background:e.background.b6}},horizontalHeadRoot:{top:0,bottom:0,right:5},horizontalTailRoot:{top:0,bottom:0,left:5},verticalHeadRoot:{left:0,right:0,bottom:5},verticalTailRoot:{left:0,right:0,top:5},handle:{position:"relative",background:t?"#B1B1B1":"#414141","& > p":{fontSize:"12px",textAlign:"center",lineHeight:"20px"},display:"flex",alignItems:"center",justifyContent:"center","&:before":{position:"absolute",left:"50%",top:"50%",height:function(r){var t=r.distance,e=r.hoverAreaHeight;return i({initialSize:e,distance:t})},width:function(r){var t=r.distance,e=r.hoverAreaWidth;return i({distance:t,initialSize:e})},content:'""',transform:"translate(-50%, -50%)",zIndex:100}},horizontalHeadHandle:function(r){return r.minimal?o(o({},n),{},{borderRadius:"unset",borderTopLeftRadius:2,borderBottomLeftRadius:2}):n},horizontalTailHandle:function(r){return r.minimal?o(o({},n),{},{borderRadius:"unset",borderTopRightRadius:2,borderBottomRightRadius:2}):n},verticalHeadHandle:function(r){return r.minimal?o(o({},n),{},{borderRadius:"unset",borderTopLeftRadius:2,borderTopRightRadius:2}):n},verticalTailHandle:function(r){return r.minimal?o(o({},n),{},{borderRadius:"unset",borderBottomRightRadius:2,borderBottomLeftRadius:2}):n},inputRoot:{borderRadius:4,minWidth:47,zIndex:101,height:"20px",fontSize:"12px",border:"1px solid ".concat(e.primary.text9),"&:hover":{border:"1px solid ".concat(e.primary.main)},"&:active":{textDecoration:"underline"},"&::before":{borderWidth:0},"&::after":{borderWidth:"1px !important"},"& .MuiInputBase-input":{padding:0,height:"100%",textAlign:"center"},"&:hover::before":{borderWidth:"1px !important"},"&.Mui-focused":{textDecoration:"underline",background:e.primary.dark,border:"1px solid ".concat(e.primary.main)}},minimalHandle:{background:"".concat(e.primary.text9," !important"),width:"8px !important",minWidth:"8px !important",minHeight:18,height:"18px !important","& .MuiInput-underline.Mui-error:after":{border:0},"&:before":{width:"0px !important",height:"0px !important"},"& $horizontalHeadHandle":{borderRadius:"0px !important"}},medium:{"& $minimalHandle":{minHeight:"24px !important"},"& $minimalVerticalHandle":{minHeight:"8px !important",minWidth:"24px !important"}},large:{"& $minimalHandle":{minHeight:"48px !important"},"& $minimalVerticalHandle":{minHeight:"8px !important",minWidth:"48px !important"}},minimalVerticalHandle:{width:18,minWidth:"18px !important",minHeight:8,height:"8px !important"},minimalHandleRoot:{borderColor:e.primary.text9,zIndex:100,"&:not(:hover)":{border:"none"}},leftArrow:{visibility:"hidden",zIndex:101,position:"absolute",left:-16},rightArrow:{visibility:"hidden",zIndex:101,position:"absolute",right:-15},reversedLeftArrow:{left:"50%",transform:"translateX(-50%) rotate(90deg)",top:-16},reversedRightArrow:{left:"50%",transform:"translateX(-50%) rotate(90deg)",bottom:-15},isInvisible:{display:"none"}}}));export{a as useHandleStyles};
+//# sourceMappingURL=handleStyles.js.map

package/components/AdvancedSlider/styles/handleStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleStyles.js","sources":["../../../../src/components/AdvancedSlider/styles/handleStyles.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nimport { getHoverAreaSize } from '../utils';\n\nconst MIN_INPUT_WIDTH = 47;\nconst INPUT_HEIGHT = 20;\n\nconst MARKER_STYLES = {\n  minWidth: MIN_INPUT_WIDTH,\n  height: INPUT_HEIGHT,\n  borderRadius: 4,\n};\n\nexport const useHandleStyles = makeStyles(({ isLightTheme, palette }) => ({\n  root: {\n    fontSize: '12px',\n    position: 'absolute',\n    '&:hover': {\n      borderColor: palette.primary.main,\n    },\n    '&:active': {\n      borderColor: palette.primary.main,\n    },\n    '&:hover $handle': {\n      borderColor: palette.primary.main,\n    },\n    '&:active $handle': {\n      background: palette.primary.dark,\n      borderColor: palette.primary.main,\n    },\n    '&:hover $inputRoot:not($hasError)': {\n      background: palette.primary.dark,\n      border: `1px solid ${palette.primary.main}`,\n    },\n    '&:hover $inputRoot $hasError': {\n      background: `${palette.background.b6} !important`,\n      border: `1px solid ${palette.primary.main}`,\n    },\n    '&:active $inputRoot': {\n      background: palette.primary.dark,\n      border: `1px solid ${palette.primary.main}`,\n    },\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    '&:hover $leftArrow, &:active $leftArrow': {\n      visibility: 'visible',\n    },\n    '&:hover $rightArrow, &:active $rightArrow': {\n      visibility: 'visible',\n    },\n  },\n  hasError: {\n    border: `1px solid ${palette.error.main} !important`,\n    '&.Mui-focused': {\n      background: `${palette.background.b6} !important`,\n    },\n    '&:hover': {\n      background: palette.background.b6,\n    },\n    '&:hover $inputRoot': { background: palette.background.b6 },\n  },\n\n  horizontalHeadRoot: {\n    top: 0,\n    bottom: 0,\n    right: 5, // 5px by re-resizable\n  },\n  horizontalTailRoot: {\n    top: 0,\n    bottom: 0,\n    left: 5, // 5px by re-resizable\n  },\n  verticalHeadRoot: {\n    left: 0,\n    right: 0,\n    bottom: 5, // 5px by re-resizable\n  },\n  verticalTailRoot: {\n    left: 0,\n    right: 0,\n    top: 5, // 5px by re-resizable\n  },\n  handle: {\n    position: 'relative',\n    background: isLightTheme ? '#B1B1B1' : '#414141',\n    '& > p': {\n      fontSize: '12px',\n      textAlign: 'center',\n      lineHeight: '20px',\n    },\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    '&:before': {\n      position: 'absolute',\n      left: '50%',\n      top: '50%',\n      height: ({ distance, hoverAreaHeight }) =>\n        getHoverAreaSize({ initialSize: hoverAreaHeight, distance }),\n      width: ({ distance, hoverAreaWidth }) =>\n        getHoverAreaSize({ distance, initialSize: hoverAreaWidth }),\n      content: '\"\"',\n      transform: 'translate(-50%, -50%)',\n      zIndex: 100,\n    },\n  },\n  horizontalHeadHandle: ({ minimal }) =>\n    !minimal\n      ? MARKER_STYLES\n      : {\n          ...MARKER_STYLES,\n          borderRadius: 'unset',\n          borderTopLeftRadius: 2,\n          borderBottomLeftRadius: 2,\n        },\n  horizontalTailHandle: ({ minimal }) =>\n    !minimal\n      ? MARKER_STYLES\n      : {\n          ...MARKER_STYLES,\n          borderRadius: 'unset',\n          borderTopRightRadius: 2,\n          borderBottomRightRadius: 2,\n        },\n  verticalHeadHandle: ({ minimal }) =>\n    !minimal\n      ? MARKER_STYLES\n      : {\n          ...MARKER_STYLES,\n          borderRadius: 'unset',\n          borderTopLeftRadius: 2,\n          borderTopRightRadius: 2,\n        },\n  verticalTailHandle: ({ minimal }) =>\n    !minimal\n      ? MARKER_STYLES\n      : {\n          ...MARKER_STYLES,\n          borderRadius: 'unset',\n          borderBottomRightRadius: 2,\n          borderBottomLeftRadius: 2,\n        },\n  inputRoot: {\n    borderRadius: 4,\n    minWidth: MIN_INPUT_WIDTH,\n    zIndex: 101,\n    height: '20px',\n    fontSize: '12px',\n    border: `1px solid ${palette.primary.text9}`,\n    '&:hover': {\n      border: `1px solid ${palette.primary.main}`,\n    },\n    '&:active': {\n      textDecoration: 'underline',\n    },\n    '&::before': { borderWidth: 0 },\n    '&::after': { borderWidth: '1px !important' },\n    '& .MuiInputBase-input': {\n      padding: 0,\n      height: '100%',\n      textAlign: 'center',\n    },\n    '&:hover::before': {\n      borderWidth: '1px !important',\n    },\n    '&.Mui-focused': {\n      textDecoration: 'underline',\n      background: palette.primary.dark,\n      border: `1px solid ${palette.primary.main}`,\n    },\n  },\n  minimalHandle: {\n    background: `${palette.primary.text9} !important`,\n    width: '8px !important',\n    minWidth: '8px !important',\n    minHeight: 18,\n    height: '18px !important',\n    '& .MuiInput-underline.Mui-error:after': {\n      border: 0,\n    },\n    '&:before': {\n      width: '0px !important',\n      height: '0px !important',\n    },\n\n    '& $horizontalHeadHandle': {\n      borderRadius: '0px !important',\n    },\n  },\n  medium: {\n    '& $minimalHandle': {\n      minHeight: '24px !important',\n    },\n    '& $minimalVerticalHandle': {\n      minHeight: '8px !important',\n      minWidth: '24px !important',\n    },\n  },\n  large: {\n    '& $minimalHandle': {\n      minHeight: '48px !important',\n    },\n    '& $minimalVerticalHandle': {\n      minHeight: '8px !important',\n      minWidth: '48px !important',\n    },\n  },\n  minimalVerticalHandle: {\n    width: 18,\n    minWidth: '18px !important',\n    minHeight: 8,\n    height: '8px !important',\n  },\n  minimalHandleRoot: {\n    borderColor: palette.primary.text9,\n    zIndex: 100,\n    '&:not(:hover)': {\n      border: 'none',\n    },\n  },\n  leftArrow: {\n    visibility: 'hidden',\n    zIndex: 101,\n    position: 'absolute',\n    left: -16,\n  },\n  rightArrow: {\n    visibility: 'hidden',\n    zIndex: 101,\n    position: 'absolute',\n    right: -15,\n  },\n  reversedLeftArrow: {\n    left: '50%',\n    transform: 'translateX(-50%) rotate(90deg)',\n    top: -16,\n  },\n  reversedRightArrow: {\n    left: '50%',\n    transform: 'translateX(-50%) rotate(90deg)',\n    bottom: -15,\n  },\n  isInvisible: {\n    display: 'none',\n  },\n}));\n"],"names":["MARKER_STYLES","minWidth","height","borderRadius","useHandleStyles","makeStyles","_ref","isLightTheme","palette","root","fontSize","position","borderColor","primary","main","background","dark","border","b6","display","flexDirection","alignItems","justifyContent","visibility","hasError","error","horizontalHeadRoot","top","bottom","right","horizontalTailRoot","left","verticalHeadRoot","verticalTailRoot","handle","textAlign","lineHeight","_ref2","distance","hoverAreaHeight","getHoverAreaSize","initialSize","width","_ref3","hoverAreaWidth","content","transform","zIndex","horizontalHeadHandle","_ref4","minimal","borderTopLeftRadius","borderBottomLeftRadius","horizontalTailHandle","_ref5","borderTopRightRadius","borderBottomRightRadius","verticalHeadHandle","_ref6","verticalTailHandle","_ref7","inputRoot","text9","textDecoration","borderWidth","padding","minimalHandle","minHeight","medium","large","minimalVerticalHandle","minimalHandleRoot","leftArrow","rightArrow","reversedLeftArrow","reversedRightArrow","isInvisible"],"mappings":"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"}

package/components/AdvancedSlider/styles/sliderStyles.js

@@ -0,0 +1,2 @@
+import{makeStyles as t,fade as o}from"@material-ui/core";var e=t((function(t){return{rootWrapper:{position:"relative",width:"100%",height:"100%",zIndex:100},root:{position:"absolute",width:"100%",height:"100%",zIndex:100,"&:hover $bodyHandle":{visibility:"visible"}},horizontalRoot:{width:"calc(100% - 94px)",left:"47px",display:"flex",alignItems:"center","&::before, &::after":{zIndex:-2,position:"absolute",top:0,content:'""',backgroundColor:t.palette.background.b7,width:1,height:"100%"},"&::before":{left:0},"&::after":{right:0}},verticalRoot:{height:"calc(100% - 40px)",top:20,display:"flex",alignItems:"center",flexDirection:"column","&::before, &::after":{zIndex:-2,position:"absolute",left:0,content:'""',backgroundColor:t.palette.background.b7,width:"100%",height:1},"&::before":{top:0},"&::after":{bottom:0}},body:{position:"relative",flex:1,width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",color:"#BDBDBD",border:"1px solid ".concat(t.palette.primary.text9),borderRadius:4,"& svg":{fill:"currentColor"},"&:hover":{cursor:"grab",background:"#008BA366",color:"#FFFFFF"},"&:active":{cursor:"grabbing",background:"#008BA366"},"&:active $bodyHandleIcon":{visibility:"visible"},"&:hover $bodyHandleIcon":{visibility:"visible"}},horizontalBodyHandle:{position:"absolute",bottom:-24},verticalBodyHandle:{position:"absolute",left:-24,zIndex:111},leftBodyHandle:{position:"absolute",left:-24,right:"auto"},rightBodyHandle:{position:"absolute",right:-24,left:"auto"},topBodyHandle:{position:"absolute",top:-24,bottom:"auto"},bottomBodyHandle:{position:"absolute",bottom:-24,top:"auto"},bodyHandle:{zIndex:101,width:24,height:24,borderRadius:"50%",background:"#03BCD4",color:"#FFFFFF",display:"flex",alignItems:"center",justifyContent:"center",visibility:"hidden","&:before":{position:"absolute",left:"50%",top:"50%",height:32,width:24,content:'""',transform:"translate(-50%, -50%)",zIndex:1e3}},bodyHandleIcon:{visibility:"hidden"},rootMinimal:{borderRadius:4},minimal:{width:"100%",height:"100%",top:0,left:0,"&::before, &::after":{display:"none"},"& $body":{"&:hover":{background:"#008BA366"},margin:-1,width:"calc(100% + 2px)",height:"calc(100% + 2px)",backgroundColor:o(t.palette.background.b7,.1),border:"1px solid ".concat(t.palette.primary.text9),borderRadius:4}},resizable:{backgroundColor:"rgba(33,33,33,0.6)",zIndex:-1},"horizontal-small":{height:40},"horizontal-medium":{height:64},"horizontal-large":{height:120},"vertical-small":{width:40},"vertical-medium":{width:64},"vertical-large":{width:120}}}));export{e as useSliderStyles};
+//# sourceMappingURL=sliderStyles.js.map

package/components/AdvancedSlider/styles/sliderStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliderStyles.js","sources":["../../../../src/components/AdvancedSlider/styles/sliderStyles.js"],"sourcesContent":["import { fade, makeStyles } from '@material-ui/core';\n\nconst HANDLE_POSITION = -24;\n\nexport const useSliderStyles = makeStyles(theme => ({\n  rootWrapper: {\n    position: 'relative',\n    width: '100%',\n    height: '100%',\n    zIndex: 100,\n  },\n  root: {\n    position: 'absolute', // Set this to absolute to prevent sizeme growth\n    width: '100%',\n    height: '100%',\n    zIndex: 100,\n    '&:hover $bodyHandle': {\n      visibility: 'visible',\n    },\n  },\n  horizontalRoot: {\n    width: 'calc(100% - 94px)',\n    left: '47px',\n    display: 'flex',\n    alignItems: 'center',\n    '&::before, &::after': {\n      zIndex: -2,\n      position: 'absolute',\n      top: 0,\n      content: '\"\"',\n      backgroundColor: theme.palette.background.b7,\n      width: 1,\n      height: '100%',\n    },\n    '&::before': {\n      left: 0,\n    },\n    '&::after': {\n      right: 0,\n    },\n  },\n  verticalRoot: {\n    height: 'calc(100% - 40px)',\n    top: 20,\n    display: 'flex',\n    alignItems: 'center',\n    flexDirection: 'column',\n    '&::before, &::after': {\n      zIndex: -2,\n      position: 'absolute',\n      left: 0,\n      content: '\"\"',\n      backgroundColor: theme.palette.background.b7,\n      width: '100%',\n      height: 1,\n    },\n    '&::before': {\n      top: 0,\n    },\n    '&::after': {\n      bottom: 0,\n    },\n  },\n  body: {\n    position: 'relative',\n    flex: 1,\n    width: '100%',\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    userSelect: 'none',\n    color: '#BDBDBD',\n    border: `1px solid ${theme.palette.primary.text9}`,\n    borderRadius: 4,\n    '& svg': {\n      fill: 'currentColor',\n    },\n    '&:hover': {\n      cursor: 'grab',\n      background: '#008BA366',\n      color: '#FFFFFF',\n    },\n    '&:active': {\n      cursor: 'grabbing',\n      background: '#008BA366',\n    },\n    '&:active $bodyHandleIcon': {\n      visibility: 'visible',\n    },\n    '&:hover $bodyHandleIcon': {\n      visibility: 'visible',\n    },\n  },\n  horizontalBodyHandle: {\n    position: 'absolute',\n    bottom: HANDLE_POSITION,\n  },\n  verticalBodyHandle: {\n    position: 'absolute',\n    left: HANDLE_POSITION,\n    zIndex: 111,\n  },\n  leftBodyHandle: {\n    position: 'absolute',\n    left: HANDLE_POSITION,\n    right: 'auto',\n  },\n  rightBodyHandle: {\n    position: 'absolute',\n    right: HANDLE_POSITION,\n    left: 'auto',\n  },\n  topBodyHandle: {\n    position: 'absolute',\n    top: HANDLE_POSITION,\n    bottom: 'auto',\n  },\n  bottomBodyHandle: {\n    position: 'absolute',\n    bottom: HANDLE_POSITION,\n    top: 'auto',\n  },\n  bodyHandle: {\n    // NOTE: bodyHandle should be always visible, not overflowed by inputs\n    zIndex: 101,\n    width: 24,\n    height: 24,\n    borderRadius: '50%',\n    background: '#03BCD4',\n    color: '#FFFFFF',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    visibility: 'hidden',\n    '&:before': {\n      position: 'absolute',\n      left: '50%',\n      top: '50%',\n      height: 32,\n      width: 24,\n      content: '\"\"',\n      transform: 'translate(-50%, -50%)',\n      zIndex: 1000,\n    },\n  },\n  bodyHandleIcon: {\n    visibility: 'hidden',\n  },\n  rootMinimal: {\n    borderRadius: 4,\n  },\n  minimal: {\n    width: '100%',\n    height: '100%',\n    top: 0,\n    left: 0,\n    '&::before, &::after': {\n      display: 'none',\n    },\n\n    '& $body': {\n      '&:hover': {\n        background: '#008BA366',\n      },\n      margin: -1,\n      width: 'calc(100% + 2px)',\n      height: 'calc(100% + 2px)',\n      backgroundColor: fade(theme.palette.background.b7, 0.1),\n      border: `1px solid ${theme.palette.primary.text9}`,\n      borderRadius: 4,\n    },\n  },\n  resizable: {\n    backgroundColor: 'rgba(33,33,33,0.6)',\n    zIndex: -1,\n  },\n  'horizontal-small': {\n    height: 40,\n  },\n  'horizontal-medium': {\n    height: 64,\n  },\n  'horizontal-large': {\n    height: 120,\n  },\n  'vertical-small': {\n    width: 40,\n  },\n  'vertical-medium': {\n    width: 64,\n  },\n  'vertical-large': {\n    width: 120,\n  },\n}));\n"],"names":["useSliderStyles","makeStyles","theme","rootWrapper","position","width","height","zIndex","root","visibility","horizontalRoot","left","display","alignItems","top","content","backgroundColor","palette","background","b7","right","verticalRoot","flexDirection","bottom","body","flex","justifyContent","userSelect","color","border","concat","primary","text9","borderRadius","fill","cursor","horizontalBodyHandle","verticalBodyHandle","leftBodyHandle","rightBodyHandle","topBodyHandle","bottomBodyHandle","bodyHandle","transform","bodyHandleIcon","rootMinimal","minimal","margin","fade","resizable"],"mappings":"yDAEA,IAEaA,EAAkBC,GAAW,SAAAC,GAAK,MAAK,CAClDC,YAAa,CACXC,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,OAAQ,KAEVC,KAAM,CACJJ,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,OAAQ,IACR,sBAAuB,CACrBE,WAAY,YAGhBC,eAAgB,CACdL,MAAO,oBACPM,KAAM,OACNC,QAAS,OACTC,WAAY,SACZ,sBAAuB,CACrBN,QAAS,EACTH,SAAU,WACVU,IAAK,EACLC,QAAS,KACTC,gBAAiBd,EAAMe,QAAQC,WAAWC,GAC1Cd,MAAO,EACPC,OAAQ,QAEV,YAAa,CACXK,KAAM,GAER,WAAY,CACVS,MAAO,IAGXC,aAAc,CACZf,OAAQ,oBACRQ,IAAK,GACLF,QAAS,OACTC,WAAY,SACZS,cAAe,SACf,sBAAuB,CACrBf,QAAS,EACTH,SAAU,WACVO,KAAM,EACNI,QAAS,KACTC,gBAAiBd,EAAMe,QAAQC,WAAWC,GAC1Cd,MAAO,OACPC,OAAQ,GAEV,YAAa,CACXQ,IAAK,GAEP,WAAY,CACVS,OAAQ,IAGZC,KAAM,CACJpB,SAAU,WACVqB,KAAM,EACNpB,MAAO,OACPC,OAAQ,OACRM,QAAS,OACTC,WAAY,SACZa,eAAgB,SAChBC,WAAY,OACZC,MAAO,UACPC,OAAM,aAAAC,OAAe5B,EAAMe,QAAQc,QAAQC,OAC3CC,aAAc,EACd,QAAS,CACPC,KAAM,gBAER,UAAW,CACTC,OAAQ,OACRjB,WAAY,YACZU,MAAO,WAET,WAAY,CACVO,OAAQ,WACRjB,WAAY,aAEd,2BAA4B,CAC1BT,WAAY,WAEd,0BAA2B,CACzBA,WAAY,YAGhB2B,qBAAsB,CACpBhC,SAAU,WACVmB,QA9FoB,IAgGtBc,mBAAoB,CAClBjC,SAAU,WACVO,MAlGoB,GAmGpBJ,OAAQ,KAEV+B,eAAgB,CACdlC,SAAU,WACVO,MAvGoB,GAwGpBS,MAAO,QAETmB,gBAAiB,CACfnC,SAAU,WACVgB,OA5GoB,GA6GpBT,KAAM,QAER6B,cAAe,CACbpC,SAAU,WACVU,KAjHoB,GAkHpBS,OAAQ,QAEVkB,iBAAkB,CAChBrC,SAAU,WACVmB,QAtHoB,GAuHpBT,IAAK,QAEP4B,WAAY,CAEVnC,OAAQ,IACRF,MAAO,GACPC,OAAQ,GACR2B,aAAc,MACdf,WAAY,UACZU,MAAO,UACPhB,QAAS,OACTC,WAAY,SACZa,eAAgB,SAChBjB,WAAY,SACZ,WAAY,CACVL,SAAU,WACVO,KAAM,MACNG,IAAK,MACLR,OAAQ,GACRD,MAAO,GACPU,QAAS,KACT4B,UAAW,wBACXpC,OAAQ,MAGZqC,eAAgB,CACdnC,WAAY,UAEdoC,YAAa,CACXZ,aAAc,GAEhBa,QAAS,CACPzC,MAAO,OACPC,OAAQ,OACRQ,IAAK,EACLH,KAAM,EACN,sBAAuB,CACrBC,QAAS,QAGX,UAAW,CACT,UAAW,CACTM,WAAY,aAEd6B,QAAS,EACT1C,MAAO,mBACPC,OAAQ,mBACRU,gBAAiBgC,EAAK9C,EAAMe,QAAQC,WAAWC,GAAI,IACnDU,OAAM,aAAAC,OAAe5B,EAAMe,QAAQc,QAAQC,OAC3CC,aAAc,IAGlBgB,UAAW,CACTjC,gBAAiB,qBACjBT,QAAS,GAEX,mBAAoB,CAClBD,OAAQ,IAEV,oBAAqB,CACnBA,OAAQ,IAEV,mBAAoB,CAClBA,OAAQ,KAEV,iBAAkB,CAChBD,MAAO,IAET,kBAAmB,CACjBA,MAAO,IAET,iBAAkB,CAChBA,MAAO,KAEV"}

package/components/AdvancedSlider/utils.js

@@ -0,0 +1,2 @@
+import{INPUT_VALUE_REGEX as t}from"./constants.js";var i=function(t,i,a){return Math.min(Math.max(t,i),a)},a=function(i){return t.test(i)&&!Number.isNaN(Number(i))},h=function(t){var i=t.initialSize,a=t.distance;return a<0?i-Math.abs(a/2):i},e=function(t){var i=t.isHorizontalOrientation,a=t.size,h=t.max,e=t.min,n=t.head,r=t.tail;return{headMaxWidth:i?a.width/(h-e)*(r-e):a.width,tailMaxWidth:i?a.width/(h-e)*(h-n):a.width,headMaxHeight:i?a.height:a.height/(h-e)*(r-e),tailMaxHeight:i?a.height:a.height/(h-e)*(h-n)}};export{h as getHoverAreaSize,a as getIsInputValueValid,e as getSizedControls,i as getValidatedValue};
+//# sourceMappingURL=utils.js.map

package/components/AdvancedSlider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/AdvancedSlider/utils.js"],"sourcesContent":["import { INPUT_VALUE_REGEX } from './constants';\n\nexport const getValidatedValue = (value, min, max) => Math.min(Math.max(value, min), max);\n\nexport const getIsInputValueValid = inputValue =>\n  INPUT_VALUE_REGEX.test(inputValue) && !Number.isNaN(Number(inputValue));\n\nexport const getHoverAreaSize = ({ initialSize, distance }) =>\n  distance < 0 ? initialSize - Math.abs(distance / 2) : initialSize;\n\nexport const getSizedControls = ({ isHorizontalOrientation, size, max, min, head, tail }) => ({\n  headMaxWidth: isHorizontalOrientation ? (size.width / (max - min)) * (tail - min) : size.width,\n  tailMaxWidth: isHorizontalOrientation ? (size.width / (max - min)) * (max - head) : size.width,\n  headMaxHeight: !isHorizontalOrientation\n    ? (size.height / (max - min)) * (tail - min)\n    : size.height,\n  tailMaxHeight: !isHorizontalOrientation\n    ? (size.height / (max - min)) * (max - head)\n    : size.height,\n});\n"],"names":["getValidatedValue","value","min","max","Math","getIsInputValueValid","inputValue","INPUT_VALUE_REGEX","test","Number","isNaN","getHoverAreaSize","_ref","initialSize","distance","abs","getSizedControls","_ref2","isHorizontalOrientation","size","head","tail","headMaxWidth","width","tailMaxWidth","headMaxHeight","height","tailMaxHeight"],"mappings":"mDAEO,IAAMA,EAAoB,SAACC,EAAOC,EAAKC,GAAG,OAAKC,KAAKF,IAAIE,KAAKD,IAAIF,EAAOC,GAAMC,EAAI,EAE5EE,EAAuB,SAAAC,GAAU,OAC5CC,EAAkBC,KAAKF,KAAgBG,OAAOC,MAAMD,OAAOH,GAAY,EAE5DK,EAAmB,SAAHC,GAAA,IAAMC,IAAAA,YAAaC,IAAAA,SAAQ,OACtDA,EAAW,EAAID,EAAcT,KAAKW,IAAID,EAAW,GAAKD,CAAW,EAEtDG,EAAmB,SAAHC,GAAA,IAAMC,IAAAA,wBAAyBC,IAAAA,KAAMhB,IAAAA,IAAKD,IAAAA,IAAKkB,IAAAA,KAAMC,IAAAA,KAAI,MAAQ,CAC5FC,aAAcJ,EAA2BC,EAAKI,OAASpB,EAAMD,IAASmB,EAAOnB,GAAOiB,EAAKI,MACzFC,aAAcN,EAA2BC,EAAKI,OAASpB,EAAMD,IAASC,EAAMiB,GAAQD,EAAKI,MACzFE,cAAgBP,EAEZC,EAAKO,OADJP,EAAKO,QAAUvB,EAAMD,IAASmB,EAAOnB,GAE1CyB,cAAgBT,EAEZC,EAAKO,OADJP,EAAKO,QAAUvB,EAAMD,IAASC,EAAMiB,GAE1C"}

package/components/AnchorsList/AnchorsList.js

@@ -0,0 +1,2 @@
+import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{useRef as r,useEffect as n,useState as o,useCallback as i,useMemo as a}from"react";import c from"prop-types";import{throttle as l,noop as s}from"lodash";import p from"classnames";import{makeStyles as u,Typography as m,Link as d}from"@material-ui/core";import{jsx as f,jsxs as h,Fragment as g}from"react/jsx-runtime";function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?b(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=u((function(e){return{root:t({top:70,width:175,flexShrink:0,position:"sticky",height:"calc(100vh - 70px)",overflowY:"auto",padding:e.spacing(2,0),display:"none"},e.breakpoints.up("sm"),{display:"block"}),title:{color:e.palette.primary.text8,margin:"0 0 8px 16px",lineHeight:"24px",fontSize:10,fontWeight:500,letterSpacing:1},contents:{marginTop:e.spacing(2),paddingLeft:e.spacing(1)},ul:{padding:0,margin:0,listStyle:"none",borderLeft:"1px solid ".concat(e.palette.background.b9)},li:{display:"flex","&:not(:first-of-type)":{marginTop:8}},item:{color:e.palette.primary.text6,display:"inline-block",margin:"7px 16px",fontSize:12,fontWeight:400,letter:"0.4px",lineHeight:"16px"},active:{color:e.palette.text.primary,fontWeight:500},activeItemBorder:{height:30,width:"2px",backgroundColor:"#03BCD4",borderRadius:"0 2px 2px 0",position:"absolute"}}}));function x(t){var c=t.title,u=t.items,b=v(),x=r([]);n((function(){x.current=u.map((function(e){return y(y({},e),{},{node:document.getElementById(e.hash)})}))}),[u]);var O,w,k,j=o(null),P=e(j,2),T=P[0],E=P[1],S=r(!1),N=r(null),I=i((function(){if(!S.current){for(var e,t=x.current.length-1;t>=0;t-=1){if(document.documentElement.scrollTop<100){e={hash:null};break}var r=x.current[t];if(r.node&&r.node.offsetTop<document.documentElement.scrollTop+document.documentElement.clientHeight/8){e=r;break}}e&&T!==e.hash&&E(e.hash)}}),[T]);O=u.length>0?I:null,k=a((function(){return O?l(O,w):s}),[O,w=166]),n((function(){if(k!==s)return window.addEventListener("scroll",k),function(){window.removeEventListener("scroll",k),k.cancel()}}),[k]);return n((function(){return function(){clearTimeout(N.current)}}),[]),n((function(){var e=window.location.hash;if(e){var t=document.getElementById(e.substr(1));t&&setTimeout((function(){t.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"})}),50)}}),[]),f("nav",{className:b.root,"data-testid":"anchors-list",children:u.length>0&&h(g,{children:[f("div",{className:b.title,children:c}),f(m,{component:"ul",className:b.ul,children:u.map((function(e){var t,r=T===e.hash;return h("li",{className:b.li,children:[r&&f("div",{className:b.activeItemBorder}),f(d,{display:"block",href:"#".concat(e.hash),underline:"none",onClick:(t=e.hash,function(e){e.defaultPrevented||0!==e.button||e.metaKey||e.ctrlKey||e.altKey||e.shiftKey||(S.current=!0,N.current=setTimeout((function(){S.current=!1}),1e3),T!==t&&E(t))}),className:p(b.item,r&&b.active),"data-testid":"anchor-item-".concat(e.hash),children:f("span",{children:e.text})})]},e.text)}))})]})})}x.defaultProps={title:"ON THIS PAGE",items:[]},x.propTypes={title:c.string,items:c.arrayOf(c.shape({hash:c.string,text:c.string}))};export{x as default};
+//# sourceMappingURL=AnchorsList.js.map

package/components/AnchorsList/AnchorsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorsList.js","sources":["../../../src/components/AnchorsList/AnchorsList.js"],"sourcesContent":["// This component has been copy-pasted from MUI documentation\n// https://github.com/mui-org/material-ui/blob/master/docs/src/modules/components/AppTableOfContents.js\n\nimport { useMemo, useCallback, useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { throttle, noop } from 'lodash';\nimport classNames from 'classnames';\nimport { makeStyles, Typography, Link } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    top: 70,\n    width: 175,\n    flexShrink: 0,\n    position: 'sticky',\n    height: 'calc(100vh - 70px)',\n    overflowY: 'auto',\n    padding: theme.spacing(2, 0),\n    display: 'none',\n    [theme.breakpoints.up('sm')]: {\n      display: 'block',\n    },\n  },\n  title: {\n    color: theme.palette.primary.text8,\n    margin: '0 0 8px 16px',\n    lineHeight: '24px',\n    fontSize: 10,\n    fontWeight: 500,\n    letterSpacing: 1,\n  },\n  contents: {\n    marginTop: theme.spacing(2),\n    paddingLeft: theme.spacing(1),\n  },\n  ul: {\n    padding: 0,\n    margin: 0,\n    listStyle: 'none',\n    borderLeft: `1px solid ${theme.palette.background.b9}`,\n  },\n  li: { display: 'flex', '&:not(:first-of-type)': { marginTop: 8 } },\n  item: {\n    color: theme.palette.primary.text6,\n    display: 'inline-block',\n    margin: '7px 16px',\n    fontSize: 12,\n    fontWeight: 400,\n    letter: '0.4px',\n    lineHeight: '16px',\n  },\n  active: { color: theme.palette.text.primary, fontWeight: 500 },\n  activeItemBorder: {\n    height: 30,\n    width: '2px',\n    backgroundColor: '#03BCD4',\n    borderRadius: '0 2px 2px 0',\n    position: 'absolute',\n  },\n}));\n\n// TODO: these nodes are mutable sources. Use createMutableSource once it's stable\nfunction getItemsClient(headings) {\n  return headings.map(item => ({ ...item, node: document.getElementById(item.hash) }));\n}\n\nfunction useThrottledOnScroll(callback, delay) {\n  const throttledCallback = useMemo(\n    () => (callback ? throttle(callback, delay) : noop),\n    [callback, delay]\n  );\n\n  useEffect(() => {\n    if (throttledCallback === noop) return undefined;\n    window.addEventListener('scroll', throttledCallback);\n\n    return () => {\n      window.removeEventListener('scroll', throttledCallback);\n      throttledCallback.cancel();\n    };\n  }, [throttledCallback]);\n}\n\nfunction AnchorsList(props) {\n  const { title, items } = props;\n  const classes = useStyles();\n\n  const itemsWithNodeRef = useRef([]);\n  useEffect(() => {\n    itemsWithNodeRef.current = getItemsClient(items);\n  }, [items]);\n\n  const [activeState, setActiveState] = useState(null);\n  const clickedRef = useRef(false);\n  const unsetClickedRef = useRef(null);\n  const findActiveIndex = useCallback(() => {\n    // Don't set the active index based on scroll if a link was just clicked\n    if (clickedRef.current) return;\n\n    let active;\n    for (let i = itemsWithNodeRef.current.length - 1; i >= 0; i -= 1) {\n      // No hash if we're near the top of the page\n      if (document.documentElement.scrollTop < 100) {\n        active = { hash: null };\n        break;\n      }\n\n      const item = itemsWithNodeRef.current[i];\n\n      if (\n        item.node &&\n        item.node.offsetTop <\n          document.documentElement.scrollTop + document.documentElement.clientHeight / 8\n      ) {\n        active = item;\n        break;\n      }\n    }\n    if (active && activeState !== active.hash) setActiveState(active.hash);\n  }, [activeState]);\n\n  // Corresponds to 10 frames at 60 Hz\n  useThrottledOnScroll(items.length > 0 ? findActiveIndex : null, 166);\n\n  const handleClick = hash => event => {\n    // Ignore click for new tab/new window behavior\n    if (\n      event.defaultPrevented ||\n      event.button !== 0 || // ignore everything but left-click\n      event.metaKey ||\n      event.ctrlKey ||\n      event.altKey ||\n      event.shiftKey\n    ) {\n      return;\n    }\n\n    // Used to disable findActiveIndex if the page scrolls due to a click\n    clickedRef.current = true;\n    unsetClickedRef.current = setTimeout(() => {\n      clickedRef.current = false;\n    }, 1000);\n\n    if (activeState !== hash) {\n      setActiveState(hash);\n    }\n  };\n\n  useEffect(\n    () => () => {\n      clearTimeout(unsetClickedRef.current);\n    },\n    []\n  );\n\n  useEffect(() => {\n    // Fires after component has been mounted. We need this to scroll to anchor on initial load\n    const { hash } = window.location;\n    if (!hash) return;\n    const element = document.getElementById(hash.substr(1));\n    if (element) {\n      setTimeout(() => {\n        element.scrollIntoView({ block: 'start', inline: 'nearest', behavior: 'smooth' });\n      }, 50);\n    }\n  }, []);\n\n  return (\n    <nav className={classes.root} data-testid=\"anchors-list\">\n      {items.length > 0 && (\n        <>\n          <div className={classes.title}>{title}</div>\n          <Typography component=\"ul\" className={classes.ul}>\n            {items.map(item => {\n              const isActive = activeState === item.hash;\n\n              return (\n                <li key={item.text} className={classes.li}>\n                  {isActive && <div className={classes.activeItemBorder} />}\n                  <Link\n                    display=\"block\"\n                    href={`#${item.hash}`}\n                    underline=\"none\"\n                    onClick={handleClick(item.hash)}\n                    className={classNames(classes.item, isActive && classes.active)}\n                    data-testid={`anchor-item-${item.hash}`}\n                  >\n                    <span>{item.text}</span>\n                  </Link>\n                </li>\n              );\n            })}\n          </Typography>\n        </>\n      )}\n    </nav>\n  );\n}\n\nAnchorsList.defaultProps = {\n  title: 'ON THIS PAGE',\n  items: [],\n};\n\nAnchorsList.propTypes = {\n  title: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape({ hash: PropTypes.string, text: PropTypes.string })),\n};\n\nexport default AnchorsList;\n"],"names":["useStyles","makeStyles","theme","root","_defineProperty","top","width","flexShrink","position","height","overflowY","padding","spacing","display","breakpoints","up","title","color","palette","primary","text8","margin","lineHeight","fontSize","fontWeight","letterSpacing","contents","marginTop","paddingLeft","ul","listStyle","borderLeft","background","b9","li","item","text6","letter","active","text","activeItemBorder","backgroundColor","borderRadius","AnchorsList","props","items","classes","itemsWithNodeRef","useRef","useEffect","current","map","_objectSpread","node","document","getElementById","hash","callback","delay","throttledCallback","useState","_useState2","_slicedToArray","_useState","activeState","setActiveState","clickedRef","unsetClickedRef","findActiveIndex","useCallback","i","length","documentElement","scrollTop","offsetTop","clientHeight","useMemo","throttle","noop","window","addEventListener","removeEventListener","cancel","clearTimeout","location","element","substr","setTimeout","scrollIntoView","block","inline","behavior","_jsx","className","children","_jsxs","_Fragment","Typography","component","isActive","Link","href","underline","onClick","event","defaultPrevented","button","metaKey","ctrlKey","altKey","shiftKey","classNames","defaultProps","propTypes","PropTypes","string","arrayOf","shape"],"mappings":"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"}

package/components/Annotations/AnnotationsContext.js

@@ -0,0 +1,2 @@
+import n from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/toConsumableArray";import r from"@babel/runtime/helpers/defineProperty";import{createContext as e,useReducer as o,useContext as a}from"react";import{node as i}from"prop-types";import{EDIT_ANNOTATION as c,DELETE_ANNOTATION as d,ADD_ANNOTATION as u,APPEND_ANNOTATIONS as s,SET_ANNOTATIONS as p}from"./constants.js";import{jsx as f}from"react/jsx-runtime";function l(n,t){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(n);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.push.apply(r,e)}return r}function m(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?l(Object(e),!0).forEach((function(t){r(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):l(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var y=e(),b=e();function v(n,r){switch(r.type){case p:return{annotations:r.annotations};case s:return m(m({},n),{},{annotations:{data:[].concat(t(n.annotations.data),t(r.annotations.data)),included:r.annotations.included.reduce((function(n,t){return n.find((function(n){var r=n.id,e=n.type;return r===t.id&&e===t.type}))?n:n.concat([t])}),n.annotations.included)}});case u:return m(m({},n),{},{annotations:n.annotations.data?{data:[r.annotation.data].concat(t(n.annotations.data)),included:r.annotation.included.reduce((function(n,t){return n.find((function(n){var r=n.id,e=n.type;return r===t.id&&e===t.type}))?n:n.concat([t])}),n.annotations.included)}:{data:[r.annotation.data],included:r.annotation.included}});case d:var e=n.annotations.data;return m(m({},n),{},{annotations:m(m({},n.annotations),{},{data:e.filter((function(n){return n.id!==r.id}))})});case c:return m(m({},n),{},{annotations:m(m({},n.annotations),{},{data:n.annotations.data.map((function(n){return n.id===r.id?r.annotation.data:n})),included:r.annotation.included.reduce((function(n,t){return n.find((function(n){var r=n.id,e=n.type;return r===t.id&&e===t.type}))?n:n.concat([t])}),n.annotations.included)})});default:throw new Error("Unhandled action type: ".concat(r.type))}}function h(t){var r=t.children,e=o(v,{annotations:[]}),a=n(e,2),i=a[0],c=a[1];return f(y.Provider,{value:i,children:f(b.Provider,{value:c,children:r})})}function O(){var n=a(y);if(void 0===n)throw new Error("useAnnotationsState must be used within a AnnotationsProvider");return n}function w(){var n=a(b);if(void 0===n)throw new Error("useAnnotationsDispatch must be used within a AnnotationsProvider");return n}h.propTypes={children:i.isRequired};export{h as AnnotationsProvider,w as useAnnotationsDispatch,O as useAnnotationsState};
+//# sourceMappingURL=AnnotationsContext.js.map

package/components/Annotations/AnnotationsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationsContext.js","sources":["../../../src/components/Annotations/AnnotationsContext.js"],"sourcesContent":["import { createContext, useReducer, useContext } from 'react';\nimport { node } from 'prop-types';\n\nimport {\n  SET_ANNOTATIONS,\n  APPEND_ANNOTATIONS,\n  ADD_ANNOTATION,\n  DELETE_ANNOTATION,\n  EDIT_ANNOTATION,\n} from './constants';\n\nconst AnnotationsStateContext = createContext();\nconst AnnotationsDispatchContext = createContext();\n\nfunction annotationsReducer(state, action) {\n  switch (action.type) {\n    case SET_ANNOTATIONS: {\n      return { annotations: action.annotations };\n    }\n    case APPEND_ANNOTATIONS: {\n      return {\n        ...state,\n        annotations: {\n          data: [...state.annotations.data, ...action.annotations.data],\n          included: action.annotations.included.reduce(\n            (acc, item) =>\n              acc.find(({ id, type }) => id === item.id && type === item.type)\n                ? acc\n                : acc.concat([item]),\n            state.annotations.included\n          ),\n        },\n      };\n    }\n    case ADD_ANNOTATION: {\n      return {\n        ...state,\n        annotations: state.annotations.data\n          ? {\n              data: [action.annotation.data, ...state.annotations.data],\n              included: action.annotation.included.reduce(\n                (acc, item) =>\n                  acc.find(({ id, type }) => id === item.id && type === item.type)\n                    ? acc\n                    : acc.concat([item]),\n                state.annotations.included\n              ),\n            }\n          : {\n              data: [action.annotation.data],\n              included: action.annotation.included,\n            },\n      };\n    }\n    case DELETE_ANNOTATION: {\n      const { data } = state.annotations;\n\n      return {\n        ...state,\n        annotations: { ...state.annotations, data: data.filter(({ id }) => id !== action.id) },\n      };\n    }\n    case EDIT_ANNOTATION: {\n      return {\n        ...state,\n        annotations: {\n          ...state.annotations,\n          data: state.annotations.data.map(item =>\n            item.id === action.id ? action.annotation.data : item\n          ),\n          included: action.annotation.included.reduce(\n            (acc, item) =>\n              acc.find(({ id, type }) => id === item.id && type === item.type)\n                ? acc\n                : acc.concat([item]),\n            state.annotations.included\n          ),\n        },\n      };\n    }\n    default: {\n      throw new Error(`Unhandled action type: ${action.type}`);\n    }\n  }\n}\n\nfunction AnnotationsProvider({ children }) {\n  const [state, dispatch] = useReducer(annotationsReducer, {\n    annotations: [],\n  });\n\n  return (\n    <AnnotationsStateContext.Provider value={state}>\n      <AnnotationsDispatchContext.Provider value={dispatch}>\n        {children}\n      </AnnotationsDispatchContext.Provider>\n    </AnnotationsStateContext.Provider>\n  );\n}\nAnnotationsProvider.propTypes = { children: node.isRequired };\n\nfunction useAnnotationsState() {\n  const context = useContext(AnnotationsStateContext);\n  if (context === undefined) {\n    throw new Error('useAnnotationsState must be used within a AnnotationsProvider');\n  }\n  return context;\n}\n\nfunction useAnnotationsDispatch() {\n  const context = useContext(AnnotationsDispatchContext);\n  if (context === undefined) {\n    throw new Error('useAnnotationsDispatch must be used within a AnnotationsProvider');\n  }\n  return context;\n}\n\nexport { AnnotationsProvider, useAnnotationsState, useAnnotationsDispatch };\n"],"names":["AnnotationsStateContext","createContext","AnnotationsDispatchContext","annotationsReducer","state","action","type","SET_ANNOTATIONS","annotations","APPEND_ANNOTATIONS","_objectSpread","data","included","reduce","acc","item","find","_ref","id","concat","ADD_ANNOTATION","annotation","_ref2","DELETE_ANNOTATION","filter","_ref3","EDIT_ANNOTATION","map","_ref4","Error","AnnotationsProvider","_ref5","children","useReducer","_useReducer2","_slicedToArray","_useReducer","dispatch","_jsx","Provider","value","useAnnotationsState","context","useContext","undefined","useAnnotationsDispatch","propTypes","node","isRequired"],"mappings":"y/BAWA,IAAMA,EAA0BC,IAC1BC,EAA6BD,IAEnC,SAASE,EAAmBC,EAAOC,GACjC,OAAQA,EAAOC,MACb,KAAKC,EACH,MAAO,CAAEC,YAAaH,EAAOG,aAE/B,KAAKC,EACH,OAAAC,EAAAA,EAAA,CAAA,EACKN,GAAK,CAAA,EAAA,CACRI,YAAa,CACXG,KAAUP,GAAAA,OAAAA,EAAAA,EAAMI,YAAYG,MAASN,EAAAA,EAAOG,YAAYG,OACxDC,SAAUP,EAAOG,YAAYI,SAASC,QACpC,SAACC,EAAKC,GAAI,OACRD,EAAIE,MAAK,SAAAC,GAAA,IAAGC,IAAAA,GAAIZ,IAAAA,KAAI,OAAOY,IAAOH,EAAKG,IAAMZ,IAASS,EAAKT,QACvDQ,EACAA,EAAIK,OAAO,CAACJ,GAAM,GACxBX,EAAMI,YAAYI,aAK1B,KAAKQ,EACH,OAAAV,EAAAA,EAAA,CAAA,EACKN,GAAK,CAAA,EAAA,CACRI,YAAaJ,EAAMI,YAAYG,KAC3B,CACEA,KAAON,CAAAA,EAAOgB,WAAWV,MAASP,OAAAA,EAAAA,EAAMI,YAAYG,OACpDC,SAAUP,EAAOgB,WAAWT,SAASC,QACnC,SAACC,EAAKC,GAAI,OACRD,EAAIE,MAAK,SAAAM,GAAA,IAAGJ,IAAAA,GAAIZ,IAAAA,KAAI,OAAOY,IAAOH,EAAKG,IAAMZ,IAASS,EAAKT,QACvDQ,EACAA,EAAIK,OAAO,CAACJ,GAAM,GACxBX,EAAMI,YAAYI,WAGtB,CACED,KAAM,CAACN,EAAOgB,WAAWV,MACzBC,SAAUP,EAAOgB,WAAWT,YAItC,KAAKW,EACH,IAAQZ,EAASP,EAAMI,YAAfG,KAER,OAAAD,EAAAA,EAAA,CAAA,EACKN,GAAK,CAAA,EAAA,CACRI,YAAWE,EAAAA,EAAA,CAAA,EAAON,EAAMI,aAAW,GAAA,CAAEG,KAAMA,EAAKa,QAAO,SAAAC,GAAK,SAAFP,KAAgBb,EAAOa,EAAE,QAGvF,KAAKQ,EACH,OAAAhB,EAAAA,EAAA,CAAA,EACKN,GAAK,CAAA,EAAA,CACRI,YAAWE,EAAAA,EAAA,CAAA,EACNN,EAAMI,aAAW,GAAA,CACpBG,KAAMP,EAAMI,YAAYG,KAAKgB,KAAI,SAAAZ,GAAI,OACnCA,EAAKG,KAAOb,EAAOa,GAAKb,EAAOgB,WAAWV,KAAOI,KAEnDH,SAAUP,EAAOgB,WAAWT,SAASC,QACnC,SAACC,EAAKC,GAAI,OACRD,EAAIE,MAAK,SAAAY,GAAA,IAAGV,IAAAA,GAAIZ,IAAAA,KAAI,OAAOY,IAAOH,EAAKG,IAAMZ,IAASS,EAAKT,QACvDQ,EACAA,EAAIK,OAAO,CAACJ,GAAM,GACxBX,EAAMI,YAAYI,cAK1B,QACE,MAAM,IAAIiB,MAAK,0BAAAV,OAA2Bd,EAAOC,OAGvD,CAEA,SAASwB,EAAkCC,GAAA,IAAZC,IAAAA,SACHC,EAAAA,EAAW9B,EAAoB,CACvDK,YAAa,KACb0B,EAAAC,EAAAC,EAAA,GAFKhC,EAAK8B,EAAA,GAAEG,EAAQH,EAAA,GAItB,OACEI,EAACtC,EAAwBuC,SAAQ,CAACC,MAAOpC,EAAM4B,SAC7CM,EAACpC,EAA2BqC,SAAQ,CAACC,MAAOH,EAASL,SAClDA,KAIT,CAGA,SAASS,IACP,IAAMC,EAAUC,EAAW3C,GAC3B,QAAgB4C,IAAZF,EACF,MAAM,IAAIb,MAAM,iEAElB,OAAOa,CACT,CAEA,SAASG,IACP,IAAMH,EAAUC,EAAWzC,GAC3B,QAAgB0C,IAAZF,EACF,MAAM,IAAIb,MAAM,oEAElB,OAAOa,CACT,CAhBAZ,EAAoBgB,UAAY,CAAEd,SAAUe,EAAKC"}

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

@@ -0,0 +1,2 @@
+import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/regenerator";import{memo as o,useState as a,useRef as i}from"react";import{number as s,shape as p,string as m}from"prop-types";import c from"classnames";import{flowRight as d,get as l}from"lodash";import u from"moment";import{withStyles as f}from"@material-ui/core/styles";import{Fade as h,Paper as v,Typography as y}from"@material-ui/core";import{useAnnotationsDispatch as A}from"../../../../AnnotationsContext.js";import{ADD_ANNOTATION as b}from"../../../../constants.js";import C from"../AnnotationInput/index.js";import I from"./style.css.js";import{AvatarComponent as j}from"../../../../../Avatar/index.js";import x from"../../../../../../effects/useOutsideClick.js";import"../../../../../../utils/index.js";import{postAnnotation as _}from"../../../../../../clients/jsonApi/index.js";import"../../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{withUniversalLocationHOC as R}from"../../../../../DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js";import{jsxs as g,jsx as P}from"react/jsx-runtime";import{showSuccessNotification as T,showErrorNotification as U}from"../../../../../../utils/notificationToasts.js";var k=function(o){var s,p=o.appId,m=o.assetId,d=o.assetCompanyId,f=o.appSettings,R=o.currentUser,k=o.classes,q=o.location,D=o.dashboardType,N=A(),F=a(!1),L=r(F,2),w=L[0],S=L[1],O=i(null);x(O,(function(){S(!1)}));var z,E=(z=e(n.mark((function t(e,r,o){var a,i,s,c;return n.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,a={app_id:p,asset_id:m,body:e,active_until:r,attachment:{file_name:o&&o.attachmentName,s3_link:o&&o.attachmentUrl},settings:f},i={},D&&(i.dashboard_type=D),(s=l(q,"query.time"))&&(a.data_timestamp=u(s).format()),t.next=8,_(a,i);case 8:c=t.sent,N({type:b,annotation:c}),t.next=17;break;case 12:return t.prev=12,t.t0=t.catch(0),U("Error during annotation creation"),console.error(t.t0),t.abrupt("return");case 17:T("Annotation has been added"),S(!1);case 19:case"end":return t.stop()}}),t,null,[[0,12]])}))),function(t,e,r){return z.apply(this,arguments)});return g("div",{className:I.cAddAnnotationFormInput,children:[P(j,{displayName:"".concat(R.first_name," ").concat(R.last_name),imgSrc:R.profile_photo,size:36}),g("div",{className:c(I.cAddAnnotationFormInputPaper,(s={},t(s,I.cAddAnnotationFormInputPaperOpened,w),t(s,I.cAddAnnotationFormInputPaperClosed,!w),s)),children:[P(h,{in:!w,timeout:500,children:P(v,{className:I.cAddAnnotationFormInputPaperLabel,children:P(y,{variant:"body2","data-testid":"".concat("AppAnnotationsPo","_collapsedInput"),className:k.inputLabel,onClick:function(){return S(!0)},children:"Type annotation here"})})}),P(h,{in:w,timeout:100,children:P("div",{className:I.cAddAnnotationFormInputPaperAddAnnotation,children:w&&P(C,{onSend:E,assetCompanyId:d,currentUser:R})})})]})]})};k.propTypes={appId:s.isRequired,assetId:s.isRequired,assetCompanyId:s.isRequired,appSettings:p().isRequired,currentUser:p({}),classes:p().isRequired,location:p().isRequired,dashboardType:m},k.defaultProps={currentUser:{},dashboardType:null};var q=d([f((function(t){return{inputLabel:{color:t.palette.grey[700],fontWeight:200,width:"100%"}}})),R])(o(k));export{q as default};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Annotations/components/AnnotationsList/components/AddAnnotationForm/index.js"],"sourcesContent":["import { memo, useState, useRef } from 'react';\nimport { number, shape, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { get, flowRight } from 'lodash';\nimport moment from 'moment';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Paper, Fade, Typography } from '@material-ui/core';\n\nimport { useAnnotationsDispatch } from '../../../../AnnotationsContext';\nimport { ADD_ANNOTATION } from '../../../../constants';\nimport AnnotationInput from '../AnnotationInput';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport useOutsideClick from '~effects/useOutsideClick';\nimport { showSuccessNotification, showErrorNotification } from '~/utils';\nimport { postAnnotation } from '~/clients/jsonApi';\nimport { withUniversalLocationHOC } from '~/components/DevCenter/DevCenterRouterContext';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst ANNOTATION_PLACEHOLDER = 'Type annotation here';\n\nconst muiStyles = theme => ({\n  inputLabel: {\n    color: theme.palette.grey[700],\n    fontWeight: 200,\n    width: '100%',\n  },\n});\n\nconst AddAnnotationForm = ({\n  appId,\n  assetId,\n  assetCompanyId,\n  appSettings,\n  currentUser,\n  classes,\n  location,\n  dashboardType,\n}) => {\n  const dispatch = useAnnotationsDispatch();\n\n  const [inputIsOpen, setInputIsOpen] = useState(false);\n\n  const containerRef = useRef(null);\n  useOutsideClick(containerRef, () => {\n    setInputIsOpen(false);\n  });\n\n  const handlePost = async (body, period, attachment) => {\n    try {\n      const annotation = {\n        app_id: appId,\n        asset_id: assetId,\n        body,\n        active_until: period,\n        attachment: {\n          file_name: attachment && attachment.attachmentName,\n          s3_link: attachment && attachment.attachmentUrl,\n        },\n        settings: appSettings,\n      };\n      const options = {};\n      if (dashboardType) options.dashboard_type = dashboardType;\n\n      const queryTime = get(location, 'query.time');\n      if (queryTime) annotation.data_timestamp = moment(queryTime).format();\n\n      const newAnnotation = await postAnnotation(annotation, options);\n      dispatch({ type: ADD_ANNOTATION, annotation: newAnnotation });\n    } catch (e) {\n      showErrorNotification('Error during annotation creation');\n      console.error(e);\n      return;\n    }\n\n    showSuccessNotification('Annotation has been added');\n    setInputIsOpen(false);\n  };\n\n  return (\n    <div className={styles.cAddAnnotationFormInput}>\n      <Avatar\n        displayName={`${currentUser.first_name} ${currentUser.last_name}`}\n        imgSrc={currentUser.profile_photo}\n        size={36}\n      />\n      <div\n        className={classNames(styles.cAddAnnotationFormInputPaper, {\n          [styles.cAddAnnotationFormInputPaperOpened]: inputIsOpen,\n          [styles.cAddAnnotationFormInputPaperClosed]: !inputIsOpen,\n        })}\n      >\n        <Fade in={!inputIsOpen} timeout={500}>\n          <Paper className={styles.cAddAnnotationFormInputPaperLabel}>\n            <Typography\n              variant=\"body2\"\n              data-testid={`${PAGE_NAME}_collapsedInput`}\n              className={classes.inputLabel}\n              onClick={() => setInputIsOpen(true)}\n            >\n              {ANNOTATION_PLACEHOLDER}\n            </Typography>\n          </Paper>\n        </Fade>\n        <Fade in={inputIsOpen} timeout={100}>\n          <div className={styles.cAddAnnotationFormInputPaperAddAnnotation}>\n            {inputIsOpen && (\n              <AnnotationInput\n                onSend={handlePost}\n                assetCompanyId={assetCompanyId}\n                currentUser={currentUser}\n              />\n            )}\n          </div>\n        </Fade>\n      </div>\n    </div>\n  );\n};\n\nAddAnnotationForm.propTypes = {\n  appId: number.isRequired,\n  assetId: number.isRequired,\n  assetCompanyId: number.isRequired,\n  appSettings: shape().isRequired,\n  currentUser: shape({}),\n  classes: shape().isRequired,\n  location: shape().isRequired,\n  dashboardType: string,\n};\n\nAddAnnotationForm.defaultProps = {\n  currentUser: {},\n  dashboardType: null,\n};\n\nexport default flowRight([withStyles(muiStyles), withUniversalLocationHOC])(\n  memo(AddAnnotationForm)\n);\n"],"names":["AddAnnotationForm","_ref","_classNames","appId","assetId","assetCompanyId","appSettings","currentUser","classes","location","dashboardType","dispatch","useAnnotationsDispatch","useState","_useState2","_slicedToArray","_useState","inputIsOpen","setInputIsOpen","containerRef","useRef","useOutsideClick","_ref2","handlePost","_asyncToGenerator","_regeneratorRuntime","mark","body","period","attachment","annotation","options","queryTime","newAnnotation","wrap","_context","prev","next","app_id","asset_id","active_until","file_name","attachmentName","s3_link","attachmentUrl","settings","dashboard_type","get","data_timestamp","moment","format","postAnnotation","sent","type","ADD_ANNOTATION","t0","showErrorNotification","console","error","abrupt","showSuccessNotification","stop","_callee","_x","_x2","_x3","apply","this","arguments","_jsxs","className","styles","cAddAnnotationFormInput","children","_jsx","Avatar","displayName","concat","first_name","last_name","imgSrc","profile_photo","size","classNames","cAddAnnotationFormInputPaper","cAddAnnotationFormInputPaperOpened","cAddAnnotationFormInputPaperClosed","Fade","in","timeout","Paper","cAddAnnotationFormInputPaperLabel","Typography","variant","inputLabel","onClick","cAddAnnotationFormInputPaperAddAnnotation","AnnotationInput","onSend","propTypes","number","isRequired","shape","string","defaultProps","AddAnnotationForm$1","flowRight","withStyles","theme","color","palette","grey","fontWeight","width","withUniversalLocationHOC","memo"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import n from'./../../../../../../ext-esm/style-inject/dist/style-inject.es.js';var t={cAddAnnotationFormInput:"style_cAddAnnotationFormInput__Khk9S",cAddAnnotationFormInputPaper:"style_cAddAnnotationFormInputPaper__ZMnGO",cAddAnnotationFormInputPaperClosed:"style_cAddAnnotationFormInputPaperClosed__wv1-k",cAddAnnotationFormInputPaperOpened:"style_cAddAnnotationFormInputPaperOpened__4P3yb",cAddAnnotationFormInputPaperLabel:"style_cAddAnnotationFormInputPaperLabel__hT1Rw",cAddAnnotationFormInputPaperAddAnnotation:"style_cAddAnnotationFormInputPaperAddAnnotation__uvtHS",cAddAnnotationForm:"style_cAddAnnotationForm__jJiyL",cUserMentionSuggestions:"style_cUserMentionSuggestions__4Kdgm"};n(".style_cAddAnnotationFormInput__Khk9S{align-items:flex-start;display:flex;margin-top:15px;position:relative}.style_cAddAnnotationFormInputPaper__ZMnGO{display:flex;flex:1;margin-left:9px;margin-top:3px}.style_cAddAnnotationFormInputPaperClosed__wv1-k{cursor:pointer;height:32px}.style_cAddAnnotationFormInputPaperClosed__wv1-k .style_cAddAnnotationFormInputPaperAddAnnotation__uvtHS,.style_cAddAnnotationFormInputPaperOpened__4P3yb .style_cAddAnnotationFormInputPaperLabel__hT1Rw{display:none}.style_cAddAnnotationFormInputPaperLabel__hT1Rw{box-shadow:none;padding:6px 13px;width:100%}.style_cAddAnnotationFormInputPaperAddAnnotation__uvtHS{width:100%}.style_cAddAnnotationForm__jJiyL .style_cUserMentionSuggestions__4Kdgm{top:auto!important}");export{t as default};
+//# sourceMappingURL=style.css.js.map

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

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

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

@@ -0,0 +1,2 @@
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/asyncToGenerator";import n from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/regenerator";import{useState as r}from"react";import a from"classnames";import{shape as o,number as s,string as c,oneOf as m,node as d,func as l,arrayOf as u}from"prop-types";import{withStyles as p}from"@material-ui/core/styles";import{flowRight as h}from"lodash";import f,{isWidthUp as v}from"@material-ui/core/withWidth";import C from"moment";import{Paper as b,Typography as _,Divider as A,IconButton as y,Menu as g,MenuItem as R}from"@material-ui/core";import q from"@material-ui/core/colors/grey";import N from"@material-ui/icons/MoreVert";import x from"../AnnotationComments/index.js";import{useAnnotationsDispatch as M}from"../../../../AnnotationsContext.js";import{DELETE_ANNOTATION as I,EDIT_ANNOTATION as j}from"../../../../constants.js";import T from"../AnnotationInput/index.js";import k from"./style.css.js";import{AvatarComponent as w}from"../../../../../Avatar/index.js";import D from"../../../../../UserCardPopover.js";import U from"../../../../../ConfirmationDialog.js";import E from"../../../../../CommentsInfo/index.js";import{formatMentionText as S}from"../../../../../UserMention/utils/index.js";import O from"../../../../../Attachment/index.js";import{isNativeDetected as z}from"../../../../../../utils/mobileDetect.js";import{deleteAnnotation as B,patchAnnotation as P}from"../../../../../../clients/jsonApi/index.js";import{jsxs as L,jsx as W,Fragment as Y}from"react/jsx-runtime";var G="AppAnnotationItemPo",H=function(e){var t=e.user,n=e.currentUser,i=e.classes;return W("div",{className:k.cAnnotationUserAvatar,children:z?W(w,{displayName:"".concat(t.first_name," ").concat(t.last_name),imgSrc:t.profile_photo,size:38,className:i.avatar}):W(D,{user:t,currentUser:n,children:W(w,{displayName:"".concat(t.first_name," ").concat(t.last_name),imgSrc:t.profile_photo,size:38,className:i.avatar})})})},V=function(e){var t=e.actionsMenuAnchorEl,n=e.handleToggleActionsMenu,i=e.classes,r=e.handleEdit,a=e.handleDelete;return L(Y,{children:[W(y,{"data-testid":"".concat(G,"_menuButton"),"aria-label":"Actions","aria-owns":t?k.cAnnotationContainerActionsMenu:void 0,"aria-haspopup":"true",className:i.iconButtonRoot,onClick:n,children:W(N,{htmlColor:q[400]})}),L(g,{id:"cAnnotationContainerActionsMenu",anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:t,open:!!t,onClick:n,children:[W(R,{"data-testid":"".concat(G,"_editMenuItem"),onClick:r,children:"Edit"}),W(R,{"data-testid":"".concat(G,"_deleteMenuItem"),onClick:a,children:"Delete"})]})]})},F=function(o){var s,c,m=o.included,d=o.annotation,l=o.assetCompanyId,u=o.classes,p=o.showSuccessNotification,h=o.width,f=r(!1),y=n(f,2),g=y[0],R=y[1],q=r(null),N=n(q,2),w=N[0],D=N[1],F=r(!1),J=n(F,2),K=J[0],Q=J[1],X=r(!1),Z=n(X,2),$=Z[0],ee=Z[1],te=!v("sm",h),ne=d.attributes.comments_count||0,ie=r(ne),re=n(ie,2),ae=re[0],oe=re[1],se=M(),ce=d.relationships.comment_users.data.reduce((function(e,t){var n=t.id,i=m.find((function(e){return e.id===n}));return i&&e.push(i.attributes),e}),[]),me=ce.map((function(e){var t=e.last_name,n=e.first_name;return"".concat(n," ").concat(t)})),de=(s=t(i.mark((function e(){return i.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,B(d.id);case 3:e.sent&&(se({type:I,id:d.id}),p("Annotation has been deleted")),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),console.error(e.t0);case 10:case"end":return e.stop()}}),e,null,[[0,7]])}))),function(){return s.apply(this,arguments)}),le=(c=t(i.mark((function e(t,n,r){var a,o;return i.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,a={body:t,active_until:n,attachment:{file_name:r&&r.attachmentName,signed_url:r&&r.attachmentUrl}},e.next=4,P(d.id,a);case 4:o=e.sent,se({type:j,annotation:o,id:d.id}),e.next=12;break;case 8:return e.prev=8,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return");case 12:p("Annotation has been changed"),Q(!1);case 14:case"end":return e.stop()}}),e,null,[[0,8]])}))),function(e,t,n){return c.apply(this,arguments)}),ue=d.relationships.user.data.id,pe=m.find((function(e){var t=e.type,n=e.id;return"user"===t&&n===ue})),he=pe.attributes,fe=d.attributes.attachment;return L(b,{className:u.container,elevation:0,children:[L("div",{"data-testid":"".concat(G,"_annotation_").concat(d.attributes.body),className:k.cAnnotationContainer,children:[W(H,{user:he,classes:u,isNative:z,currentUser:pe}),L("div",{className:k.cAnnotationContainerTop,children:[L("div",{className:k.cAnnotationContainerTopMainInfo,children:[W(_,{variant:"body2","data-testid":"".concat(G,"_userName"),children:"".concat(he.first_name," ").concat(he.last_name)}),W(_,{"data-testid":"".concat(G,"_addDate"),variant:"caption",className:u.createdAt,children:C(d.attributes.created_at).format("MM/DD/YY H:mm")})]}),W("div",{className:a(k.cAnnotationContainerTopMenu,e({},k.cAnnotationContainerTopMenuSmall,te)),children:W(V,{actionsMenuAnchorEl:w,handleToggleActionsMenu:function(e){var t=e.currentTarget;D(w?null:t)},handleEdit:function(){return Q(!0)},handleDelete:function(){return ee(!0)},classes:u})})]}),W(A,{className:u.headerDividerRoot}),W("div",{"data-testid":"".concat(G,"_message"),className:k.cAnnotationContainerContent,children:K?W(T,{initialText:d.attributes.body,assetCompanyId:l,initialPeriod:d.attributes.created_at,initialAttachment:fe,onSend:le,onClose:function(){return Q(!1)},closeOnEsc:!0}):L(Y,{children:[S(d.attributes.body,d.relationships.mentioned_users.data,z,null,pe),fe&&fe.signed_url&&W(O,{attachmentUrl:fe.signed_url,fileName:fe.file_name,size:"small"})]})})]}),L("div",{"data-testid":"".concat(G,"_comments_").concat(d.attributes.body),className:k.cAnnotationComments,children:[L("div",{className:k.cAnnotationCommentsInfo,children:[W(_,{"data-testid":"".concat(G,"_commentButton"),variant:"caption",color:"primary",className:u.link,onClick:function(){return R(!0)},children:"Comment"}),W(E,{commentsCount:ae,usersWhoCommented:me,activeUsersList:ce,currentUser:pe,small:!0})]}),W(x,{annotationId:d.id,commentInputIsOpen:g,setCommentInputIsOpen:R,commentsCount:ae,initialCommentsCount:ne,assetCompanyId:l,setCommentsCount:oe,currentUser:pe})]}),$&&W(U,{open:$,text:"Do you really want to delete annotation?",handleClose:function(){return ee(!1)},handleOk:de,okText:"Delete"})]})};H.propTypes={user:o({id:s.isRequired,first_name:c.isRequired,last_name:c.isRequired,profile_photo:c.isRequired}).isRequired,currentUser:o({}).isRequired,classes:o({}).isRequired},V.propTypes={actionsMenuAnchorEl:m([d,null]).isRequired,handleToggleActionsMenu:l.isRequired,classes:o({}).isRequired,handleDelete:l.isRequired,handleEdit:l.isRequired},F.propTypes={included:u(o({})).isRequired,annotation:o({relationships:o({user:o({data:o({id:c.isRequired}).isRequired}).isRequired,mentioned_users:o({data:u(o({})).isRequired}).isRequired}).isRequired,attributes:o({body:c.isRequired,created_at:c.isRequired})}).isRequired,classes:o({}).isRequired,showSuccessNotification:l,width:c.isRequired,assetCompanyId:s.isRequired},F.defaultProps={showSuccessNotification:function(){}};var J=h([p((function(e){return{container:{backgroundColor:"#3b3b3be6",marginBottom:16,marginLeft:26},headerDividerRoot:{margin:"10px 0"},createdAt:{color:e.palette.grey[700],marginLeft:5},link:{cursor:"pointer"},iconButtonRoot:{height:24,width:24,padding:0,margin:"0 -10px 0 5px"}}})),f()])(F);export{J as default};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Annotations/components/AnnotationsList/components/Annotation/index.js"],"sourcesContent":["import { useState } from 'react';\nimport classNames from 'classnames';\nimport { shape, string, arrayOf, func, node, oneOf, number } from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { flowRight } from 'lodash';\nimport withWidth, { isWidthUp } from '@material-ui/core/withWidth';\nimport moment from 'moment';\nimport { Paper, Typography, Divider, MenuItem, IconButton, Menu } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\n\nimport AnnotationComments from '../AnnotationComments';\nimport { useAnnotationsDispatch } from '../../../../AnnotationsContext';\nimport { DELETE_ANNOTATION, EDIT_ANNOTATION } from '../../../../constants';\nimport AnnotationInput from '../AnnotationInput';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport UserCardPopover from '~components/UserCardPopover';\nimport ConfirmationDialog from '~components/ConfirmationDialog';\nimport CommentsInfo from '~components/CommentsInfo';\nimport { formatMentionText } from '~components/UserMention/utils';\nimport Attachment from '~components/Attachment';\nimport { isNativeDetected as isNative } from '~/utils/mobileDetect';\nimport { deleteAnnotation, patchAnnotation } from '~/clients/jsonApi';\n\nconst PAGE_NAME = 'AppAnnotationItemPo';\n\nconst CREATED_AT_FORMAT = 'MM/DD/YY H:mm';\n\nconst muiStyles = theme => ({\n  container: { backgroundColor: '#3b3b3be6', marginBottom: 16, marginLeft: 26 },\n  headerDividerRoot: { margin: '10px 0' },\n  createdAt: { color: theme.palette.grey[700], marginLeft: 5 },\n  link: { cursor: 'pointer' },\n  iconButtonRoot: {\n    height: 24,\n    width: 24,\n    padding: 0,\n    margin: '0 -10px 0 5px',\n  },\n});\n\nconst UserAvatar = ({ user, currentUser, classes }) => (\n  <div className={styles.cAnnotationUserAvatar}>\n    {isNative ? (\n      <Avatar\n        // eslint-disable-next-line camelcase\n        displayName={`${user.first_name} ${user.last_name}`}\n        imgSrc={user.profile_photo}\n        size={38}\n        className={classes.avatar}\n      />\n    ) : (\n      <UserCardPopover user={user} currentUser={currentUser}>\n        <Avatar\n          displayName={`${user.first_name} ${user.last_name}`}\n          imgSrc={user.profile_photo}\n          size={38}\n          className={classes.avatar}\n        />\n      </UserCardPopover>\n    )}\n  </div>\n);\n\nconst MenuButton = ({\n  actionsMenuAnchorEl,\n  handleToggleActionsMenu,\n  classes,\n  handleEdit,\n  handleDelete,\n}) => (\n  <>\n    <IconButton\n      data-testid={`${PAGE_NAME}_menuButton`}\n      aria-label=\"Actions\"\n      aria-owns={actionsMenuAnchorEl ? styles.cAnnotationContainerActionsMenu : undefined}\n      aria-haspopup=\"true\"\n      className={classes.iconButtonRoot}\n      onClick={handleToggleActionsMenu}\n    >\n      <MoreVertIcon htmlColor={grey[400]} />\n    </IconButton>\n\n    <Menu\n      id=\"cAnnotationContainerActionsMenu\"\n      anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n      transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n      anchorEl={actionsMenuAnchorEl}\n      open={!!actionsMenuAnchorEl}\n      onClick={handleToggleActionsMenu}\n    >\n      <MenuItem data-testid={`${PAGE_NAME}_editMenuItem`} onClick={handleEdit}>\n        Edit\n      </MenuItem>\n      <MenuItem data-testid={`${PAGE_NAME}_deleteMenuItem`} onClick={handleDelete}>\n        Delete\n      </MenuItem>\n    </Menu>\n  </>\n);\n\nconst Annotation = ({\n  included,\n  annotation,\n  assetCompanyId,\n  classes,\n  showSuccessNotification,\n  width,\n}) => {\n  const [commentInputIsOpen, setCommentInputIsOpen] = useState(false);\n  const [actionsMenuAnchorEl, setActionsMenuAnchorEl] = useState(null);\n  const [isEdit, setIsEdit] = useState(false);\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\n  const isSmallScreen = !isWidthUp('sm', width);\n\n  const initialCommentsCount = annotation.attributes.comments_count || 0;\n  const [commentsCount, setCommentsCount] = useState(initialCommentsCount);\n\n  const dispatch = useAnnotationsDispatch();\n\n  const activeUsersList = annotation.relationships.comment_users.data.reduce((users, { id }) => {\n    const userData = included.find(user => user.id === id);\n    if (userData) {\n      users.push(userData.attributes);\n    }\n    return users;\n  }, []);\n\n  const userWhoCommented = activeUsersList.map(\n    // eslint-disable-next-line camelcase\n    ({ last_name, first_name }) => `${first_name} ${last_name}`\n  );\n\n  const handleToggleActionsMenu = event => {\n    const currentT = event.currentTarget;\n    setActionsMenuAnchorEl(actionsMenuAnchorEl ? null : currentT);\n  };\n\n  const handleDelete = async () => {\n    try {\n      const response = await deleteAnnotation(annotation.id);\n      if (response) {\n        dispatch({ type: DELETE_ANNOTATION, id: annotation.id });\n        showSuccessNotification('Annotation has been deleted');\n      }\n    } catch (e) {\n      console.error(e);\n    }\n  };\n\n  const handleEdit = async (body, period, attachment) => {\n    try {\n      const changedAnnotation = {\n        body,\n        active_until: period,\n        attachment: {\n          file_name: attachment && attachment.attachmentName,\n          signed_url: attachment && attachment.attachmentUrl,\n        },\n      };\n      const updatedAnnotation = await patchAnnotation(annotation.id, changedAnnotation);\n      dispatch({ type: EDIT_ANNOTATION, annotation: updatedAnnotation, id: annotation.id });\n    } catch (e) {\n      console.error(e);\n      return;\n    }\n\n    showSuccessNotification('Annotation has been changed');\n    setIsEdit(false);\n  };\n\n  const userId = annotation.relationships.user.data.id;\n  const currentUser = included.find(({ type, id }) => type === 'user' && id === userId);\n  const userData = currentUser.attributes;\n  const { attachment } = annotation.attributes;\n\n  return (\n    <Paper className={classes.container} elevation={0}>\n      <div\n        data-testid={`${PAGE_NAME}_annotation_${annotation.attributes.body}`}\n        className={styles.cAnnotationContainer}\n      >\n        <UserAvatar\n          user={userData}\n          classes={classes}\n          isNative={isNative}\n          currentUser={currentUser}\n        />\n\n        <div className={styles.cAnnotationContainerTop}>\n          <div className={styles.cAnnotationContainerTopMainInfo}>\n            <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_userName`}>\n              {`${userData.first_name} ${userData.last_name}`}\n            </Typography>\n            <Typography\n              data-testid={`${PAGE_NAME}_addDate`}\n              variant=\"caption\"\n              className={classes.createdAt}\n            >\n              {moment(annotation.attributes.created_at).format(CREATED_AT_FORMAT)}\n            </Typography>\n          </div>\n          <div\n            className={classNames(styles.cAnnotationContainerTopMenu, {\n              [styles.cAnnotationContainerTopMenuSmall]: isSmallScreen,\n            })}\n          >\n            <MenuButton\n              actionsMenuAnchorEl={actionsMenuAnchorEl}\n              handleToggleActionsMenu={handleToggleActionsMenu}\n              handleEdit={() => setIsEdit(true)}\n              handleDelete={() => setDeleteDialogOpen(true)}\n              classes={classes}\n            />\n          </div>\n        </div>\n\n        <Divider className={classes.headerDividerRoot} />\n\n        <div data-testid={`${PAGE_NAME}_message`} className={styles.cAnnotationContainerContent}>\n          {isEdit ? (\n            <AnnotationInput\n              initialText={annotation.attributes.body}\n              assetCompanyId={assetCompanyId}\n              initialPeriod={annotation.attributes.created_at}\n              initialAttachment={attachment}\n              onSend={handleEdit}\n              onClose={() => setIsEdit(false)}\n              closeOnEsc\n            />\n          ) : (\n            <>\n              {formatMentionText(\n                annotation.attributes.body,\n                annotation.relationships.mentioned_users.data,\n                isNative,\n                null,\n                currentUser\n              )}\n              {attachment && attachment.signed_url && (\n                <Attachment\n                  attachmentUrl={attachment.signed_url}\n                  fileName={attachment.file_name}\n                  size=\"small\"\n                />\n              )}\n            </>\n          )}\n        </div>\n      </div>\n      <div\n        data-testid={`${PAGE_NAME}_comments_${annotation.attributes.body}`}\n        className={styles.cAnnotationComments}\n      >\n        <div className={styles.cAnnotationCommentsInfo}>\n          <Typography\n            data-testid={`${PAGE_NAME}_commentButton`}\n            variant=\"caption\"\n            color=\"primary\"\n            className={classes.link}\n            onClick={() => setCommentInputIsOpen(true)}\n          >\n            Comment\n          </Typography>\n          <CommentsInfo\n            commentsCount={commentsCount}\n            usersWhoCommented={userWhoCommented}\n            activeUsersList={activeUsersList}\n            currentUser={currentUser}\n            small\n          />\n        </div>\n        <AnnotationComments\n          annotationId={annotation.id}\n          commentInputIsOpen={commentInputIsOpen}\n          setCommentInputIsOpen={setCommentInputIsOpen}\n          commentsCount={commentsCount}\n          initialCommentsCount={initialCommentsCount}\n          assetCompanyId={assetCompanyId}\n          setCommentsCount={setCommentsCount}\n          currentUser={currentUser}\n        />\n      </div>\n      {deleteDialogOpen && (\n        <ConfirmationDialog\n          open={deleteDialogOpen}\n          text=\"Do you really want to delete annotation?\"\n          handleClose={() => setDeleteDialogOpen(false)}\n          handleOk={handleDelete}\n          okText=\"Delete\"\n        />\n      )}\n    </Paper>\n  );\n};\n\nUserAvatar.propTypes = {\n  user: shape({\n    id: number.isRequired,\n    first_name: string.isRequired,\n    last_name: string.isRequired,\n    profile_photo: string.isRequired,\n  }).isRequired,\n  currentUser: shape({}).isRequired,\n  classes: shape({}).isRequired,\n};\n\nMenuButton.propTypes = {\n  actionsMenuAnchorEl: oneOf([node, null]).isRequired,\n  handleToggleActionsMenu: func.isRequired,\n  classes: shape({}).isRequired,\n  handleDelete: func.isRequired,\n  handleEdit: func.isRequired,\n};\n\nAnnotation.propTypes = {\n  included: arrayOf(shape({})).isRequired,\n  annotation: shape({\n    relationships: shape({\n      user: shape({ data: shape({ id: string.isRequired }).isRequired }).isRequired,\n      mentioned_users: shape({ data: arrayOf(shape({})).isRequired }).isRequired,\n    }).isRequired,\n    attributes: shape({ body: string.isRequired, created_at: string.isRequired }),\n  }).isRequired,\n  classes: shape({}).isRequired,\n  showSuccessNotification: func,\n  width: string.isRequired,\n  assetCompanyId: number.isRequired,\n};\n\nAnnotation.defaultProps = {\n  showSuccessNotification: () => undefined,\n};\n\nexport default flowRight([withStyles(muiStyles), withWidth()])(Annotation);\n"],"names":["PAGE_NAME","UserAvatar","_ref","user","currentUser","classes","_jsx","className","styles","cAnnotationUserAvatar","children","isNative","Avatar","displayName","concat","first_name","last_name","imgSrc","profile_photo","size","avatar","UserCardPopover","MenuButton","_ref2","actionsMenuAnchorEl","handleToggleActionsMenu","handleEdit","handleDelete","_jsxs","_Fragment","IconButton","cAnnotationContainerActionsMenu","undefined","iconButtonRoot","onClick","MoreVertIcon","htmlColor","grey","Menu","id","anchorOrigin","vertical","horizontal","transformOrigin","anchorEl","open","MenuItem","Annotation","_ref3","_ref6","_ref7","included","annotation","assetCompanyId","showSuccessNotification","width","useState","_useState2","_slicedToArray","_useState","commentInputIsOpen","setCommentInputIsOpen","_useState4","_useState3","setActionsMenuAnchorEl","_useState6","_useState5","isEdit","setIsEdit","_useState8","_useState7","deleteDialogOpen","setDeleteDialogOpen","isSmallScreen","isWidthUp","initialCommentsCount","attributes","comments_count","_useState10","_useState9","commentsCount","setCommentsCount","dispatch","useAnnotationsDispatch","activeUsersList","relationships","comment_users","data","reduce","users","_ref4","userData","find","push","userWhoCommented","map","_ref5","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","deleteAnnotation","sent","type","DELETE_ANNOTATION","t0","console","error","stop","apply","this","arguments","body","period","attachment","changedAnnotation","updatedAnnotation","_context2","active_until","file_name","attachmentName","signed_url","attachmentUrl","patchAnnotation","EDIT_ANNOTATION","abrupt","_callee2","_x","_x2","_x3","userId","_ref8","Paper","container","elevation","cAnnotationContainer","cAnnotationContainerTop","cAnnotationContainerTopMainInfo","Typography","variant","createdAt","moment","created_at","format","classNames","cAnnotationContainerTopMenu","cAnnotationContainerTopMenuSmall","event","currentT","currentTarget","Divider","headerDividerRoot","cAnnotationContainerContent","AnnotationInput","initialText","initialPeriod","initialAttachment","onSend","onClose","closeOnEsc","formatMentionText","mentioned_users","Attachment","fileName","cAnnotationComments","cAnnotationCommentsInfo","color","link","CommentsInfo","usersWhoCommented","small","AnnotationComments","annotationId","ConfirmationDialog","text","handleClose","handleOk","okText","propTypes","shape","number","isRequired","string","oneOf","node","func","arrayOf","defaultProps","Annotation$1","flowRight","withStyles","theme","backgroundColor","marginBottom","marginLeft","margin","palette","cursor","height","padding","withWidth"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import n from'./../../../../../../ext-esm/style-inject/dist/style-inject.es.js';var t={cAnnotationContainer:"style_cAnnotationContainer__RZDNb",cAnnotationComments:"style_cAnnotationComments__0I3Tx",cAnnotationContainerTop:"style_cAnnotationContainerTop__9CQ47",cAnnotationContainerTopMainInfo:"style_cAnnotationContainerTopMainInfo__s2Mek",cAnnotationContainerTopMenu:"style_cAnnotationContainerTopMenu__JfKag",cAnnotationContainerTopMenuSmall:"style_cAnnotationContainerTopMenuSmall__T43Ll",cAnnotationUserAvatar:"style_cAnnotationUserAvatar__mrWQu",cAnnotationCommentsInfo:"style_cAnnotationCommentsInfo__T4YFf"};n(".style_cAnnotationContainer__RZDNb{padding:15px 16px 0 22px;position:relative}.style_cAnnotationComments__0I3Tx{padding:16px 16px 16px 22px}.style_cAnnotationContainerTop__9CQ47{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.style_cAnnotationContainerTopMainInfo__s2Mek,.style_cAnnotationContainerTopMenu__JfKag{align-items:center;display:flex}.style_cAnnotationContainerTopMenuSmall__T43Ll{justify-content:space-between}.style_cAnnotationUserAvatar__mrWQu{background-color:grey;border-radius:100%;height:38px;left:-23px;position:absolute;top:15px;width:38px}.style_cAnnotationCommentsInfo__T4YFf{align-items:center;display:flex}");export{t as default};
+//# sourceMappingURL=style.css.js.map

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

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

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

@@ -0,0 +1,2 @@
+import e from"@babel/runtime/helpers/asyncToGenerator";import n from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/regenerator";import{useRef as o,useState as s,useEffect as i}from"react";import{string as a,bool as c,number as m,func as u,shape as p}from"prop-types";import{withStyles as l}from"@material-ui/core/styles";import{Button as d,Typography as f}from"@material-ui/core";import C from"./style.css.js";import{getAnnotationComments as h,postAnnotationComment as v}from"../../../../../../clients/jsonApi/index.js";import b from"../../../../../LoadingIndicator/LoadingIndicator.js";import I from"../../../../../CommentInput/index.js";import y from"../../../../../CommentLoader.js";import x from"../../../../../Comment/index.js";import{jsx as g,jsxs as k}from"react/jsx-runtime";var w=function(a){var c=a.annotationId,m=a.commentInputIsOpen,u=a.commentsCount,p=a.setCommentsCount,l=a.initialCommentsCount,w=a.classes,R=a.assetCompanyId,j=a.currentUser,q=o(),A=s([]),L=t(A,2),M=L[0],N=L[1],T=s(!1),U=t(T,2),_=U[0],O=U[1],V=s(!1),z=t(V,2),D=z[0],G=z[1],P=s(1),B=t(P,2),E=B[0],F=B[1],H=s(3),J=t(H,2),K=J[0],Q=J[1],S=function(e){var t=M.findIndex((function(n){return n.id===e.id})),r=n(M);r.splice(t,1,e),N(r)},W=function(e){N(M.filter((function(n){return n.id!==e}))),p(u-1)};i((function(){function n(){return(n=e(r.mark((function e(){var n;return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(c){e.next=2;break}return e.abrupt("return");case 2:return O(!0),e.prev=3,e.next=6,h(c,{page:E,per_page:3,order:"desc"});case 6:n=e.sent,N(n),e.next=13;break;case 10:e.prev=10,e.t0=e.catch(3),console.error(e.t0);case 13:O(!1);case 14:case"end":return e.stop()}}),e,null,[[3,10]])})))).apply(this,arguments)}!function(){n.apply(this,arguments)}()}),[]);var X,Y=(X=e(r.mark((function e(){var t,o,s;return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return O(!0),Q((o=(t=3===K)?7:10)+K),e.prev=4,e.next=7,h(c,{page:t?1:E,per_page:o,order:"desc",offset:1===E?M.length:u-l+10});case 7:s=e.sent,N([].concat(n(M),n(s))),t||F(E+1),e.next=15;break;case 12:e.prev=12,e.t0=e.catch(4),console.error(e.t0);case 15:O(!1);case 16:case"end":return e.stop()}}),e,null,[[4,12]])}))),function(){return X.apply(this,arguments)}),Z=M.slice(0,K).reverse(),$=u>K;return _&&!M.length?g(b,{fullscreen:!1}):k("div",{className:C.cAnnotationCommentsList,children:[$&&g(d,{"data-testid":"".concat("annotationComments","_viewMoreComments"),className:w.showMore,onClick:Y,children:g(f,{variant:"caption",color:"primary",children:"View more comments"})}),k("div",{className:C.cAnnotationCommentsListItems,children:[_&&M.length&&g(b,{fullscreen:!1,size:30}),Z.map((function(e){return g(x,{comment:e,handleDeleteCallback:W,patchCommentCallback:S,companyId:R,currentUser:j},e.id)}))]}),D&&g(y,{spaceAround:!0}),m&&g("div",{className:C.cAnnotationCommentsListInput,children:g(I,{inputRef:q,postComment:function(e){return v(c,e)},setIsPosting:G,postCommentCallback:function(e){N([e].concat(n(M))),p(u+1)},onMount:function(){var e=q.current;e&&(e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"}),e.focus())},companyId:R,currentUser:j})})]})};w.propTypes={annotationId:a.isRequired,commentInputIsOpen:c.isRequired,commentsCount:m.isRequired,initialCommentsCount:m.isRequired,setCommentsCount:u.isRequired,classes:p().isRequired,assetCompanyId:m.isRequired,currentUser:p({}).isRequired};var R=l({showMore:{textTransform:"none",backgroundColor:"transparent!important",padding:0}})(w);export{R as default};
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StyledSelect.js","sources":["../../../../../../../src/components/Annotations/components/AnnotationsList/components/AnnotationInput/StyledSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Select } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst muiStyles = {\n  rootParent: {\n    overflow: 'hidden',\n  },\n  root: {\n    fontSize: '10px',\n    lineHeight: '12px',\n  },\n  select: {\n    padding: '0 40px 0 0',\n  },\n};\n\nfunction StyledSelect({ classes, ...props }) {\n  return <Select classes={classes} className={classes.rootParent} {...props} />;\n}\n\nStyledSelect.propTypes = {\n  classes: PropTypes.shape().isRequired,\n};\n\nexport default withStyles(muiStyles, { withTheme: true })(StyledSelect);\n"],"names":["StyledSelect","_ref","classes","props","_objectWithoutProperties","_excluded","_jsx","Select","_objectSpread","className","rootParent","propTypes","PropTypes","shape","isRequired","withStyles","overflow","root","fontSize","lineHeight","select","padding","withTheme"],"mappings":"sgBAiBA,SAASA,EAAoCC,GAAA,IAArBC,IAAAA,QAAYC,EAAKC,EAAAH,EAAAI,GACvC,OAAOC,EAACC,iWAAMC,CAAA,CAACN,QAASA,EAASO,UAAWP,EAAQQ,YAAgBP,GACtE,CAEAH,EAAaW,UAAY,CACvBT,QAASU,EAAUC,QAAQC,YAG7B,IAAeC,EAAAA,EArBG,CAChBL,WAAY,CACVM,SAAU,UAEZC,KAAM,CACJC,SAAU,OACVC,WAAY,QAEdC,OAAQ,CACNC,QAAS,eAYwB,CAAEC,WAAW,GAAnCP,CAA2Cf"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Annotations/components/AnnotationsList/components/AnnotationInput/index.js"],"sourcesContent":["import { useState } from 'react';\nimport moment from 'moment';\nimport { string, bool, shape, func, number } from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport {\n  Paper,\n  Input,\n  Tooltip,\n  Typography,\n  IconButton,\n  FormControl,\n  InputLabel,\n  MenuItem,\n} from '@material-ui/core';\nimport SendIcon from '@material-ui/icons/Send';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { ANNOTATION_ACTIVE_PERIODS } from '../../../../constants';\n\nimport StyledSelect from './StyledSelect';\n\nimport styles from './style.css';\n\nimport UserMention from '~components/UserMention';\nimport EmojiIconButton from '~components/EmojiIconButton';\nimport FileUploadIconButton from '~components/FileUploadIconButton';\nimport FailedFileUploading from '~components/FailedFileUploading';\nimport FilePreview from '~components/FilePreview';\nimport { isSuggestionsListOpened } from '~components/UserMention/utils';\nimport useEscPress from '~/effects/useEscPress';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst ANNOTATION_ACTIVE_PERIODS_KEYS = Object.keys(ANNOTATION_ACTIVE_PERIODS);\nconst ANNOTATION_PLACEHOLDER = 'Type annotation here';\n\nconst muiStyles = theme => ({\n  inputLabel: {\n    color: theme.palette.grey[700],\n    fontWeight: 200,\n    width: '100%',\n  },\n  inputRoot: {\n    lineHeight: 15,\n  },\n  sendLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    fontWeight: 200,\n    color: theme.palette.grey[700],\n    marginRight: 22,\n    fontSize: 10,\n  },\n  sendButton: {\n    padding: 5,\n  },\n  labelHighlighter: {\n    fontWeight: 200,\n    fontSize: 10,\n  },\n  selectLabel: {\n    fontSize: 10,\n    lineHeight: '14px',\n    color: theme.palette.grey[500],\n  },\n  uploadingError: {\n    paddingTop: '10px',\n  },\n});\n\nconst getAnnotationActiveUntil = (value, initialPeriod) => {\n  if (value === 'forever') return null;\n\n  const period = ANNOTATION_ACTIVE_PERIODS[value];\n  return moment(initialPeriod).add(period.time.amount, period.time.key).format();\n};\n\nconst AnnotationInput = ({\n  initialText,\n  initialPeriod,\n  onSend,\n  onClose,\n  closeOnEsc,\n  classes,\n  initialAttachment,\n  assetCompanyId,\n  currentUser,\n}) => {\n  const [annotationText, setAnnotationText] = useState(initialText);\n  const [attachment, setAttachment] = useState(() =>\n    initialAttachment\n      ? {\n          attachmentName: initialAttachment.file_name,\n          attachmentUrl: initialAttachment.signed_url || initialAttachment.s3_link,\n        }\n      : null\n  );\n  const [uploadError, setUploadError] = useState(null);\n  const [isShiftKeyDown, setIsShiftKeyDown] = useState(false);\n  const [period, setPeriod] = useState(ANNOTATION_ACTIVE_PERIODS_KEYS[0]);\n\n  useEscPress(() => {\n    if (closeOnEsc) onClose();\n  });\n\n  const handleSend = () => {\n    if (annotationText) {\n      const formattedPeriod = getAnnotationActiveUntil(period, initialPeriod);\n      onSend(annotationText, formattedPeriod, attachment);\n    }\n  };\n\n  const handlePeriodChange = e => setPeriod(e.target.value);\n\n  const handleKeyDown = e => {\n    if (e.key === 'Shift') setIsShiftKeyDown(true);\n\n    if (e.key === 'Enter' && !isShiftKeyDown && !isSuggestionsListOpened()) {\n      e.preventDefault(); // NOTE: Don't add linebreak to the post\n      handleSend();\n    }\n  };\n\n  const handleKeyUp = e => {\n    if (e.key === 'Shift') setIsShiftKeyDown(false);\n  };\n\n  const handleSelectEmoji = emoji => setAnnotationText(`${annotationText}${emoji.native}`);\n\n  const handleAnnotationTextChange = text => setAnnotationText(text);\n\n  const onFileUploaded = (attachmentUrl, attachmentName, attachmentSize) => {\n    setAttachment({ attachmentUrl, attachmentName, attachmentSize });\n    setUploadError(null);\n  };\n\n  const onUploadingError = error => {\n    setAttachment(null);\n    setUploadError(error);\n  };\n\n  const onAttachmentDelete = () => {\n    setAttachment(null);\n    setUploadError(null);\n  };\n\n  return (\n    <div className={styles.cAnnotationInput}>\n      <Paper className={styles.cAnnotationInputContent}>\n        <Input\n          data-testid={`${PAGE_NAME}_annotationsInput`}\n          inputComponent={UserMention}\n          inputProps={{\n            withLightTheme: false,\n            onChange: handleAnnotationTextChange,\n            onKeyDown: handleKeyDown,\n            onKeyUp: handleKeyUp,\n            companyId: assetCompanyId,\n            currentUser,\n          }}\n          placeholder={ANNOTATION_PLACEHOLDER}\n          fullWidth\n          disableUnderline\n          multiline\n          rows=\"3\"\n          className={classes.inputRoot}\n          value={annotationText}\n        />\n        <div className={styles.cAnnotationInputContentActions}>\n          <Tooltip title=\"Attach File\" placement=\"bottom\">\n            <div className={styles.cAnnotationInputContentActionsButton}>\n              <FileUploadIconButton\n                data-testid={`${PAGE_NAME}_attachFileButton`}\n                openPreviewDialogOnUpload={false}\n                disableRipple\n                onFinish={onFileUploaded}\n                onError={onUploadingError}\n                htmlColor=\"action\"\n              />\n            </div>\n          </Tooltip>\n          <Tooltip title=\"Add Emoji\" placement=\"bottom\">\n            <div className={styles.cAnnotationInputContentActionsButton}>\n              <EmojiIconButton\n                data-testid={`${PAGE_NAME}_emojiButton`}\n                htmlColor={grey[400]}\n                handleSelectEmoji={handleSelectEmoji}\n              />\n            </div>\n          </Tooltip>\n        </div>\n      </Paper>\n      {uploadError && (\n        <FailedFileUploading className={classes.uploadingError} errorMessage={uploadError} />\n      )}\n      {attachment && attachment.attachmentUrl && (\n        <FilePreview\n          fileName={attachment.attachmentName}\n          fileUrl={attachment.attachmentUrl}\n          handleFileDelete={onAttachmentDelete}\n        />\n      )}\n      <div className={styles.cAnnotationInputActions}>\n        <FormControl className={classes.formControl}>\n          <InputLabel shrink id=\"periods-label-label\" className={classes.selectLabel}>\n            Active\n          </InputLabel>\n          <StyledSelect\n            data-testid={`${PAGE_NAME}_periodDropdown`}\n            labelId=\"periods-label-label\"\n            id=\"periods-label\"\n            value={period}\n            disableUnderline\n            onChange={handlePeriodChange}\n          >\n            {ANNOTATION_ACTIVE_PERIODS_KEYS.map(key => (\n              <MenuItem\n                data-testid={`${PAGE_NAME}_period_${ANNOTATION_ACTIVE_PERIODS[key].label}MenuItem`}\n                key={key}\n                value={key}\n              >\n                {ANNOTATION_ACTIVE_PERIODS[key].label}\n              </MenuItem>\n            ))}\n          </StyledSelect>\n        </FormControl>\n        <div className={styles.cAnnotationInputActionsSend}>\n          <Typography variant=\"caption\" className={classes.sendLabel}>\n            Press&nbsp;\n            <Typography\n              variant=\"caption\"\n              color=\"primary\"\n              component=\"span\"\n              className={classes.labelHighlighter}\n            >\n              Enter&nbsp;\n            </Typography>\n            to send&nbsp;\n          </Typography>\n          <Tooltip title=\"Send\" placement=\"bottom\">\n            <div>\n              {/* div to display label since button is disabled */}\n              <IconButton\n                data-testid={`${PAGE_NAME}_sendButton`}\n                className={classes.sendButton}\n                onClick={handleSend}\n                disabled={!annotationText}\n              >\n                <SendIcon color=\"primary\" />\n              </IconButton>\n            </div>\n          </Tooltip>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nAnnotationInput.propTypes = {\n  initialText: string,\n  initialPeriod: string,\n  initialAttachment: shape({\n    file_name: string,\n    s3_link: string,\n  }),\n  onSend: func,\n  onClose: func,\n  closeOnEsc: bool,\n  assetCompanyId: number.isRequired,\n  currentUser: shape().isRequired,\n\n  classes: shape().isRequired,\n};\n\nAnnotationInput.defaultProps = {\n  initialText: '',\n  initialPeriod: undefined,\n  initialAttachment: null,\n  onSend: () => undefined,\n  onClose: () => undefined,\n  closeOnEsc: false,\n};\n\nexport default withStyles(muiStyles)(AnnotationInput);\n"],"names":["PAGE_NAME","ANNOTATION_ACTIVE_PERIODS_KEYS","Object","keys","ANNOTATION_ACTIVE_PERIODS","AnnotationInput","_ref","initialText","initialPeriod","onSend","onClose","closeOnEsc","classes","initialAttachment","assetCompanyId","currentUser","useState","_useState2","_slicedToArray","_useState","annotationText","setAnnotationText","_useState3","attachmentName","file_name","attachmentUrl","signed_url","s3_link","_useState4","attachment","setAttachment","_useState6","_useState5","uploadError","setUploadError","_useState8","_useState7","isShiftKeyDown","setIsShiftKeyDown","_useState9","_useState10","period","setPeriod","useEscPress","handleSend","formattedPeriod","value","moment","add","time","amount","key","format","getAnnotationActiveUntil","_jsxs","className","styles","cAnnotationInput","children","Paper","cAnnotationInputContent","_jsx","Input","concat","inputComponent","UserMention","inputProps","withLightTheme","onChange","text","onKeyDown","e","isSuggestionsListOpened","preventDefault","onKeyUp","companyId","placeholder","fullWidth","disableUnderline","multiline","rows","inputRoot","cAnnotationInputContentActions","Tooltip","title","placement","cAnnotationInputContentActionsButton","FileUploadIconButton","openPreviewDialogOnUpload","disableRipple","onFinish","attachmentSize","onError","error","htmlColor","EmojiIconButton","grey","handleSelectEmoji","emoji","native","FailedFileUploading","uploadingError","errorMessage","FilePreview","fileName","fileUrl","handleFileDelete","cAnnotationInputActions","FormControl","formControl","InputLabel","shrink","id","selectLabel","StyledSelect","labelId","target","map","MenuItem","label","cAnnotationInputActionsSend","Typography","variant","sendLabel","color","component","labelHighlighter","IconButton","sendButton","onClick","disabled","SendIcon","propTypes","string","shape","func","bool","number","isRequired","defaultProps","undefined","AnnotationInput$1","withStyles","theme","inputLabel","palette","fontWeight","width","lineHeight","display","alignItems","marginRight","fontSize","padding","paddingTop"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import t from'./../../../../../../ext-esm/style-inject/dist/style-inject.es.js';var n={cAnnotationInput:"style_cAnnotationInput__yG50Z",cAnnotationInputContent:"style_cAnnotationInputContent__IiRy4",cAnnotationInputContentActions:"style_cAnnotationInputContentActions__agaLg",cAnnotationInputContentActionsButton:"style_cAnnotationInputContentActionsButton__v0-tn",cAnnotationInputActions:"style_cAnnotationInputActions__t25CL",cAnnotationInputActionsSend:"style_cAnnotationInputActionsSend__C8bHa"};t(".style_cAnnotationInput__yG50Z{display:flex;flex-direction:column;position:relative;width:100%}.style_cAnnotationInput__yG50Z .c-component-file-preview{margin-left:0;width:100%}.style_cAnnotationInputContent__IiRy4{border:2px solid #03bcd4;box-shadow:none;height:147px;padding:6px 13px;width:100%}.style_cAnnotationInputContentActions__agaLg{display:flex;justify-content:flex-end;width:100%}.style_cAnnotationInputContentActionsButton__v0-tn{display:inline-block;vertical-align:top}.style_cAnnotationInputActions__t25CL{display:flex;justify-content:space-between;margin-top:10px}.style_cAnnotationInputActionsSend__C8bHa{align-items:center;display:flex}");export{n as default};
+//# sourceMappingURL=style.css.js.map

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

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