@corva/ui 3.75.0-2 → 3.75.0-21

package/cjs-bundle/components/CommentComposer/useAttachmentUpload.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),r=require("@babel/runtime/helpers/asyncToGenerator"),n=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),u=require("@babel/runtime/regenerator"),i=require("react"),l=require("react-s3-uploader/s3upload"),o=require("../AttachmentPreview/getAttachmentKind.js"),a=require("../AttachFileButton/AttachFileButton.js"),c=require("../../clients/jsonApi/index.js"),f=require("../../utils/links.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(e),p=s(r),v=s(n),m=s(t),h=s(u),g=s(l);function b(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function U(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){v.default(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var w=function(e){return e.type.startsWith("image/")?"image":e.type.startsWith("video/")?"video":"file"},k=function(e){return(e/1048576).toFixed(1)},y=function(e){return{id:e.url,name:e.name,file:null,previewUrl:"",isUploading:!1,error:null,uploaded:e}},j=0,C=function(){return"attachment-".concat(j+=1)};exports.DEFAULT_MAX_ATTACHMENTS=10,exports.useAttachmentUpload=function(e){var r,n,t=e.value,u=e.onChange,l=e.onError,s=e.maxSizeBytes,v=e.maxFiles,b=void 0===v?10:v,j=e.accept,O=void 0===j?a.ACCEPTED_ATTACHMENT_TYPES:j,A=i.useState([]),E=m.default(A,2),S=E[0],R=E[1],F=i.useRef(null),x=i.useRef(new Map),L=i.useRef(new Map),P=i.useRef([]),T=i.useRef(u),q=i.useRef(l);T.current=u,q.current=l;var z=i.useRef([]),M=i.useCallback((function(e){var r=e(P.current);P.current=r,R(r),z.current=function(e){return e.map((function(e){return e.uploaded})).filter(Boolean)}(r),T.current(z.current)}),[]),D=i.useCallback((function(e,r){return M((function(n){return n.map((function(n){return n.id===e?U(U({},n),r):n}))}))}),[M]),B=i.useCallback((function(e){var r,n;null===(r=x.current.get(e))||void 0===r||r.abortUpload(),x.current.delete(e),L.current.set(e,(null!==(n=L.current.get(e))&&void 0!==n?n:0)+1)}),[]),_=i.useCallback((function(e){null!=e&&e.previewUrl&&URL.revokeObjectURL(e.previewUrl)}),[]),W=i.useCallback((function(){var e,r,n;null===(e=q.current)||void 0===e||e.call(q,null!==(r=null===(n=P.current.find((function(e){return e.error})))||void 0===n?void 0:n.error)&&void 0!==r?r:null)}),[]);i.useEffect((function(){return function(){x.current.forEach((function(e){return e.abortUpload()})),x.current.clear(),P.current.forEach((function(e){e.previewUrl&&URL.revokeObjectURL(e.previewUrl)}))}}),[]);var K=i.useCallback((function(e,r){var n,t=(null!==(n=L.current.get(e))&&void 0!==n?n:0)+1;L.current.set(e,t);var u,i,l=function(){return L.current.get(e)===t},o=function(r){var n;l()&&(D(e,{isUploading:!1,error:r}),null===(n=q.current)||void 0===n||n.call(q,r))},a="",f=new g.default({files:[r],preprocess:function(e,r){return r(e)},onProgress:function(){},getSignedUrl:(i=p.default(h.default.mark((function e(r,n){var t;return h.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,c.getS3SignedUrl(r.name,r.type);case 3:t=e.sent,a=t.file_name,n(U(U({},t),{},{signedUrl:t.signed_url})),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(0),o((null===e.t0||void 0===e.t0?void 0:e.t0.message)||"Failed to upload the file");case 11:case"end":return e.stop()}}),e,null,[[0,8]])}))),function(e,r){return i.apply(this,arguments)}),onFinishS3Put:(u=p.default(h.default.mark((function n(){var t,u;return h.default.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.prev=0,n.next=3,c.getS3DownloadLink(a);case 3:if(t=n.sent,u=t.url,l()){n.next=7;break}return n.abrupt("return");case 7:x.current.delete(e),D(e,{isUploading:!1,error:null,uploaded:{url:u,name:a,size:r.size}}),W(),n.next=15;break;case 12:n.prev=12,n.t0=n.catch(0),o((null===n.t0||void 0===n.t0?void 0:n.t0.message)||"Failed to upload the file");case 15:case"end":return n.stop()}}),n,null,[[0,12]])}))),function(){return u.apply(this,arguments)}),onError:function(e){return o(e||"Failed to upload the file")}});x.current.set(e,f)}),[D,W]),N=i.useCallback((function(e){var r,n=f.getUrlFileName(e);n&&(P.current.length>=b?null===(r=q.current)||void 0===r||r.call(q,"You can attach up to ".concat(b," files.")):P.current.some((function(r){var n;return(null===(n=r.uploaded)||void 0===n?void 0:n.url)===e}))||M((function(r){return[].concat(d.default(r),[{id:C(),name:n,file:null,previewUrl:e,isUploading:!1,error:null,uploaded:{url:e,name:n}}])})))}),[M,b]),Y=i.useCallback((function(e){var r,n,t,u,i=e.filter((function(e){return function(e,r){return r.split(",").map((function(e){return e.trim().toLowerCase()})).filter(Boolean).some((function(r){if(r.startsWith("."))return e.name.toLowerCase().endsWith(r);if(r.endsWith("/*")){var n=e.type.toLowerCase();return n?n.startsWith(r.slice(0,-1)):o.getAttachmentKind({name:e.name})===r.slice(0,-1)}return e.type.toLowerCase()===r}))}(e,O)})),l=i.length<e.length?1===e.length?"That file type is not supported.":"Some files were skipped — unsupported file type.":null,a="You can attach up to ".concat(b," files."),c=b-P.current.length;if(!i.length||c<=0){var f;null===(f=q.current)||void 0===f||f.call(q,i.length?a:l)}else{var p=i.slice(0,c),v=p.map((function(e){var r=w(e),n=!!s&&e.size>s;return{id:C(),name:e.name,file:e,previewUrl:"file"===r?"":URL.createObjectURL(e),isUploading:!n,error:n?"File is too large (".concat(k(e.size)," MB). Maximum size is ").concat(k(s)," MB."):null,uploaded:null}}));M((function(e){return[].concat(d.default(e),d.default(v))}));var m=i.length>p.length?a:null;null===(r=q.current)||void 0===r||r.call(q,null!==(n=null!==(t=null===(u=P.current.find((function(e){return e.error})))||void 0===u?void 0:u.error)&&void 0!==t?t:l)&&void 0!==n?n:m),v.filter((function(e){return!e.error})).forEach((function(e){return K(e.id,e.file)}))}}),[M,b,s,K,O]),H=i.useCallback((function(e){var r,n=Array.from(null!==(r=e.target.files)&&void 0!==r?r:[]);F.current&&(F.current.value=""),n.length&&Y(n)}),[Y]),I=i.useCallback((function(){var e;return null===(e=F.current)||void 0===e?void 0:e.click()}),[]),G=i.useCallback((function(e){var r=String(e);B(r),_(P.current.find((function(e){return e.id===r}))),M((function(e){return e.filter((function(e){return e.id!==r}))})),W()}),[B,_,M,W]),X=i.useCallback((function(e){var r=String(e),n=P.current.find((function(e){return e.id===r}));null!=n&&n.file&&(B(r),D(r,{isUploading:!0,error:null}),W(),K(r,n.file))}),[B,D,K,W]),J=i.useCallback((function(e){return M((function(r){var n=new Map(r.map((function(e){return[e.id,e]}))),t=e.map((function(e){return n.get(String(e))})).filter(Boolean),u=r.filter((function(r){return!e.some((function(e){return String(e)===r.id}))}));return[].concat(d.default(t),d.default(u))}))}),[M]),Q=i.useCallback((function(){var e;P.current.forEach((function(e){B(e.id),_(e)})),M((function(){return[]})),null===(e=q.current)||void 0===e||e.call(q,null)}),[B,M,_]);i.useEffect((function(){var e,r,n;(r=z.current,n=t,r.length===n.length&&r.every((function(e,r){return e.url===n[r].url})))||(P.current.forEach((function(e){B(e.id),e.previewUrl&&URL.revokeObjectURL(e.previewUrl)})),P.current=t.map(y),z.current=t,R(P.current),null===(e=q.current)||void 0===e||e.call(q,null))}),[t,B]);var V=i.useState({}),Z=m.default(V,2),$=Z[0],ee=Z[1],re=i.useRef($);re.current=$;var ne=S.filter((function(e){return!e.file&&!e.previewUrl&&e.uploaded})).map((function(e){return e.uploaded.name})).join("|");return i.useEffect((function(){var e=ne.split("|").filter((function(e){return e&&!(e in re.current)}));if(e.length){var r=!0;return Promise.all(e.map((function(e){return c.getS3DownloadLink(e,"inline").then((function(r){var n=r.url;return[e,n]})).catch((function(r){return console.error('Failed to sign stored attachment "'.concat(e,'"'),r),[e,""]}))}))).then((function(e){r&&ee((function(r){return U(U({},r),Object.fromEntries(e))}))})),function(){r=!1}}}),[ne]),{items:S.reduce((function(e,r){var n;if(r.file)return e.push({id:r.id,name:r.name,src:r.previewUrl,kind:w(r.file),size:r.file.size,isUploading:r.isUploading,error:null!==(n=r.error)&&void 0!==n?n:void 0}),e;var t=r.uploaded,u=o.getAttachmentKind(t),i=r.previewUrl||$[t.name];return"file"===u||i?(e.push({id:r.id,name:t.name,src:i,kind:u,size:t.size}),e):e}),[]),fileInputRef:F,openFileDialog:I,handleFileSelect:H,addFiles:Y,addLinkedImage:N,removeAttachment:G,handleRetry:X,reorderAttachments:J,clearAttachments:Q,isUploading:S.some((function(e){return e.isUploading})),error:null!==(r=null===(n=S.find((function(e){return e.error})))||void 0===n?void 0:n.error)&&void 0!==r?r:null,count:S.length,isFull:S.length>=b,maxFiles:b}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),r=require("@babel/runtime/helpers/asyncToGenerator"),n=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),u=require("@babel/runtime/regenerator"),i=require("react"),l=require("react-s3-uploader/s3upload"),o=require("../AttachmentPreview/getAttachmentKind.js"),a=require("../AttachFileButton/AttachFileButton.js"),c=require("../../clients/jsonApi/index.js"),f=require("../../utils/links.js"),s=require("../../utils/signedLinkCache.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(e),v=d(r),m=d(n),h=d(t),g=d(u),b=d(l);function U(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function k(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?U(Object(n),!0).forEach((function(r){m.default(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var w=function(e){return e.type.startsWith("image/")?"image":e.type.startsWith("video/")?"video":"file"},y=function(e){return(e/1048576).toFixed(1)},j=function(e){return{id:e.url,name:e.name,file:null,previewUrl:"",isUploading:!1,error:null,uploaded:e}},C=0,O=function(){return"attachment-".concat(C+=1)};exports.DEFAULT_MAX_ATTACHMENTS=10,exports.useAttachmentUpload=function(e){var r,n,t=e.value,u=e.onChange,l=e.onError,d=e.maxSizeBytes,m=e.maxFiles,U=void 0===m?10:m,C=e.accept,A=void 0===C?a.ACCEPTED_ATTACHMENT_TYPES:C,S=i.useState([]),E=h.default(S,2),L=E[0],R=E[1],F=i.useRef(null),x=i.useRef(new Map),P=i.useRef(new Map),q=i.useRef([]),T=i.useRef(u),z=i.useRef(l);T.current=u,z.current=l;var M=i.useRef([]),D=i.useCallback((function(e){var r=e(q.current);q.current=r,R(r),M.current=function(e){return e.map((function(e){return e.uploaded})).filter(Boolean)}(r),T.current(M.current)}),[]),B=i.useCallback((function(e,r){return D((function(n){return n.map((function(n){return n.id===e?k(k({},n),r):n}))}))}),[D]),_=i.useCallback((function(e){var r,n;null===(r=x.current.get(e))||void 0===r||r.abortUpload(),x.current.delete(e),P.current.set(e,(null!==(n=P.current.get(e))&&void 0!==n?n:0)+1)}),[]),W=i.useCallback((function(e){null!=e&&e.previewUrl&&URL.revokeObjectURL(e.previewUrl)}),[]),K=i.useCallback((function(){var e,r,n;null===(e=z.current)||void 0===e||e.call(z,null!==(r=null===(n=q.current.find((function(e){return e.error})))||void 0===n?void 0:n.error)&&void 0!==r?r:null)}),[]);i.useEffect((function(){return function(){x.current.forEach((function(e){return e.abortUpload()})),x.current.clear(),q.current.forEach((function(e){e.previewUrl&&URL.revokeObjectURL(e.previewUrl)}))}}),[]);var N=i.useCallback((function(e,r){var n,t=(null!==(n=P.current.get(e))&&void 0!==n?n:0)+1;P.current.set(e,t);var u,i,l=function(){return P.current.get(e)===t},o=function(r){var n;l()&&(B(e,{isUploading:!1,error:r}),null===(n=z.current)||void 0===n||n.call(z,r))},a="",f=new b.default({files:[r],preprocess:function(e,r){return r(e)},onProgress:function(){},getSignedUrl:(i=v.default(g.default.mark((function e(r,n){var t;return g.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,c.getS3SignedUrl(r.name,r.type);case 3:t=e.sent,a=t.file_name,n(k(k({},t),{},{signedUrl:t.signed_url})),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(0),o((null===e.t0||void 0===e.t0?void 0:e.t0.message)||"Failed to upload the file");case 11:case"end":return e.stop()}}),e,null,[[0,8]])}))),function(e,r){return i.apply(this,arguments)}),onFinishS3Put:(u=v.default(g.default.mark((function n(){var t;return g.default.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.prev=0,n.next=3,s.getSignedLink(a);case 3:if(t=n.sent,l()){n.next=6;break}return n.abrupt("return");case 6:x.current.delete(e),B(e,{isUploading:!1,error:null,uploaded:{url:t,name:a,size:r.size}}),K(),n.next=14;break;case 11:n.prev=11,n.t0=n.catch(0),o((null===n.t0||void 0===n.t0?void 0:n.t0.message)||"Failed to upload the file");case 14:case"end":return n.stop()}}),n,null,[[0,11]])}))),function(){return u.apply(this,arguments)}),onError:function(e){return o(e||"Failed to upload the file")}});x.current.set(e,f)}),[B,K]),Y=i.useCallback((function(e){var r,n=f.getUrlFileName(e);n&&(q.current.length>=U?null===(r=z.current)||void 0===r||r.call(z,"You can attach up to ".concat(U," files.")):q.current.some((function(r){var n;return(null===(n=r.uploaded)||void 0===n?void 0:n.url)===e}))||D((function(r){return[].concat(p.default(r),[{id:O(),name:n,file:null,previewUrl:e,isUploading:!1,error:null,uploaded:{url:e,name:n}}])})))}),[D,U]),H=i.useCallback((function(e){var r,n,t,u,i=e.filter((function(e){return function(e,r){return r.split(",").map((function(e){return e.trim().toLowerCase()})).filter(Boolean).some((function(r){if(r.startsWith("."))return e.name.toLowerCase().endsWith(r);if(r.endsWith("/*")){var n=e.type.toLowerCase();return n?n.startsWith(r.slice(0,-1)):o.getAttachmentKind({name:e.name})===r.slice(0,-1)}return e.type.toLowerCase()===r}))}(e,A)})),l=i.length<e.length?1===e.length?"That file type is not supported.":"Some files were skipped — unsupported file type.":null,a="You can attach up to ".concat(U," files."),c=U-q.current.length;if(!i.length||c<=0){var f;null===(f=z.current)||void 0===f||f.call(z,i.length?a:l)}else{var s=i.slice(0,c),v=s.map((function(e){var r=w(e),n=!!d&&e.size>d;return{id:O(),name:e.name,file:e,previewUrl:"file"===r?"":URL.createObjectURL(e),isUploading:!n,error:n?"File is too large (".concat(y(e.size)," MB). Maximum size is ").concat(y(d)," MB."):null,uploaded:null}}));D((function(e){return[].concat(p.default(e),p.default(v))}));var m=i.length>s.length?a:null;null===(r=z.current)||void 0===r||r.call(z,null!==(n=null!==(t=null===(u=q.current.find((function(e){return e.error})))||void 0===u?void 0:u.error)&&void 0!==t?t:l)&&void 0!==n?n:m),v.filter((function(e){return!e.error})).forEach((function(e){return N(e.id,e.file)}))}}),[D,U,d,N,A]),I=i.useCallback((function(e){var r,n=Array.from(null!==(r=e.target.files)&&void 0!==r?r:[]);F.current&&(F.current.value=""),n.length&&H(n)}),[H]),G=i.useCallback((function(){var e;return null===(e=F.current)||void 0===e?void 0:e.click()}),[]),X=i.useCallback((function(e){var r=String(e);_(r),W(q.current.find((function(e){return e.id===r}))),D((function(e){return e.filter((function(e){return e.id!==r}))})),K()}),[_,W,D,K]),J=i.useCallback((function(e){var r=String(e),n=q.current.find((function(e){return e.id===r}));null!=n&&n.file&&(_(r),B(r,{isUploading:!0,error:null}),K(),N(r,n.file))}),[_,B,N,K]),Q=i.useCallback((function(e){return D((function(r){var n=new Map(r.map((function(e){return[e.id,e]}))),t=e.map((function(e){return n.get(String(e))})).filter(Boolean),u=r.filter((function(r){return!e.some((function(e){return String(e)===r.id}))}));return[].concat(p.default(t),p.default(u))}))}),[D]),V=i.useCallback((function(){var e;q.current.forEach((function(e){_(e.id),W(e)})),D((function(){return[]})),null===(e=z.current)||void 0===e||e.call(z,null)}),[_,D,W]);i.useEffect((function(){var e,r,n;(r=M.current,n=t,r.length===n.length&&r.every((function(e,r){return e.url===n[r].url})))||(q.current.forEach((function(e){_(e.id),e.previewUrl&&URL.revokeObjectURL(e.previewUrl)})),q.current=t.map(j),M.current=t,R(q.current),null===(e=z.current)||void 0===e||e.call(z,null))}),[t,_]);var Z=i.useState((function(){return t.reduce((function(e,r){var n=s.peekSignedLink(r.name,"inline");return n&&(e[r.name]=n),e}),{})})),$=h.default(Z,2),ee=$[0],re=$[1],ne=i.useRef(ee);ne.current=ee;var te=L.filter((function(e){return!e.file&&!e.previewUrl&&e.uploaded})).map((function(e){return e.uploaded.name})).join("|");return i.useEffect((function(){var e=te.split("|").filter((function(e){return e&&!(e in ne.current)}));if(e.length){var r=!0;return Promise.all(e.map((function(e){return s.getSignedLink(e,"inline").then((function(r){return[e,r]})).catch((function(r){return console.error('Failed to sign stored attachment "'.concat(e,'"'),r),[e,""]}))}))).then((function(e){r&&re((function(r){return k(k({},r),Object.fromEntries(e))}))})),function(){r=!1}}}),[te]),{items:L.reduce((function(e,r){var n;if(r.file)return e.push({id:r.id,name:r.name,src:r.previewUrl,kind:w(r.file),size:r.file.size,isUploading:r.isUploading,hideDownload:!0,error:null!==(n=r.error)&&void 0!==n?n:void 0}),e;var t=r.uploaded,u=o.getAttachmentKind(t),i=r.previewUrl||ee[t.name];return"file"===u||i?(e.push({id:r.id,name:t.name,src:i,kind:u,size:t.size,hideDownload:!0}),e):e}),[]),fileInputRef:F,openFileDialog:G,handleFileSelect:I,addFiles:H,addLinkedImage:Y,removeAttachment:X,handleRetry:J,reorderAttachments:Q,clearAttachments:V,isUploading:L.some((function(e){return e.isUploading})),error:null!==(r=null===(n=L.find((function(e){return e.error})))||void 0===n?void 0:n.error)&&void 0!==r?r:null,count:L.length,isFull:L.length>=U,maxFiles:U}};
 //# sourceMappingURL=useAttachmentUpload.js.map

package/cjs-bundle/components/CommentComposer/useAttachmentUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAttachmentUpload.js","sources":["../../../../src/components/CommentComposer/useAttachmentUpload.ts"],"sourcesContent":["import { ChangeEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport S3Upload from 'react-s3-uploader/s3upload';\n\nimport type {\n  AttachmentKind,\n  AttachmentPreviewItem,\n} from '../AttachmentPreview/AttachmentPreview.types';\nimport { getAttachmentKind } from '../AttachmentPreview/getAttachmentKind';\nimport { ACCEPTED_ATTACHMENT_TYPES } from '../AttachFileButton';\n\nimport { getS3SignedUrl, getS3DownloadLink } from '~/clients/jsonApi';\nimport { getUrlFileName } from '~/utils/links';\n\nexport type UploadedAttachment = {\n  url: string;\n  name: string;\n  size?: number;\n};\n\ntype UseAttachmentUploadOptions = {\n  value: UploadedAttachment[];\n  onChange: (attachments: UploadedAttachment[]) => void;\n  onError?: (message: string | null) => void;\n  maxSizeBytes?: number;\n  maxFiles?: number;\n  /** Mirrors the file input's `accept`; also gates drag-and-drop. */\n  accept?: string;\n};\n\n/** A picked or already-stored file, in the order the user arranged it. */\ntype Entry = {\n  id: string;\n  name: string;\n  /** Set while the file is local; cleared entries come from `value`. */\n  file: File | null;\n  previewUrl: string;\n  isUploading: boolean;\n  error: string | null;\n  uploaded: UploadedAttachment | null;\n};\n\nexport const DEFAULT_MAX_ATTACHMENTS = 10;\n\n/** Same rules the file input enforces via `accept`, so drag-and-drop can't smuggle a type past it. */\nconst isAcceptedType = (file: File, accept: string) =>\n  accept\n    .split(',')\n    .map(rule => rule.trim().toLowerCase())\n    .filter(Boolean)\n    .some(rule => {\n      if (rule.startsWith('.')) return file.name.toLowerCase().endsWith(rule);\n      if (rule.endsWith('/*')) {\n        const type = file.type.toLowerCase();\n        if (type) return type.startsWith(rule.slice(0, -1));\n\n        return getAttachmentKind({ name: file.name }) === rule.slice(0, -1);\n      }\n\n      return file.type.toLowerCase() === rule;\n    });\n\nconst getFileKind = (file: File): AttachmentKind => {\n  if (file.type.startsWith('image/')) return 'image';\n  if (file.type.startsWith('video/')) return 'video';\n  return 'file';\n};\n\nconst formatMb = (bytes: number) => (bytes / (1024 * 1024)).toFixed(1);\n\nconst getUploaded = (entries: Entry[]) =>\n  entries.map(entry => entry.uploaded).filter(Boolean) as UploadedAttachment[];\n\nconst isSameList = (a: UploadedAttachment[], b: UploadedAttachment[]) =>\n  a.length === b.length && a.every((item, index) => item.url === b[index].url);\n\nconst toStoredEntry = (attachment: UploadedAttachment): Entry => ({\n  id: attachment.url,\n  name: attachment.name,\n  file: null,\n  previewUrl: '',\n  isUploading: false,\n  error: null,\n  uploaded: attachment,\n});\n\nlet entrySeq = 0;\nconst nextEntryId = () => {\n  entrySeq += 1;\n  return `attachment-${entrySeq}`;\n};\n\nexport const useAttachmentUpload = ({\n  value,\n  onChange,\n  onError,\n  maxSizeBytes,\n  maxFiles = DEFAULT_MAX_ATTACHMENTS,\n  accept = ACCEPTED_ATTACHMENT_TYPES,\n}: UseAttachmentUploadOptions) => {\n  const [entries, setEntries] = useState<Entry[]>([]);\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const uploadersRef = useRef(new Map<string, S3Upload>());\n  // Bumped per attempt so a superseded upload can't write state for a restarted entry.\n  const sessionsRef = useRef(new Map<string, number>());\n  // Mutations are driven from async upload callbacks, so the latest list lives in a ref.\n  const entriesRef = useRef<Entry[]>([]);\n  const onChangeRef = useRef(onChange);\n  const onErrorRef = useRef(onError);\n\n  onChangeRef.current = onChange;\n  onErrorRef.current = onError;\n\n  // What we last handed the parent. A `value` that still matches it is our own change echoing\n  // back; anything else is a parent-driven reset we must adopt.\n  const emittedRef = useRef<UploadedAttachment[]>([]);\n\n  const commit = useCallback((updater: (prev: Entry[]) => Entry[]) => {\n    const next = updater(entriesRef.current);\n    entriesRef.current = next;\n    setEntries(next);\n    emittedRef.current = getUploaded(next);\n    onChangeRef.current(emittedRef.current);\n  }, []);\n\n  const patchEntry = useCallback(\n    (id: string, patch: Partial<Entry>) =>\n      commit(prev => prev.map(entry => (entry.id === id ? { ...entry, ...patch } : entry))),\n    [commit]\n  );\n\n  const abortUpload = useCallback((id: string) => {\n    uploadersRef.current.get(id)?.abortUpload();\n    uploadersRef.current.delete(id);\n    // Bump, never delete: deleting would let the next attempt reuse session 1, so a callback\n    // still in flight from the aborted attempt would pass `isCurrent` and clobber it.\n    sessionsRef.current.set(id, (sessionsRef.current.get(id) ?? 0) + 1);\n  }, []);\n\n  const releasePreview = useCallback((entry?: Entry) => {\n    if (entry?.previewUrl) URL.revokeObjectURL(entry.previewUrl);\n  }, []);\n\n  // The banner is shared by every tile, so recompute it rather than clear it — one file\n  // succeeding must not hide a sibling that is still failing.\n  const syncError = useCallback(() => {\n    onErrorRef.current?.(entriesRef.current.find(entry => entry.error)?.error ?? null);\n  }, []);\n\n  useEffect(\n    () => () => {\n      uploadersRef.current.forEach(uploader => uploader.abortUpload());\n      uploadersRef.current.clear();\n      entriesRef.current.forEach(entry => {\n        if (entry.previewUrl) URL.revokeObjectURL(entry.previewUrl);\n      });\n    },\n    []\n  );\n\n  const startUpload = useCallback(\n    (id: string, file: File) => {\n      const session = (sessionsRef.current.get(id) ?? 0) + 1;\n      sessionsRef.current.set(id, session);\n      // A superseded upload must not write state for an entry that is gone or restarted.\n      const isCurrent = () => sessionsRef.current.get(id) === session;\n\n      const fail = (message: string) => {\n        if (!isCurrent()) return;\n        patchEntry(id, { isUploading: false, error: message });\n        onErrorRef.current?.(message);\n      };\n\n      let storedKey = '';\n\n      const uploader = new S3Upload({\n        files: [file],\n        preprocess: (target: File, next: (file: File) => void) => next(target),\n        onProgress: () => {},\n        getSignedUrl: async (\n          target: File,\n          callback: (data: { signedUrl: string; [key: string]: unknown }) => void\n        ) => {\n          try {\n            const data = await getS3SignedUrl(target.name, target.type);\n            storedKey = data.file_name;\n            callback({ ...data, signedUrl: data.signed_url });\n          } catch (e) {\n            fail((e as Error)?.message || 'Failed to upload the file');\n          }\n        },\n        onFinishS3Put: async () => {\n          try {\n            const { url } = await getS3DownloadLink(storedKey);\n            if (!isCurrent()) return;\n\n            uploadersRef.current.delete(id);\n            patchEntry(id, {\n              isUploading: false,\n              error: null,\n              uploaded: { url, name: storedKey, size: file.size },\n            });\n            syncError();\n          } catch (e) {\n            fail((e as Error)?.message || 'Failed to upload the file');\n          }\n        },\n        onError: (message: string) => fail(message || 'Failed to upload the file'),\n      });\n\n      uploadersRef.current.set(id, uploader);\n    },\n    [patchEntry, syncError]\n  );\n\n  /** Nothing is uploaded: a comment attachment is a url, so the link itself is the attachment. */\n  const addLinkedImage = useCallback(\n    (url: string) => {\n      const name = getUrlFileName(url);\n\n      if (!name) return;\n      if (entriesRef.current.length >= maxFiles) {\n        onErrorRef.current?.(`You can attach up to ${maxFiles} files.`);\n\n        return;\n      }\n\n      if (entriesRef.current.some(entry => entry.uploaded?.url === url)) return;\n\n      commit(prev => [\n        ...prev,\n        {\n          id: nextEntryId(),\n          name,\n          file: null,\n          previewUrl: url,\n          isUploading: false,\n          error: null,\n          uploaded: { url, name },\n        },\n      ]);\n    },\n    [commit, maxFiles]\n  );\n\n  const addFiles = useCallback(\n    (files: File[]) => {\n      const supported = files.filter(file => isAcceptedType(file, accept));\n      const skipped = supported.length < files.length;\n      // One banner, one message: report the most actionable reason once, at the end. Reporting\n      // as we go would let a later call overwrite an earlier warning on a mixed drop.\n      const unsupported = skipped\n        ? (files.length === 1 && 'That file type is not supported.') ||\n          'Some files were skipped — unsupported file type.'\n        : null;\n      const tooMany = `You can attach up to ${maxFiles} files.`;\n\n      const room = maxFiles - entriesRef.current.length;\n      if (!supported.length || room <= 0) {\n        onErrorRef.current?.(supported.length ? tooMany : unsupported);\n        return;\n      }\n\n      const accepted = supported.slice(0, room);\n      const added: Entry[] = accepted.map(file => {\n        const kind = getFileKind(file);\n        const isTooLarge = !!maxSizeBytes && file.size > maxSizeBytes;\n\n        return {\n          id: nextEntryId(),\n          name: file.name,\n          file,\n          previewUrl: kind === 'file' ? '' : URL.createObjectURL(file),\n          isUploading: !isTooLarge,\n          error: isTooLarge\n            ? `File is too large (${formatMb(file.size)} MB). Maximum size is ${formatMb(\n                maxSizeBytes as number\n              )} MB.`\n            : null,\n          uploaded: null,\n        };\n      });\n\n      commit(prev => [...prev, ...added]);\n\n      const overflow = supported.length > accepted.length ? tooMany : null;\n      onErrorRef.current?.(\n        entriesRef.current.find(entry => entry.error)?.error ?? unsupported ?? overflow\n      );\n\n      added\n        .filter(entry => !entry.error)\n        .forEach(entry => startUpload(entry.id, entry.file as File));\n    },\n    [commit, maxFiles, maxSizeBytes, startUpload, accept]\n  );\n\n  const handleFileSelect = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const files = Array.from(event.target.files ?? []);\n      // Reset the input so re-picking the same file still fires a change event.\n      if (fileInputRef.current) fileInputRef.current.value = '';\n      if (files.length) addFiles(files);\n    },\n    [addFiles]\n  );\n\n  const openFileDialog = useCallback(() => fileInputRef.current?.click(), []);\n\n  const removeAttachment = useCallback(\n    (id: AttachmentPreviewItem['id']) => {\n      const key = String(id);\n      abortUpload(key);\n      releasePreview(entriesRef.current.find(entry => entry.id === key));\n      commit(prev => prev.filter(entry => entry.id !== key));\n      syncError();\n    },\n    [abortUpload, releasePreview, commit, syncError]\n  );\n\n  const handleRetry = useCallback(\n    (id: AttachmentPreviewItem['id']) => {\n      const key = String(id);\n      const entry = entriesRef.current.find(item => item.id === key);\n      if (!entry?.file) return;\n\n      abortUpload(key);\n      patchEntry(key, { isUploading: true, error: null });\n      syncError();\n      startUpload(key, entry.file);\n    },\n    [abortUpload, patchEntry, startUpload, syncError]\n  );\n\n  const reorderAttachments = useCallback(\n    (orderedIds: AttachmentPreviewItem['id'][]) =>\n      commit(prev => {\n        const byId = new Map(prev.map(entry => [entry.id, entry]));\n        const reordered = orderedIds.map(id => byId.get(String(id))).filter(Boolean) as Entry[];\n        // Unlisted ids (a race with a removal) keep their place at the end.\n        const missing = prev.filter(entry => !orderedIds.some(id => String(id) === entry.id));\n        return [...reordered, ...missing];\n      }),\n    [commit]\n  );\n\n  const clearAttachments = useCallback(() => {\n    entriesRef.current.forEach(entry => {\n      abortUpload(entry.id);\n      releasePreview(entry);\n    });\n    commit(() => []);\n    onErrorRef.current?.(null);\n  }, [abortUpload, commit, releasePreview]);\n\n  // Adopt a value we didn't produce — an edit form's initial attachments, or a parent-side reset.\n  // Compared against what we emitted, not against the current entries: a failed-only or\n  // mid-upload list emits `[]` too, and treating that as \"in sync\" would strand those tiles\n  // on screen and let a late upload write itself back into freshly reset parent state.\n  useEffect(() => {\n    if (isSameList(emittedRef.current, value)) return;\n\n    entriesRef.current.forEach(entry => {\n      abortUpload(entry.id);\n      if (entry.previewUrl) URL.revokeObjectURL(entry.previewUrl);\n    });\n    entriesRef.current = value.map(toStoredEntry);\n    emittedRef.current = value;\n    setEntries(entriesRef.current);\n    onErrorRef.current?.(null);\n  }, [value, abortUpload]);\n\n  // A stored url has expired by now, so re-sign it for the preview.\n  const [storedSrcs, setStoredSrcs] = useState<Record<string, string>>({});\n  const storedSrcsRef = useRef(storedSrcs);\n  storedSrcsRef.current = storedSrcs;\n\n  const storedNames = entries\n    // A linked image carries its own url, so there is no key of ours to sign.\n    .filter(entry => !entry.file && !entry.previewUrl && entry.uploaded)\n    .map(entry => (entry.uploaded as UploadedAttachment).name)\n    .join('|');\n\n  useEffect(() => {\n    const pending = storedNames.split('|').filter(name => name && !(name in storedSrcsRef.current));\n    if (!pending.length) return undefined;\n\n    let isActive = true;\n    Promise.all(\n      pending.map(name =>\n        getS3DownloadLink(name, 'inline')\n          .then(({ url }: { url: string }) => [name, url] as const)\n          .catch(error => {\n            console.error(`Failed to sign stored attachment \"${name}\"`, error);\n\n            return [name, ''] as const;\n          })\n      )\n    ).then(resolved => {\n      if (isActive) setStoredSrcs(prev => ({ ...prev, ...Object.fromEntries(resolved) }));\n    });\n\n    return () => {\n      isActive = false;\n    };\n  }, [storedNames]);\n\n  const items = entries.reduce<AttachmentPreviewItem[]>((acc, entry) => {\n    if (entry.file) {\n      acc.push({\n        id: entry.id,\n        name: entry.name,\n        src: entry.previewUrl,\n        kind: getFileKind(entry.file),\n        size: entry.file.size,\n        isUploading: entry.isUploading,\n        error: entry.error ?? undefined,\n      });\n      return acc;\n    }\n\n    const stored = entry.uploaded as UploadedAttachment;\n    const kind = getAttachmentKind(stored);\n    // A linked image is already a url; only one of ours has an S3 key worth signing.\n    const src = entry.previewUrl || storedSrcs[stored.name];\n    // A thumbnail without its signed url would paint as a broken image, so hold it back.\n    if (kind !== 'file' && !src) return acc;\n\n    acc.push({ id: entry.id, name: stored.name, src, kind, size: stored.size });\n    return acc;\n  }, []);\n\n  return {\n    items,\n    fileInputRef,\n    openFileDialog,\n    handleFileSelect,\n    addFiles,\n    addLinkedImage,\n    removeAttachment,\n    handleRetry,\n    reorderAttachments,\n    clearAttachments,\n    isUploading: entries.some(entry => entry.isUploading),\n    error: entries.find(entry => entry.error)?.error ?? null,\n    count: entries.length,\n    isFull: entries.length >= maxFiles,\n    maxFiles,\n  };\n};\n"],"names":["getFileKind","file","type","startsWith","formatMb","bytes","toFixed","toStoredEntry","attachment","id","url","name","previewUrl","isUploading","error","uploaded","entrySeq","nextEntryId","concat","_ref","_entries$find$error","_entries$find","value","onChange","onError","maxSizeBytes","_ref$maxFiles","maxFiles","_ref$accept","accept","ACCEPTED_ATTACHMENT_TYPES","useState","_useState2","_slicedToArray","_useState","entries","setEntries","fileInputRef","useRef","uploadersRef","Map","sessionsRef","entriesRef","onChangeRef","onErrorRef","current","emittedRef","commit","useCallback","updater","next","map","entry","filter","Boolean","getUploaded","patchEntry","patch","prev","abortUpload","_uploadersRef$current","_sessionsRef$current$","get","delete","set","releasePreview","URL","revokeObjectURL","syncError","_onErrorRef$current","_entriesRef$current$f","_entriesRef$current$f2","find","useEffect","forEach","uploader","clear","startUpload","_sessionsRef$current$2","session","_onFinishS3Put","_getSignedUrl","isCurrent","fail","message","_onErrorRef$current2","storedKey","S3Upload","files","preprocess","target","onProgress","getSignedUrl","_asyncToGenerator","_regeneratorRuntime","mark","_callee","callback","_data","wrap","_context","getS3SignedUrl","data","sent","file_name","signedUrl","signed_url","t0","stop","_x","_x2","apply","this","arguments","onFinishS3Put","_callee2","_yield$getS3DownloadL","_context2","getS3DownloadLink","abrupt","size","addLinkedImage","_onErrorRef$current3","getUrlFileName","length","some","_entry$uploaded","_toConsumableArray","addFiles","_onErrorRef$current5","_ref2","_entriesRef$current$f3","_entriesRef$current$f4","supported","split","rule","trim","toLowerCase","endsWith","slice","getAttachmentKind","isAcceptedType","unsupported","tooMany","room","_onErrorRef$current4","accepted","added","kind","isTooLarge","createObjectURL","overflow","handleFileSelect","event","_event$target$files","Array","from","openFileDialog","_fileInputRef$current","click","removeAttachment","key","String","handleRetry","item","reorderAttachments","orderedIds","byId","reordered","missing","clearAttachments","_onErrorRef$current6","_onErrorRef$current7","a","b","every","index","_useState3","_useState4","storedSrcs","setStoredSrcs","storedSrcsRef","storedNames","join","pending","isActive","Promise","all","then","_ref3","catch","console","resolved","_objectSpread","Object","fromEntries","items","reduce","acc","_entry$error","push","src","undefined","stored","count","isFull"],"mappings":"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"}
+{"version":3,"file":"useAttachmentUpload.js","sources":["../../../../src/components/CommentComposer/useAttachmentUpload.ts"],"sourcesContent":["import { ChangeEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport S3Upload from 'react-s3-uploader/s3upload';\n\nimport type {\n  AttachmentKind,\n  AttachmentPreviewItem,\n} from '../AttachmentPreview/AttachmentPreview.types';\nimport { getAttachmentKind } from '../AttachmentPreview/getAttachmentKind';\nimport { ACCEPTED_ATTACHMENT_TYPES } from '../AttachFileButton';\n\nimport { getS3SignedUrl } from '~/clients/jsonApi';\nimport { getUrlFileName } from '~/utils/links';\nimport { getSignedLink, peekSignedLink } from '~/utils/signedLinkCache';\n\nexport type UploadedAttachment = {\n  url: string;\n  name: string;\n  size?: number;\n};\n\ntype UseAttachmentUploadOptions = {\n  value: UploadedAttachment[];\n  onChange: (attachments: UploadedAttachment[]) => void;\n  onError?: (message: string | null) => void;\n  maxSizeBytes?: number;\n  maxFiles?: number;\n  /** Mirrors the file input's `accept`; also gates drag-and-drop. */\n  accept?: string;\n};\n\n/** A picked or already-stored file, in the order the user arranged it. */\ntype Entry = {\n  id: string;\n  name: string;\n  /** Set while the file is local; cleared entries come from `value`. */\n  file: File | null;\n  previewUrl: string;\n  isUploading: boolean;\n  error: string | null;\n  uploaded: UploadedAttachment | null;\n};\n\nexport const DEFAULT_MAX_ATTACHMENTS = 10;\n\n/** Same rules the file input enforces via `accept`, so drag-and-drop can't smuggle a type past it. */\nconst isAcceptedType = (file: File, accept: string) =>\n  accept\n    .split(',')\n    .map(rule => rule.trim().toLowerCase())\n    .filter(Boolean)\n    .some(rule => {\n      if (rule.startsWith('.')) return file.name.toLowerCase().endsWith(rule);\n      if (rule.endsWith('/*')) {\n        const type = file.type.toLowerCase();\n        if (type) return type.startsWith(rule.slice(0, -1));\n\n        return getAttachmentKind({ name: file.name }) === rule.slice(0, -1);\n      }\n\n      return file.type.toLowerCase() === rule;\n    });\n\nconst getFileKind = (file: File): AttachmentKind => {\n  if (file.type.startsWith('image/')) return 'image';\n  if (file.type.startsWith('video/')) return 'video';\n  return 'file';\n};\n\nconst formatMb = (bytes: number) => (bytes / (1024 * 1024)).toFixed(1);\n\nconst getUploaded = (entries: Entry[]) =>\n  entries.map(entry => entry.uploaded).filter(Boolean) as UploadedAttachment[];\n\nconst isSameList = (a: UploadedAttachment[], b: UploadedAttachment[]) =>\n  a.length === b.length && a.every((item, index) => item.url === b[index].url);\n\nconst toStoredEntry = (attachment: UploadedAttachment): Entry => ({\n  id: attachment.url,\n  name: attachment.name,\n  file: null,\n  previewUrl: '',\n  isUploading: false,\n  error: null,\n  uploaded: attachment,\n});\n\nlet entrySeq = 0;\nconst nextEntryId = () => {\n  entrySeq += 1;\n  return `attachment-${entrySeq}`;\n};\n\nexport const useAttachmentUpload = ({\n  value,\n  onChange,\n  onError,\n  maxSizeBytes,\n  maxFiles = DEFAULT_MAX_ATTACHMENTS,\n  accept = ACCEPTED_ATTACHMENT_TYPES,\n}: UseAttachmentUploadOptions) => {\n  const [entries, setEntries] = useState<Entry[]>([]);\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const uploadersRef = useRef(new Map<string, S3Upload>());\n  // Bumped per attempt so a superseded upload can't write state for a restarted entry.\n  const sessionsRef = useRef(new Map<string, number>());\n  // Mutations are driven from async upload callbacks, so the latest list lives in a ref.\n  const entriesRef = useRef<Entry[]>([]);\n  const onChangeRef = useRef(onChange);\n  const onErrorRef = useRef(onError);\n\n  onChangeRef.current = onChange;\n  onErrorRef.current = onError;\n\n  // What we last handed the parent. A `value` that still matches it is our own change echoing\n  // back; anything else is a parent-driven reset we must adopt.\n  const emittedRef = useRef<UploadedAttachment[]>([]);\n\n  const commit = useCallback((updater: (prev: Entry[]) => Entry[]) => {\n    const next = updater(entriesRef.current);\n    entriesRef.current = next;\n    setEntries(next);\n    emittedRef.current = getUploaded(next);\n    onChangeRef.current(emittedRef.current);\n  }, []);\n\n  const patchEntry = useCallback(\n    (id: string, patch: Partial<Entry>) =>\n      commit(prev => prev.map(entry => (entry.id === id ? { ...entry, ...patch } : entry))),\n    [commit]\n  );\n\n  const abortUpload = useCallback((id: string) => {\n    uploadersRef.current.get(id)?.abortUpload();\n    uploadersRef.current.delete(id);\n    // Bump, never delete: deleting would let the next attempt reuse session 1, so a callback\n    // still in flight from the aborted attempt would pass `isCurrent` and clobber it.\n    sessionsRef.current.set(id, (sessionsRef.current.get(id) ?? 0) + 1);\n  }, []);\n\n  const releasePreview = useCallback((entry?: Entry) => {\n    if (entry?.previewUrl) URL.revokeObjectURL(entry.previewUrl);\n  }, []);\n\n  // The banner is shared by every tile, so recompute it rather than clear it — one file\n  // succeeding must not hide a sibling that is still failing.\n  const syncError = useCallback(() => {\n    onErrorRef.current?.(entriesRef.current.find(entry => entry.error)?.error ?? null);\n  }, []);\n\n  useEffect(\n    () => () => {\n      uploadersRef.current.forEach(uploader => uploader.abortUpload());\n      uploadersRef.current.clear();\n      entriesRef.current.forEach(entry => {\n        if (entry.previewUrl) URL.revokeObjectURL(entry.previewUrl);\n      });\n    },\n    []\n  );\n\n  const startUpload = useCallback(\n    (id: string, file: File) => {\n      const session = (sessionsRef.current.get(id) ?? 0) + 1;\n      sessionsRef.current.set(id, session);\n      // A superseded upload must not write state for an entry that is gone or restarted.\n      const isCurrent = () => sessionsRef.current.get(id) === session;\n\n      const fail = (message: string) => {\n        if (!isCurrent()) return;\n        patchEntry(id, { isUploading: false, error: message });\n        onErrorRef.current?.(message);\n      };\n\n      let storedKey = '';\n\n      const uploader = new S3Upload({\n        files: [file],\n        preprocess: (target: File, next: (file: File) => void) => next(target),\n        onProgress: () => {},\n        getSignedUrl: async (\n          target: File,\n          callback: (data: { signedUrl: string; [key: string]: unknown }) => void\n        ) => {\n          try {\n            const data = await getS3SignedUrl(target.name, target.type);\n            storedKey = data.file_name;\n            callback({ ...data, signedUrl: data.signed_url });\n          } catch (e) {\n            fail((e as Error)?.message || 'Failed to upload the file');\n          }\n        },\n        onFinishS3Put: async () => {\n          try {\n            const url = await getSignedLink(storedKey);\n            if (!isCurrent()) return;\n\n            uploadersRef.current.delete(id);\n            patchEntry(id, {\n              isUploading: false,\n              error: null,\n              uploaded: { url, name: storedKey, size: file.size },\n            });\n            syncError();\n          } catch (e) {\n            fail((e as Error)?.message || 'Failed to upload the file');\n          }\n        },\n        onError: (message: string) => fail(message || 'Failed to upload the file'),\n      });\n\n      uploadersRef.current.set(id, uploader);\n    },\n    [patchEntry, syncError]\n  );\n\n  /** Nothing is uploaded: a comment attachment is a url, so the link itself is the attachment. */\n  const addLinkedImage = useCallback(\n    (url: string) => {\n      const name = getUrlFileName(url);\n\n      if (!name) return;\n      if (entriesRef.current.length >= maxFiles) {\n        onErrorRef.current?.(`You can attach up to ${maxFiles} files.`);\n\n        return;\n      }\n\n      if (entriesRef.current.some(entry => entry.uploaded?.url === url)) return;\n\n      commit(prev => [\n        ...prev,\n        {\n          id: nextEntryId(),\n          name,\n          file: null,\n          previewUrl: url,\n          isUploading: false,\n          error: null,\n          uploaded: { url, name },\n        },\n      ]);\n    },\n    [commit, maxFiles]\n  );\n\n  const addFiles = useCallback(\n    (files: File[]) => {\n      const supported = files.filter(file => isAcceptedType(file, accept));\n      const skipped = supported.length < files.length;\n      // One banner, one message: report the most actionable reason once, at the end. Reporting\n      // as we go would let a later call overwrite an earlier warning on a mixed drop.\n      const unsupported = skipped\n        ? (files.length === 1 && 'That file type is not supported.') ||\n          'Some files were skipped — unsupported file type.'\n        : null;\n      const tooMany = `You can attach up to ${maxFiles} files.`;\n\n      const room = maxFiles - entriesRef.current.length;\n      if (!supported.length || room <= 0) {\n        onErrorRef.current?.(supported.length ? tooMany : unsupported);\n        return;\n      }\n\n      const accepted = supported.slice(0, room);\n      const added: Entry[] = accepted.map(file => {\n        const kind = getFileKind(file);\n        const isTooLarge = !!maxSizeBytes && file.size > maxSizeBytes;\n\n        return {\n          id: nextEntryId(),\n          name: file.name,\n          file,\n          previewUrl: kind === 'file' ? '' : URL.createObjectURL(file),\n          isUploading: !isTooLarge,\n          error: isTooLarge\n            ? `File is too large (${formatMb(file.size)} MB). Maximum size is ${formatMb(\n                maxSizeBytes as number\n              )} MB.`\n            : null,\n          uploaded: null,\n        };\n      });\n\n      commit(prev => [...prev, ...added]);\n\n      const overflow = supported.length > accepted.length ? tooMany : null;\n      onErrorRef.current?.(\n        entriesRef.current.find(entry => entry.error)?.error ?? unsupported ?? overflow\n      );\n\n      added\n        .filter(entry => !entry.error)\n        .forEach(entry => startUpload(entry.id, entry.file as File));\n    },\n    [commit, maxFiles, maxSizeBytes, startUpload, accept]\n  );\n\n  const handleFileSelect = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const files = Array.from(event.target.files ?? []);\n      // Reset the input so re-picking the same file still fires a change event.\n      if (fileInputRef.current) fileInputRef.current.value = '';\n      if (files.length) addFiles(files);\n    },\n    [addFiles]\n  );\n\n  const openFileDialog = useCallback(() => fileInputRef.current?.click(), []);\n\n  const removeAttachment = useCallback(\n    (id: AttachmentPreviewItem['id']) => {\n      const key = String(id);\n      abortUpload(key);\n      releasePreview(entriesRef.current.find(entry => entry.id === key));\n      commit(prev => prev.filter(entry => entry.id !== key));\n      syncError();\n    },\n    [abortUpload, releasePreview, commit, syncError]\n  );\n\n  const handleRetry = useCallback(\n    (id: AttachmentPreviewItem['id']) => {\n      const key = String(id);\n      const entry = entriesRef.current.find(item => item.id === key);\n      if (!entry?.file) return;\n\n      abortUpload(key);\n      patchEntry(key, { isUploading: true, error: null });\n      syncError();\n      startUpload(key, entry.file);\n    },\n    [abortUpload, patchEntry, startUpload, syncError]\n  );\n\n  const reorderAttachments = useCallback(\n    (orderedIds: AttachmentPreviewItem['id'][]) =>\n      commit(prev => {\n        const byId = new Map(prev.map(entry => [entry.id, entry]));\n        const reordered = orderedIds.map(id => byId.get(String(id))).filter(Boolean) as Entry[];\n        // Unlisted ids (a race with a removal) keep their place at the end.\n        const missing = prev.filter(entry => !orderedIds.some(id => String(id) === entry.id));\n        return [...reordered, ...missing];\n      }),\n    [commit]\n  );\n\n  const clearAttachments = useCallback(() => {\n    entriesRef.current.forEach(entry => {\n      abortUpload(entry.id);\n      releasePreview(entry);\n    });\n    commit(() => []);\n    onErrorRef.current?.(null);\n  }, [abortUpload, commit, releasePreview]);\n\n  // Adopt a value we didn't produce — an edit form's initial attachments, or a parent-side reset.\n  // Compared against what we emitted, not against the current entries: a failed-only or\n  // mid-upload list emits `[]` too, and treating that as \"in sync\" would strand those tiles\n  // on screen and let a late upload write itself back into freshly reset parent state.\n  useEffect(() => {\n    if (isSameList(emittedRef.current, value)) return;\n\n    entriesRef.current.forEach(entry => {\n      abortUpload(entry.id);\n      if (entry.previewUrl) URL.revokeObjectURL(entry.previewUrl);\n    });\n    entriesRef.current = value.map(toStoredEntry);\n    emittedRef.current = value;\n    setEntries(entriesRef.current);\n    onErrorRef.current?.(null);\n  }, [value, abortUpload]);\n\n  // A stored url has expired by now, so re-sign it for the preview.\n  const [storedSrcs, setStoredSrcs] = useState<Record<string, string>>(() =>\n    value.reduce<Record<string, string>>((acc, attachment) => {\n      const src = peekSignedLink(attachment.name, 'inline');\n      if (src) acc[attachment.name] = src;\n\n      return acc;\n    }, {})\n  );\n  const storedSrcsRef = useRef(storedSrcs);\n  storedSrcsRef.current = storedSrcs;\n\n  const storedNames = entries\n    // A linked image carries its own url, so there is no key of ours to sign.\n    .filter(entry => !entry.file && !entry.previewUrl && entry.uploaded)\n    .map(entry => (entry.uploaded as UploadedAttachment).name)\n    .join('|');\n\n  useEffect(() => {\n    const pending = storedNames.split('|').filter(name => name && !(name in storedSrcsRef.current));\n    if (!pending.length) return undefined;\n\n    let isActive = true;\n    Promise.all(\n      pending.map(name =>\n        getSignedLink(name, 'inline')\n          .then(url => [name, url] as const)\n          .catch(error => {\n            console.error(`Failed to sign stored attachment \"${name}\"`, error);\n\n            return [name, ''] as const;\n          })\n      )\n    ).then(resolved => {\n      if (isActive) setStoredSrcs(prev => ({ ...prev, ...Object.fromEntries(resolved) }));\n    });\n\n    return () => {\n      isActive = false;\n    };\n  }, [storedNames]);\n\n  const items = entries.reduce<AttachmentPreviewItem[]>((acc, entry) => {\n    if (entry.file) {\n      acc.push({\n        id: entry.id,\n        name: entry.name,\n        src: entry.previewUrl,\n        kind: getFileKind(entry.file),\n        size: entry.file.size,\n        isUploading: entry.isUploading,\n        hideDownload: true,\n        error: entry.error ?? undefined,\n      });\n      return acc;\n    }\n\n    const stored = entry.uploaded as UploadedAttachment;\n    const kind = getAttachmentKind(stored);\n    // A linked image is already a url; only one of ours has an S3 key worth signing.\n    const src = entry.previewUrl || storedSrcs[stored.name];\n    // A thumbnail without its signed url would paint as a broken image, so hold it back.\n    if (kind !== 'file' && !src) return acc;\n\n    acc.push({ id: entry.id, name: stored.name, src, kind, size: stored.size, hideDownload: true });\n    return acc;\n  }, []);\n\n  return {\n    items,\n    fileInputRef,\n    openFileDialog,\n    handleFileSelect,\n    addFiles,\n    addLinkedImage,\n    removeAttachment,\n    handleRetry,\n    reorderAttachments,\n    clearAttachments,\n    isUploading: entries.some(entry => entry.isUploading),\n    error: entries.find(entry => entry.error)?.error ?? null,\n    count: entries.length,\n    isFull: entries.length >= maxFiles,\n    maxFiles,\n  };\n};\n"],"names":["getFileKind","file","type","startsWith","formatMb","bytes","toFixed","toStoredEntry","attachment","id","url","name","previewUrl","isUploading","error","uploaded","entrySeq","nextEntryId","concat","_ref","_entries$find$error","_entries$find","value","onChange","onError","maxSizeBytes","_ref$maxFiles","maxFiles","_ref$accept","accept","ACCEPTED_ATTACHMENT_TYPES","useState","_useState2","_slicedToArray","_useState","entries","setEntries","fileInputRef","useRef","uploadersRef","Map","sessionsRef","entriesRef","onChangeRef","onErrorRef","current","emittedRef","commit","useCallback","updater","next","map","entry","filter","Boolean","getUploaded","patchEntry","patch","prev","abortUpload","_uploadersRef$current","_sessionsRef$current$","get","delete","set","releasePreview","URL","revokeObjectURL","syncError","_onErrorRef$current","_entriesRef$current$f","_entriesRef$current$f2","find","useEffect","forEach","uploader","clear","startUpload","_sessionsRef$current$2","session","_onFinishS3Put","_getSignedUrl","isCurrent","fail","message","_onErrorRef$current2","storedKey","S3Upload","files","preprocess","target","onProgress","getSignedUrl","_asyncToGenerator","_regeneratorRuntime","mark","_callee","callback","_data","wrap","_context","getS3SignedUrl","data","sent","file_name","signedUrl","signed_url","t0","stop","_x","_x2","apply","this","arguments","onFinishS3Put","_callee2","_context2","getSignedLink","abrupt","size","addLinkedImage","_onErrorRef$current3","getUrlFileName","length","some","_entry$uploaded","_toConsumableArray","addFiles","_onErrorRef$current5","_ref2","_entriesRef$current$f3","_entriesRef$current$f4","supported","split","rule","trim","toLowerCase","endsWith","slice","getAttachmentKind","isAcceptedType","unsupported","tooMany","room","_onErrorRef$current4","accepted","added","kind","isTooLarge","createObjectURL","overflow","handleFileSelect","event","_event$target$files","Array","from","openFileDialog","_fileInputRef$current","click","removeAttachment","key","String","handleRetry","item","reorderAttachments","orderedIds","byId","reordered","missing","clearAttachments","_onErrorRef$current6","_onErrorRef$current7","a","b","every","index","_useState3","reduce","acc","src","peekSignedLink","_useState4","storedSrcs","setStoredSrcs","storedSrcsRef","storedNames","join","pending","isActive","Promise","all","then","catch","console","resolved","_objectSpread","Object","fromEntries","items","_entry$error","push","hideDownload","undefined","stored","count","isFull"],"mappings":"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"}

package/cjs-bundle/components/CommentInputNext/CommentInputNext.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),i=require("classnames"),n=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),c=require("../../componentsV2/Tooltip/Tooltip.js"),r=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var t=require("../AttachmentPreview/AttachmentPreview.js");require("../../componentsV2/FileIcon/FileIcon.js"),require("@material-ui/core");var u=require("react/jsx-runtime");require("../../componentsV2/Menu/Menu.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../utils/main.js"),require("../AttachmentPreview/AttachmentImage.js"),require("../AttachmentPreview/AttachmentPreview.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions");var a=require("./useFileDrop.js"),l=require("./useFilePaste.js"),m=require("./CommentInputNext.scss.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=d(e),q=d(s),I=d(i);function p(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,i)}return o}function h(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?p(Object(o),!0).forEach((function(s){j.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var v=o.forwardRef((function(e,s){var i=e.placeholder,d=void 0===i?"Add a comment":i,j=e.value,p=e.onChange,v=e.onSubmit,f=e.onCancel,b=e.disabled,x=e.autoFocus,g=e.minRows,O=void 0===g?1:g,y=e.maxRows,C=e.field,P=e.canSubmit,F=e.bare,A=e.leading,w=e.trailing,D=e.sendTooltip,N=void 0===D?"Send":D,R=e.attachments,k=e.onAttachmentRemove,M=e.onAttachmentRetry,S=e.onAttachmentReorder,E=e.onFilesDrop,T=e.onImageLinkPaste,B=e.dropLabel,L=void 0===B?"Drop files here":B,G=e.attachmentSlot,U=e.toolbar,H=e.footer,V=e.embedded,z=e.className,K=e.testId,W=a.useFileDrop(b?void 0:E),_=W.isDragging,Y=W.dropHandlers,Z=l.useFilePaste(b?{}:{onFiles:E,onImageLink:T}).pasteHandlers,J=_&&u.jsx("div",{className:m.dropOverlay,children:L}),Q=void 0!==j,X=o.useState(""),$=q.default(X,2),ee=$[0],se=$[1],oe=Q?j:ee,ie=null!=y?y:F?12:8,ne=o.useRef(null),ce=o.useCallback((function(e){if(ne.current=e,e){var s=e;s.style.height="auto";var o=20*ie;s.style.height="".concat(Math.min(s.scrollHeight,o),"px"),s.style.overflowY=s.scrollHeight>o?"auto":"hidden"}}),[ie]);o.useLayoutEffect((function(){C||ce(ne.current)}),[oe,C,ce]);var re=(null!=P?P:!!oe.trim())&&!b,te=function(){re&&(null==v||v(oe.trim()),Q||C||se(""))},ue=null!=C?C:u.jsx("textarea",{ref:ce,className:m.input,rows:O,placeholder:d,value:oe,disabled:b,autoFocus:x,onChange:function(e){var s;s=e.target.value,Q||se(s),null==p||p(s),ce(e.target)},onKeyDown:function(e){if("Escape"===e.key&&f)return e.preventDefault(),void f();"Enter"!==e.key||e.shiftKey||(e.preventDefault(),te())}}),ae=null!=w?w:u.jsx(c.Tooltip,{title:N,children:u.jsx("span",{className:m.send,children:u.jsx(n.ButtonIcon,{size:F?"xs":"small",type:"primary",disabled:!re,onClick:te,testId:"comment-input-send",children:u.jsx(r.ArrowUpIcon,{})})})}),le=((null==R?void 0:R.length)||G)&&u.jsxs("div",{className:m.attachment,children:[null!=R&&R.length?u.jsx(t.AttachmentPreview,{items:R,onRemove:k,onRetry:M,onReorder:S}):null,G]});return F?u.jsxs("div",h(h(h({ref:s,"data-testid":K,className:I.default(m.rootBare,z)},Y),Z),{},{children:[J,u.jsxs("div",{className:m.fieldRow,children:[A&&u.jsx("div",{className:m.leading,children:A}),u.jsxs("div",{className:I.default(m.field,!!le&&m.fieldExpanded,b&&m.fieldDisabled),children:[u.jsxs("div",{className:m.fieldMain,children:[ue,le]}),U&&u.jsx("div",{className:m.bareToolbar,children:U}),ae]})]})]})):u.jsxs("div",h(h(h({ref:s,"data-testid":K,className:I.default(m.root,V&&m.rootEmbedded,z)},Y),Z),{},{children:[J,u.jsxs("div",{className:m.inputPanel,children:[ue,le,u.jsxs("div",{className:m.toolbarRow,children:[u.jsx("div",{className:m.toolbar,children:U}),ae]})]}),H&&u.jsxs(u.Fragment,{children:[u.jsx("div",{className:m.divider}),u.jsx("div",{className:m.metaShare,children:H})]})]}))}));exports.CommentInput=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),n=require("classnames"),i=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),c=require("../../componentsV2/Tooltip/Tooltip.js"),r=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var t=require("../AttachmentPreview/AttachmentPreview.js");require("../../componentsV2/FileIcon/FileIcon.js"),require("@material-ui/core");var u=require("react/jsx-runtime");require("../../componentsV2/Menu/Menu.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../utils/main.js"),require("../AttachmentPreview/AttachmentImage.js"),require("../AttachmentPreview/AttachmentPreview.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions");var a=require("./useFileDrop.js"),l=require("./useFilePaste.js"),m=require("./CommentInputNext.scss.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=d(e),q=d(s),I=d(n);function p(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function h(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?p(Object(o),!0).forEach((function(s){j.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var v=o.forwardRef((function(e,s){var n=e.placeholder,d=void 0===n?"Add a comment":n,j=e.value,p=e.onChange,v=e.onSubmit,f=e.onCancel,b=e.disabled,x=e.autoFocus,g=e.minRows,O=void 0===g?1:g,y=e.maxRows,C=e.field,P=e.canSubmit,F=e.bare,A=e.leading,w=e.trailing,D=e.sendTooltip,N=void 0===D?"Send":D,R=e.attachments,k=e.onAttachmentRemove,M=e.onAttachmentRetry,S=e.onAttachmentReorder,E=e.onFilesDrop,T=e.onImageLinkPaste,B=e.dropLabel,L=void 0===B?"Drop files here":B,G=e.attachmentSlot,U=e.toolbar,H=e.footer,V=e.embedded,z=e.className,K=e.testId,W=a.useFileDrop(b?void 0:E),_=W.isDragging,Y=W.dropHandlers,Z=l.useFilePaste(b?{}:{onFiles:E,onImageLink:T}).pasteHandlers,J=_&&u.jsx("div",{className:m.dropOverlay,children:L}),Q=void 0!==j,X=o.useState(""),$=q.default(X,2),ee=$[0],se=$[1],oe=Q?j:ee,ne=null!=y?y:F?12:8,ie=o.useRef(null),ce=o.useCallback((function(e){if(ie.current=e,e){var s=e;s.style.height="auto";var o=20*ne;s.style.height="".concat(Math.min(s.scrollHeight,o),"px"),s.style.overflowY=s.scrollHeight>o?"auto":"hidden"}}),[ne]);o.useLayoutEffect((function(){C||ce(ie.current)}),[oe,C,ce]);var re=(null!=P?P:!!oe.trim())&&!b,te=function(){re&&(null==v||v(oe.trim()),Q||C||se(""))},ue=null!=C?C:u.jsx("textarea",{ref:ce,className:m.input,rows:O,placeholder:d,value:oe,disabled:b,autoFocus:x,onChange:function(e){var s;s=e.target.value,Q||se(s),null==p||p(s),ce(e.target)},onKeyDown:function(e){if("Escape"===e.key&&f)return e.preventDefault(),void f();"Enter"!==e.key||e.shiftKey||(e.preventDefault(),te())}}),ae=null!=w?w:u.jsx(c.Tooltip,{title:N,children:u.jsx("span",{className:m.send,children:u.jsx(i.ButtonIcon,{size:F?"xs":"small",type:"primary",disabled:!re,onClick:te,testId:"comment-input-send",children:u.jsx(r.ArrowUpIcon,{})})})}),le=((null==R?void 0:R.length)||G)&&u.jsxs("div",{className:m.attachment,children:[null!=R&&R.length?u.jsx(t.AttachmentPreview,{items:R,onRemove:k,onRetry:M,onReorder:S}):null,G]});return F?u.jsxs("div",h(h(h({ref:s,"data-testid":K,className:I.default(m.rootBare,z)},Y),Z),{},{children:[J,u.jsxs("div",{className:m.fieldRow,children:[A&&u.jsx("div",{className:m.leading,children:A}),u.jsxs("div",{className:I.default(m.field,!!le&&m.fieldExpanded,b&&m.fieldDisabled),children:[u.jsxs("div",{className:m.fieldMain,children:[ue,le]}),U&&u.jsx("div",{className:m.bareToolbar,children:U}),ae]})]})]})):u.jsxs("div",h(h(h({ref:s,"data-testid":K,className:I.default(m.root,V&&m.rootEmbedded,z)},Y),Z),{},{children:[J,u.jsxs("div",{className:m.inputPanel,children:[ue,le,u.jsxs("div",{className:m.toolbarRow,children:[u.jsx("div",{className:m.toolbar,children:U}),ae]})]}),H&&u.jsxs(u.Fragment,{children:[u.jsx("div",{className:m.divider}),u.jsx("div",{className:m.metaShare,children:H})]})]}))}));exports.CommentInput=v;
 //# sourceMappingURL=CommentInputNext.js.map

package/cjs-bundle/components/CommentInputNext/CommentInputNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentInputNext.js","sources":["../../../../src/components/CommentInputNext/CommentInputNext.tsx"],"sourcesContent":["import {\n  forwardRef,\n  KeyboardEvent,\n  ReactNode,\n  useState,\n  useCallback,\n  useRef,\n  useLayoutEffect,\n  ChangeEvent,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { ArrowUpIcon } from '../../icons';\nimport { AttachmentPreview } from '../AttachmentPreview';\nimport { AttachmentPreviewItem } from '../AttachmentPreview/AttachmentPreview.types';\n\nimport { useFileDrop } from './useFileDrop';\nimport { useFilePaste } from './useFilePaste';\n\nimport styles from './CommentInputNext.scss';\n\nexport type CommentInputProps = {\n  placeholder?: string;\n  value?: string;\n  onChange?: (value: string) => void;\n  onSubmit?: (value: string) => void;\n  onCancel?: () => void;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  minRows?: number;\n  maxRows?: number;\n\n  /** Editable control rendered in place of the built-in textarea. */\n  field?: ReactNode;\n  canSubmit?: boolean;\n  /** Drop the outer surface so the field sits flush, for the in-card reply input. */\n  bare?: boolean;\n\n  leading?: ReactNode;\n  /** Replaces the default send button. */\n  trailing?: ReactNode;\n  sendTooltip?: string;\n\n  attachments?: AttachmentPreviewItem[];\n  onAttachmentRemove?: (id: AttachmentPreviewItem['id']) => void;\n  onAttachmentRetry?: (id: AttachmentPreviewItem['id']) => void;\n  /** Enables drag-to-reorder on the attachment strip. */\n  onAttachmentReorder?: (orderedIds: AttachmentPreviewItem['id'][]) => void;\n  /** Enables dropping files from the desktop onto the composer. */\n  onFilesDrop?: (files: File[]) => void;\n  /** Given a pasted link that points at an image. */\n  onImageLinkPaste?: (url: string) => void;\n  dropLabel?: string;\n  /** Extra content in the attachment area, e.g. an upload-error banner. */\n  attachmentSlot?: ReactNode;\n  toolbar?: ReactNode;\n  footer?: ReactNode;\n  /** Render flush inside a host surface: no background, full-width divider. */\n  embedded?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nconst LINE_HEIGHT_PX = 20;\nconst DEFAULT_MAX_ROWS = 8;\nconst BARE_MAX_ROWS = 12;\n\nexport const CommentInput = forwardRef<HTMLDivElement, CommentInputProps>(\n  (\n    {\n      placeholder = 'Add a comment',\n      value,\n      onChange,\n      onSubmit,\n      onCancel,\n      disabled,\n      autoFocus,\n      minRows = 1,\n      maxRows,\n      field,\n      canSubmit,\n      bare,\n      leading,\n      trailing,\n      sendTooltip = 'Send',\n      attachments,\n      onAttachmentRemove,\n      onAttachmentRetry,\n      onAttachmentReorder,\n      onFilesDrop,\n      onImageLinkPaste,\n      dropLabel = 'Drop files here',\n      attachmentSlot,\n      toolbar,\n      footer,\n      embedded,\n      className,\n      testId,\n    },\n    ref\n  ) => {\n    const { isDragging, dropHandlers } = useFileDrop(disabled ? undefined : onFilesDrop);\n    const { pasteHandlers } = useFilePaste(\n      disabled ? {} : { onFiles: onFilesDrop, onImageLink: onImageLinkPaste }\n    );\n    const dropOverlay = isDragging && <div className={styles.dropOverlay}>{dropLabel}</div>;\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState('');\n    const text = isControlled ? value : internalValue;\n\n    // The bare reply field has no toolbar row, so text may fill the whole box.\n    const rowsCap = maxRows ?? (bare ? BARE_MAX_ROWS : DEFAULT_MAX_ROWS);\n\n    const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n    const resize = useCallback(\n      (el: HTMLTextAreaElement | null) => {\n        textareaRef.current = el;\n        if (!el) return;\n        const node = el;\n        node.style.height = 'auto';\n        const maxHeight = rowsCap * LINE_HEIGHT_PX;\n        node.style.height = `${Math.min(node.scrollHeight, maxHeight)}px`;\n        node.style.overflowY = node.scrollHeight > maxHeight ? 'auto' : 'hidden';\n      },\n      [rowsCap]\n    );\n\n    // The ref callback won't fire for a prop-driven value change.\n    useLayoutEffect(() => {\n      if (!field) resize(textareaRef.current);\n    }, [text, field, resize]);\n\n    const setText = (next: string) => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    };\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      setText(event.target.value);\n      resize(event.target);\n    };\n\n    const canSend = (canSubmit ?? !!text.trim()) && !disabled;\n\n    const submit = () => {\n      if (!canSend) return;\n      onSubmit?.(text.trim());\n      if (!isControlled && !field) setInternalValue('');\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n      if (event.key === 'Escape' && onCancel) {\n        event.preventDefault();\n        onCancel();\n        return;\n      }\n\n      if (event.key === 'Enter' && !event.shiftKey) {\n        event.preventDefault();\n        submit();\n      }\n    };\n\n    const editor = field ?? (\n      <textarea\n        ref={resize}\n        className={styles.input}\n        rows={minRows}\n        placeholder={placeholder}\n        value={text}\n        disabled={disabled}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={autoFocus}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n      />\n    );\n\n    const sendButton = trailing ?? (\n      // A disabled button fires no events, so the tooltip needs its own target.\n      <Tooltip title={sendTooltip}>\n        <span className={styles.send}>\n          <ButtonIcon\n            size={bare ? 'xs' : 'small'}\n            type=\"primary\"\n            disabled={!canSend}\n            onClick={submit}\n            testId=\"comment-input-send\"\n          >\n            <ArrowUpIcon />\n          </ButtonIcon>\n        </span>\n      </Tooltip>\n    );\n\n    const attachmentArea = (attachments?.length || attachmentSlot) && (\n      <div className={styles.attachment}>\n        {attachments?.length ? (\n          <AttachmentPreview\n            items={attachments}\n            onRemove={onAttachmentRemove}\n            onRetry={onAttachmentRetry}\n            onReorder={onAttachmentReorder}\n          />\n        ) : null}\n        {attachmentSlot}\n      </div>\n    );\n\n    if (bare) {\n      return (\n        <div\n          ref={ref}\n          data-testid={testId}\n          className={classNames(styles.rootBare, className)}\n          {...dropHandlers}\n          {...pasteHandlers}\n        >\n          {dropOverlay}\n          <div className={styles.fieldRow}>\n            {leading && <div className={styles.leading}>{leading}</div>}\n            <div\n              className={classNames(\n                styles.field,\n                !!attachmentArea && styles.fieldExpanded,\n                disabled && styles.fieldDisabled\n              )}\n            >\n              <div className={styles.fieldMain}>\n                {editor}\n                {attachmentArea}\n              </div>\n              {toolbar && <div className={styles.bareToolbar}>{toolbar}</div>}\n              {sendButton}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-testid={testId}\n        className={classNames(styles.root, embedded && styles.rootEmbedded, className)}\n        {...dropHandlers}\n        {...pasteHandlers}\n      >\n        {dropOverlay}\n        <div className={styles.inputPanel}>\n          {editor}\n          {attachmentArea}\n          <div className={styles.toolbarRow}>\n            <div className={styles.toolbar}>{toolbar}</div>\n            {sendButton}\n          </div>\n        </div>\n\n        {footer && (\n          <>\n            <div className={styles.divider} />\n            <div className={styles.metaShare}>{footer}</div>\n          </>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["CommentInput","forwardRef","_ref","ref","_ref$placeholder","placeholder","value","onChange","onSubmit","onCancel","disabled","autoFocus","_ref$minRows","minRows","maxRows","field","canSubmit","bare","leading","trailing","_ref$sendTooltip","sendTooltip","attachments","onAttachmentRemove","onAttachmentRetry","onAttachmentReorder","onFilesDrop","onImageLinkPaste","_ref$dropLabel","dropLabel","attachmentSlot","toolbar","footer","embedded","className","testId","_useFileDrop","useFileDrop","undefined","isDragging","dropHandlers","pasteHandlers","useFilePaste","onFiles","onImageLink","dropOverlay","_jsx","jsx","styles","children","isControlled","useState","_useState2","_slicedToArray","_useState","internalValue","setInternalValue","text","rowsCap","textareaRef","useRef","resize","useCallback","el","current","node","style","height","maxHeight","Math","min","scrollHeight","overflowY","useLayoutEffect","canSend","trim","submit","editor","input","rows","event","next","target","onKeyDown","key","preventDefault","shiftKey","sendButton","Tooltip","title","send","ButtonIcon","size","type","onClick","ArrowUpIcon","attachmentArea","length","_jsxs","attachment","AttachmentPreview","items","onRemove","onRetry","onReorder","jsxs","_objectSpread","classNames","rootBare","fieldRow","fieldExpanded","fieldDisabled","fieldMain","bareToolbar","root","rootEmbedded","inputPanel","toolbarRow","_Fragment","divider","metaShare"],"mappings":"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"}
+{"version":3,"file":"CommentInputNext.js","sources":["../../../../src/components/CommentInputNext/CommentInputNext.tsx"],"sourcesContent":["import {\n  forwardRef,\n  KeyboardEvent,\n  ReactNode,\n  useState,\n  useCallback,\n  useRef,\n  useLayoutEffect,\n  ChangeEvent,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { ArrowUpIcon } from '../../icons';\nimport { AttachmentPreview } from '../AttachmentPreview';\nimport { AttachmentPreviewItem } from '../AttachmentPreview/AttachmentPreview.types';\n\nimport { useFileDrop } from './useFileDrop';\nimport { useFilePaste } from './useFilePaste';\n\nimport styles from './CommentInputNext.scss';\n\nexport type CommentInputProps = {\n  placeholder?: string;\n  value?: string;\n  onChange?: (value: string) => void;\n  onSubmit?: (value: string) => void;\n  onCancel?: () => void;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  minRows?: number;\n  maxRows?: number;\n\n  /** Editable control rendered in place of the built-in textarea. */\n  field?: ReactNode;\n  canSubmit?: boolean;\n  /** Drop the outer surface so the field sits flush, for the in-card reply input. */\n  bare?: boolean;\n\n  leading?: ReactNode;\n  /** Replaces the default send button. */\n  trailing?: ReactNode;\n  sendTooltip?: string;\n\n  attachments?: AttachmentPreviewItem[];\n  onAttachmentRemove?: (id: AttachmentPreviewItem['id']) => void;\n  onAttachmentRetry?: (id: AttachmentPreviewItem['id']) => void;\n  /** Enables drag-to-reorder on the attachment strip. */\n  onAttachmentReorder?: (orderedIds: AttachmentPreviewItem['id'][]) => void;\n  /** Enables dropping files from the desktop onto the composer. */\n  onFilesDrop?: (files: File[]) => void;\n  /** Given a pasted link that points at an image. */\n  onImageLinkPaste?: (url: string) => void;\n  dropLabel?: string;\n  /** Extra content in the attachment area, e.g. an upload-error banner. */\n  attachmentSlot?: ReactNode;\n  toolbar?: ReactNode;\n  footer?: ReactNode;\n  /** Render flush inside a host surface: no background, full-width divider. */\n  embedded?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nconst LINE_HEIGHT_PX = 20;\nconst DEFAULT_MAX_ROWS = 8;\nconst BARE_MAX_ROWS = 12;\n\nexport const CommentInput = forwardRef<HTMLDivElement, CommentInputProps>(\n  (\n    {\n      placeholder = 'Add a comment',\n      value,\n      onChange,\n      onSubmit,\n      onCancel,\n      disabled,\n      autoFocus,\n      minRows = 1,\n      maxRows,\n      field,\n      canSubmit,\n      bare,\n      leading,\n      trailing,\n      sendTooltip = 'Send',\n      attachments,\n      onAttachmentRemove,\n      onAttachmentRetry,\n      onAttachmentReorder,\n      onFilesDrop,\n      onImageLinkPaste,\n      dropLabel = 'Drop files here',\n      attachmentSlot,\n      toolbar,\n      footer,\n      embedded,\n      className,\n      testId,\n    },\n    ref\n  ) => {\n    const { isDragging, dropHandlers } = useFileDrop(disabled ? undefined : onFilesDrop);\n    const { pasteHandlers } = useFilePaste(\n      disabled ? {} : { onFiles: onFilesDrop, onImageLink: onImageLinkPaste }\n    );\n    const dropOverlay = isDragging && <div className={styles.dropOverlay}>{dropLabel}</div>;\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState('');\n    const text = isControlled ? value : internalValue;\n\n    // The bare reply field has no toolbar row, so text may fill the whole box.\n    const rowsCap = maxRows ?? (bare ? BARE_MAX_ROWS : DEFAULT_MAX_ROWS);\n\n    const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n    const resize = useCallback(\n      (el: HTMLTextAreaElement | null) => {\n        textareaRef.current = el;\n        if (!el) return;\n        const node = el;\n        node.style.height = 'auto';\n        const maxHeight = rowsCap * LINE_HEIGHT_PX;\n        node.style.height = `${Math.min(node.scrollHeight, maxHeight)}px`;\n        node.style.overflowY = node.scrollHeight > maxHeight ? 'auto' : 'hidden';\n      },\n      [rowsCap]\n    );\n\n    // The ref callback won't fire for a prop-driven value change.\n    useLayoutEffect(() => {\n      if (!field) resize(textareaRef.current);\n    }, [text, field, resize]);\n\n    const setText = (next: string) => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    };\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      setText(event.target.value);\n      resize(event.target);\n    };\n\n    const canSend = (canSubmit ?? !!text.trim()) && !disabled;\n\n    const submit = () => {\n      if (!canSend) return;\n      onSubmit?.(text.trim());\n      if (!isControlled && !field) setInternalValue('');\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n      if (event.key === 'Escape' && onCancel) {\n        event.preventDefault();\n        onCancel();\n        return;\n      }\n\n      if (event.key === 'Enter' && !event.shiftKey) {\n        event.preventDefault();\n        submit();\n      }\n    };\n\n    const editor = field ?? (\n      <textarea\n        ref={resize}\n        className={styles.input}\n        rows={minRows}\n        placeholder={placeholder}\n        value={text}\n        disabled={disabled}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={autoFocus}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n      />\n    );\n\n    const sendButton = trailing ?? (\n      // A disabled button fires no events, so the tooltip needs its own target.\n      <Tooltip title={sendTooltip}>\n        <span className={styles.send}>\n          <ButtonIcon\n            size={bare ? 'xs' : 'small'}\n            type=\"primary\"\n            disabled={!canSend}\n            onClick={submit}\n            testId=\"comment-input-send\"\n          >\n            <ArrowUpIcon />\n          </ButtonIcon>\n        </span>\n      </Tooltip>\n    );\n\n    const attachmentArea = (attachments?.length || attachmentSlot) && (\n      <div className={styles.attachment}>\n        {attachments?.length ? (\n          <AttachmentPreview\n            items={attachments}\n            onRemove={onAttachmentRemove}\n            onRetry={onAttachmentRetry}\n            onReorder={onAttachmentReorder}\n          />\n        ) : null}\n        {attachmentSlot}\n      </div>\n    );\n\n    if (bare) {\n      return (\n        <div\n          ref={ref}\n          data-testid={testId}\n          className={classNames(styles.rootBare, className)}\n          {...dropHandlers}\n          {...pasteHandlers}\n        >\n          {dropOverlay}\n          <div className={styles.fieldRow}>\n            {leading && <div className={styles.leading}>{leading}</div>}\n            <div\n              className={classNames(\n                styles.field,\n                !!attachmentArea && styles.fieldExpanded,\n                disabled && styles.fieldDisabled\n              )}\n            >\n              <div className={styles.fieldMain}>\n                {editor}\n                {attachmentArea}\n              </div>\n              {toolbar && <div className={styles.bareToolbar}>{toolbar}</div>}\n              {sendButton}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-testid={testId}\n        className={classNames(styles.root, embedded && styles.rootEmbedded, className)}\n        {...dropHandlers}\n        {...pasteHandlers}\n      >\n        {dropOverlay}\n        <div className={styles.inputPanel}>\n          {editor}\n          {attachmentArea}\n          <div className={styles.toolbarRow}>\n            <div className={styles.toolbar}>{toolbar}</div>\n            {sendButton}\n          </div>\n        </div>\n\n        {footer && (\n          <>\n            <div className={styles.divider} />\n            <div className={styles.metaShare}>{footer}</div>\n          </>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["CommentInput","forwardRef","_ref","ref","_ref$placeholder","placeholder","value","onChange","onSubmit","onCancel","disabled","autoFocus","_ref$minRows","minRows","maxRows","field","canSubmit","bare","leading","trailing","_ref$sendTooltip","sendTooltip","attachments","onAttachmentRemove","onAttachmentRetry","onAttachmentReorder","onFilesDrop","onImageLinkPaste","_ref$dropLabel","dropLabel","attachmentSlot","toolbar","footer","embedded","className","testId","_useFileDrop","useFileDrop","undefined","isDragging","dropHandlers","pasteHandlers","useFilePaste","onFiles","onImageLink","dropOverlay","_jsx","jsx","styles","children","isControlled","useState","_useState2","_slicedToArray","_useState","internalValue","setInternalValue","text","rowsCap","textareaRef","useRef","resize","useCallback","el","current","node","style","height","maxHeight","Math","min","scrollHeight","overflowY","useLayoutEffect","canSend","trim","submit","editor","input","rows","event","next","target","onKeyDown","key","preventDefault","shiftKey","sendButton","Tooltip","title","send","ButtonIcon","size","type","onClick","ArrowUpIcon","attachmentArea","length","_jsxs","attachment","AttachmentPreview","items","onRemove","onRetry","onReorder","jsxs","_objectSpread","classNames","rootBare","fieldRow","fieldExpanded","fieldDisabled","fieldMain","bareToolbar","root","rootEmbedded","inputPanel","toolbarRow","_Fragment","divider","metaShare"],"mappings":"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"}

package/cjs-bundle/components/ConfirmationDialog.js

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

package/cjs-bundle/components/ConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationDialog.js","sources":["../../../src/components/ConfirmationDialog.js"],"sourcesContent":["import { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport TextField from '@material-ui/core/TextField';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\n\nconst PAGE_NAME = 'confirmationDialog';\n\nconst muiStyles = {\n  actionButton: { marginLeft: 15 },\n  confirmation: { marginTop: 10 },\n};\n\nclass ConfirmationDialog extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      confirmationTextField: '',\n    };\n  }\n\n  get actions() {\n    return (\n      <>\n        {this.props.isShowCancel && (\n          <Button\n            variant=\"text\"\n            data-testid={`${PAGE_NAME}_cancelButton`}\n            className={this.props.classes.actionButton}\n            onClick={this.props.handleClose}\n            color=\"primary\"\n          >\n            Cancel\n          </Button>\n        )}\n        <Button\n          variant=\"contained\"\n          data-testid={`${PAGE_NAME}_confirmButton`}\n          className={this.props.classes.actionButton}\n          onClick={this.props.handleOk}\n          disabled={\n            this.props.disableOk ||\n            (this.props.confirmationText &&\n              this.props.confirmation !== this.state.confirmationTextField)\n          }\n          color=\"primary\"\n        >\n          {this.props.okText}\n        </Button>\n      </>\n    );\n  }\n\n  render() {\n    return (\n      <Dialog\n        open={this.props.open}\n        onClose={this.props.handleClose}\n        aria-labelledby=\"confirmation-dialog-title\"\n        classes={{ paper: this.props.classes.paper }}\n      >\n        <DialogTitle id=\"confirmation-dialog-title\">{this.props.title}</DialogTitle>\n\n        <DialogContent>\n          <DialogContentText>\n            <Typography variant=\"body2\" className={this.props.classes.content}>\n              {this.props.text}\n            </Typography>\n            {this.props.confirmationText && (\n              <TextField\n                fullWidth\n                data-testid={`${PAGE_NAME}_input`}\n                label={this.props.confirmationText}\n                value={this.state.confirmationTextField}\n                onChange={e => this.setState({ confirmationTextField: e.target.value })}\n                className={this.props.classes.confirmation}\n              />\n            )}\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions className={this.props.classes.actions}>{this.actions}</DialogActions>\n      </Dialog>\n    );\n  }\n}\n\nConfirmationDialog.propTypes = {\n  open: PropTypes.bool.isRequired,\n  title: PropTypes.string,\n  text: PropTypes.string.isRequired,\n  confirmationText: PropTypes.string,\n  confirmation: PropTypes.string,\n  handleClose: PropTypes.func,\n  handleOk: PropTypes.func,\n  okText: PropTypes.string,\n  disableOk: PropTypes.bool,\n  isShowCancel: PropTypes.bool,\n\n  classes: PropTypes.shape({}).isRequired,\n};\n\nConfirmationDialog.defaultProps = {\n  title: undefined,\n  confirmationText: null,\n  confirmation: '',\n  okText: 'Ok',\n  handleOk: () => undefined,\n  handleClose: () => undefined,\n  disableOk: false,\n  isShowCancel: true,\n};\n\nexport default withStyles(muiStyles)(ConfirmationDialog);\n"],"names":["PAGE_NAME","ConfirmationDialog","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","this","call","state","confirmationTextField","_createClass","key","get","_jsxs","_Fragment","children","isShowCancel","_jsx","Button","variant","concat","className","classes","actionButton","onClick","handleClose","color","handleOk","disabled","disableOk","confirmationText","confirmation","okText","value","_this2","Dialog","open","onClose","paper","DialogTitle","id","title","DialogContent","DialogContentText","Typography","content","text","TextField","fullWidth","label","onChange","e","setState","target","DialogActions","actions","Component","propTypes","PropTypes","bool","isRequired","string","func","shape","defaultProps","undefined","ConfirmationDialogJs","withStyles","marginLeft","marginTop"],"mappings":"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"}
+{"version":3,"file":"ConfirmationDialog.js","sources":["../../../src/components/ConfirmationDialog.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport TextField from '@material-ui/core/TextField';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\n\nconst PAGE_NAME = 'confirmationDialog';\n\nconst muiStyles = {\n  actionButton: { marginLeft: 15 },\n  confirmation: { marginTop: 10 },\n};\n\nconst noop = () => undefined;\n\n/** @param {PropTypes.InferProps<typeof ConfirmationDialog.propTypes>} props */\nfunction ConfirmationDialog({\n  open,\n  title = undefined,\n  text,\n  confirmationText = null,\n  confirmation = '',\n  handleClose = noop,\n  handleOk = noop,\n  okText = 'Ok',\n  disableOk = false,\n  isShowCancel = true,\n  classes,\n}) {\n  const [confirmationTextField, setConfirmationTextField] = useState('');\n\n  const actions = (\n    <>\n      {isShowCancel && (\n        <Button\n          variant=\"text\"\n          data-testid={`${PAGE_NAME}_cancelButton`}\n          className={classes.actionButton}\n          onClick={handleClose}\n          color=\"primary\"\n        >\n          Cancel\n        </Button>\n      )}\n      <Button\n        variant=\"contained\"\n        data-testid={`${PAGE_NAME}_confirmButton`}\n        className={classes.actionButton}\n        onClick={handleOk}\n        disabled={disableOk || (confirmationText && confirmation !== confirmationTextField)}\n        color=\"primary\"\n      >\n        {okText}\n      </Button>\n    </>\n  );\n  return (\n    <Dialog\n      open={open}\n      onClose={handleClose}\n      aria-labelledby=\"confirmation-dialog-title\"\n      classes={{ paper: classes.paper }}\n    >\n      <DialogTitle id=\"confirmation-dialog-title\">{title}</DialogTitle>\n\n      <DialogContent>\n        <DialogContentText>\n          <Typography variant=\"body2\" className={classes.content}>\n            {text}\n          </Typography>\n          {confirmationText && (\n            <TextField\n              fullWidth\n              data-testid={`${PAGE_NAME}_input`}\n              label={confirmationText}\n              value={confirmationTextField}\n              onChange={e => setConfirmationTextField(e.target.value)}\n              className={classes.confirmation}\n            />\n          )}\n        </DialogContentText>\n      </DialogContent>\n      <DialogActions className={classes.actions}>{actions}</DialogActions>\n    </Dialog>\n  );\n}\n\nConfirmationDialog.propTypes = {\n  open: PropTypes.bool.isRequired,\n  title: PropTypes.string,\n  text: PropTypes.string.isRequired,\n  confirmationText: PropTypes.string,\n  confirmation: PropTypes.string,\n  handleClose: PropTypes.func,\n  handleOk: PropTypes.func,\n  okText: PropTypes.string,\n  disableOk: PropTypes.bool,\n  isShowCancel: PropTypes.bool,\n\n  classes: PropTypes.shape({}).isRequired,\n};\n\nexport default withStyles(muiStyles)(ConfirmationDialog);\n"],"names":["PAGE_NAME","noop","ConfirmationDialog","_ref","open","_ref$title","title","undefined","text","_ref$confirmationText","confirmationText","_ref$confirmation","confirmation","_ref$handleClose","handleClose","_ref$handleOk","handleOk","_ref$okText","okText","_ref$disableOk","disableOk","_ref$isShowCancel","isShowCancel","classes","useState","_useState2","_slicedToArray","_useState","confirmationTextField","setConfirmationTextField","actions","_jsxs","jsxs","_Fragment","children","_jsx","jsx","Button","variant","concat","className","actionButton","onClick","color","disabled","Dialog","onClose","paper","DialogTitle","id","DialogContent","DialogContentText","Typography","content","TextField","fullWidth","label","value","onChange","e","target","DialogActions","propTypes","PropTypes","bool","isRequired","string","func","shape","ConfirmationDialogJs","withStyles","marginLeft","marginTop"],"mappings":"0pBAYMA,EAAY,qBAOZC,EAAO,WAAe,EAG5B,SAASC,EAYNC,GAAA,IAXDC,IAAAA,KAAIC,EAAAF,EACJG,MAAAA,kBAAQC,EAASF,EACjBG,IAAAA,KAAIC,EAAAN,EACJO,iBAAAA,aAAmB,KAAID,EAAAE,EAAAR,EACvBS,aAAAA,aAAe,GAAED,EAAAE,EAAAV,EACjBW,YAAAA,aAAcb,EAAIY,EAAAE,EAAAZ,EAClBa,SAAAA,aAAWf,EAAIc,EAAAE,EAAAd,EACfe,OAAAA,aAAS,KAAID,EAAAE,EAAAhB,EACbiB,UAAAA,cAAiBD,EAAAE,EAAAlB,EACjBmB,aAAAA,cAAmBD,EACnBE,IAAAA,QAE0DC,EAAAA,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,GAA/DC,EAAqBH,EAAA,GAAEI,EAAwBJ,EAAA,GAEhDK,EACJC,EAAAC,KAAAC,WAAA,CAAAC,SACGZ,CAAAA,GACCa,EAAAC,IAACC,UAAM,CACLC,QAAQ,OACR,cAAA,GAAAC,OAAgBvC,EAAyB,iBACzCwC,UAAWjB,EAAQkB,aACnBC,QAAS5B,EACT6B,MAAM,UAAST,SAAA,WAKnBC,MAACE,UAAM,CACLC,QAAQ,YACR,cAAA,GAAAC,OAAgBvC,EAA0B,kBAC1CwC,UAAWjB,EAAQkB,aACnBC,QAAS1B,EACT4B,SAAUxB,GAAcV,GAAoBE,IAAiBgB,EAC7De,MAAM,UAAST,SAEdhB,OAIP,OACEa,EAAAA,KAACc,EAAAA,QAAM,CACLzC,KAAMA,EACN0C,QAAShC,EACT,kBAAgB,4BAChBS,QAAS,CAAEwB,MAAOxB,EAAQwB,OAAQb,SAAA,CAElCC,MAACa,UAAW,CAACC,GAAG,4BAA2Bf,SAAE5B,IAE7C6B,MAACe,UAAa,CAAAhB,SACZH,OAACoB,UAAiB,CAAAjB,SAAA,CAChBC,MAACiB,UAAU,CAACd,QAAQ,QAAQE,UAAWjB,EAAQ8B,QAAQnB,SACpD1B,IAEFE,GACCyB,EAAAC,IAACkB,UAAS,CACRC,WAAS,EACT,cAAA,GAAAhB,OAAgBvC,EAAkB,UAClCwD,MAAO9C,EACP+C,MAAO7B,EACP8B,SAAU,SAAAC,GAAC,OAAI9B,EAAyB8B,EAAEC,OAAOH,MAAO,EACxDjB,UAAWjB,EAAQX,oBAK3BuB,MAAC0B,UAAa,CAACrB,UAAWjB,EAAQO,QAAQI,SAAEJ,MAGlD,CAEA5B,EAAmB4D,UAAY,CAC7B1D,KAAM2D,EAAAA,QAAUC,KAAKC,WACrB3D,MAAOyD,EAAS,QAACG,OACjB1D,KAAMuD,EAAAA,QAAUG,OAAOD,WACvBvD,iBAAkBqD,EAAS,QAACG,OAC5BtD,aAAcmD,EAAS,QAACG,OACxBpD,YAAaiD,EAAS,QAACI,KACvBnD,SAAU+C,EAAS,QAACI,KACpBjD,OAAQ6C,EAAS,QAACG,OAClB9C,UAAW2C,EAAS,QAACC,KACrB1C,aAAcyC,EAAS,QAACC,KAExBzC,QAASwC,EAAS,QAACK,MAAM,CAAA,GAAIH,YAG/B,IAAAI,EAAeC,aA9FG,CAChB7B,aAAc,CAAE8B,WAAY,IAC5B3D,aAAc,CAAE4D,UAAW,KA4FdF,CAAsBpE"}

package/cjs-bundle/components/CopyToClipboard/CopyToClipboard.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),c=require("classnames"),i=require("@material-ui/core"),e=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var n=require("../../utils/main.js"),r=require("react/jsx-runtime");function u(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var t=u(s),a=u(c),l=i.makeStyles((function(s){return{iconWrapper:{color:s.palette.primary.text6,cursor:"pointer",paddingLeft:4,display:"flex",alignItems:"center","&:hover":{color:s.palette.primary.contrastText}},tooltip:{color:s.palette.primary.text6,backgroundColor:"rgba(20, 20, 20, 0.5)"}}}));module.exports=function(s){var c,u=s.children,m=s.classes,q=void 0===m?{}:m,j=s.dataTestId,I=s.IconComponent,p=void 0===I?function(){return r.jsx(e.CopyIcon,{size:16})}:I,d=s.tooltipProps,C=void 0===d?{title:"Copied",placement:"bottom",delay:1500}:d,h=o.useState(!1),b=t.default(h,2),f=b[0],v=b[1],F=l();return o.useEffect((function(){var s=setTimeout((function(){v(!1)}),C.delay);return function(){return clearTimeout(s)}}),[f]),r.jsx(i.Tooltip,{classes:{tooltip:a.default(F.tooltip,q.tooltip),popper:q.tooltipPopper},title:null!==(c=C.title)&&void 0!==c?c:"",open:f,disableFocusListener:!0,disableHoverListener:!0,placement:C.placement,children:r.jsx("span",{className:a.default(F.iconWrapper,q.iconWrapper),onClick:function(){v(!0),n.default.copyToClipboard(u)},children:r.jsx(p,{className:q.icon,"data-testid":j})})})};
+"use strict";var s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),c=require("classnames"),i=require("@material-ui/core"),e=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var n=require("../../utils/main.js"),r=require("react/jsx-runtime");function u(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var t=u(s),a=u(c),m=i.makeStyles((function(s){return{iconWrapper:{color:s.palette.primary.text6,cursor:"pointer",paddingLeft:4,display:"flex",alignItems:"center","&:hover":{color:s.palette.primary.contrastText}},tooltip:{color:s.palette.primary.text6,backgroundColor:"rgba(20, 20, 20, 0.5)"}}}));module.exports=function(s){var c,u=s.children,l=s.classes,q=void 0===l?{}:l,j=s.dataTestId,I=s.IconComponent,p=void 0===I?function(){return r.jsx(e.CopyIcon,{size:16})}:I,d=s.tooltipProps,C=void 0===d?{title:"Copied",placement:"bottom",delay:1500}:d,h=o.useState(!1),b=t.default(h,2),f=b[0],v=b[1],F=m();return o.useEffect((function(){var s=setTimeout((function(){v(!1)}),C.delay);return function(){return clearTimeout(s)}}),[f]),r.jsx(i.Tooltip,{classes:{tooltip:a.default(F.tooltip,q.tooltip),popper:q.tooltipPopper},title:null!==(c=C.title)&&void 0!==c?c:"",open:f,disableFocusListener:!0,disableHoverListener:!0,placement:C.placement,children:r.jsx("span",{className:a.default(F.iconWrapper,q.iconWrapper),onClick:function(){v(!0),n.default.copyToClipboard(u)},children:r.jsx(p,{className:q.icon,"data-testid":j})})})};
 //# sourceMappingURL=CopyToClipboard.js.map

package/cjs-bundle/components/CopyToClipboard/CopyToClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.js","sources":["../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import { ComponentType, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Tooltip, TooltipProps } from '@material-ui/core';\n\nimport { CopyIcon } from '~/icons';\nimport utils from '~/utils/main';\n\nconst useStyles = makeStyles(theme => ({\n  iconWrapper: {\n    color: theme.palette.primary.text6,\n    cursor: 'pointer',\n    paddingLeft: 4,\n    display: 'flex',\n    alignItems: 'center',\n    '&:hover': {\n      color: theme.palette.primary.contrastText,\n    },\n  },\n  tooltip: {\n    color: theme.palette.primary.text6,\n    backgroundColor: 'rgba(20, 20, 20, 0.5)',\n  },\n}));\n\nexport type CopyToClipboardProps = {\n  /**\n   * ⚠️ Must be a string\n   */\n  children: string;\n  dataTestId?: string;\n  IconComponent?: ComponentType<any>;\n  tooltipProps?: {\n    title?: string;\n    placement?: TooltipProps['placement'];\n    delay?: number;\n  };\n  classes?: {\n    root?: string;\n    icon?: string;\n    iconWrapper?: string;\n    tooltip?: string;\n    tooltipPopper?: string;\n  };\n};\n\nconst CopyToClipboard = ({\n  children,\n  classes = {},\n  dataTestId,\n  IconComponent = () => <CopyIcon size={16} />,\n  tooltipProps = {\n    title: 'Copied',\n    placement: 'bottom',\n    delay: 1500,\n  },\n}: CopyToClipboardProps) => {\n  const [isOpenedTooltip, setIsOpenedTooltip] = useState(false);\n  const styles = useStyles();\n\n  const handleCopyText = () => {\n    setIsOpenedTooltip(true);\n    utils.copyToClipboard(children);\n  };\n\n  useEffect(() => {\n    const openedTooltipTimeout = setTimeout(() => {\n      setIsOpenedTooltip(false);\n    }, tooltipProps.delay);\n\n    return () => clearTimeout(openedTooltipTimeout);\n  }, [isOpenedTooltip]);\n\n  return (\n    <Tooltip\n      classes={{\n        tooltip: classNames(styles.tooltip, classes.tooltip),\n        popper: classes.tooltipPopper,\n      }}\n      title={tooltipProps.title ?? ''}\n      open={isOpenedTooltip}\n      disableFocusListener\n      disableHoverListener\n      placement={tooltipProps.placement}\n    >\n      <span\n        className={classNames(styles.iconWrapper, classes.iconWrapper)}\n        onClick={handleCopyText}\n      >\n        <IconComponent className={classes.icon} data-testid={dataTestId} />\n      </span>\n    </Tooltip>\n  );\n};\n\nexport default CopyToClipboard;\n"],"names":["useStyles","makeStyles","theme","iconWrapper","color","palette","primary","text6","cursor","paddingLeft","display","alignItems","contrastText","tooltip","backgroundColor","_ref","_tooltipProps$title","children","_ref$classes","classes","dataTestId","_ref$IconComponent","IconComponent","_jsx","CopyIcon","size","_ref$tooltipProps","tooltipProps","title","placement","delay","useState","_useState2","_slicedToArray","_useState","isOpenedTooltip","setIsOpenedTooltip","styles","useEffect","openedTooltipTimeout","setTimeout","clearTimeout","Tooltip","classNames","popper","tooltipPopper","open","disableFocusListener","disableHoverListener","jsx","className","onClick","utils","copyToClipboard","icon"],"mappings":"2nIAOMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,YAAa,CACXC,MAAOF,EAAMG,QAAQC,QAAQC,MAC7BC,OAAQ,UACRC,YAAa,EACbC,QAAS,OACTC,WAAY,SACZ,UAAW,CACTP,MAAOF,EAAMG,QAAQC,QAAQM,eAGjCC,QAAS,CACPT,MAAOF,EAAMG,QAAQC,QAAQC,MAC7BO,gBAAiB,yBAEpB,mBAuBuB,SAUIC,GAAA,IAAAC,EAT1BC,IAAAA,SAAQC,EAAAH,EACRI,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EACZE,IAAAA,WAAUC,EAAAN,EACVO,cAAAA,OAAgB,IAAAD,EAAA,WAAA,OAAME,EAAAA,IAACC,EAAAA,SAAQ,CAACC,KAAM,IAAM,EAAAJ,EAAAK,EAAAX,EAC5CY,aAAAA,OAAe,IAAAD,EAAA,CACbE,MAAO,SACPC,UAAW,SACXC,MAAO,MACRJ,EAE6CK,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAtDC,EAAeH,EAAA,GAAEI,EAAkBJ,EAAA,GACpCK,EAASrC,IAef,OARAsC,EAAAA,WAAU,WACR,IAAMC,EAAuBC,YAAW,WACtCJ,GAAmB,EACrB,GAAGT,EAAaG,OAEhB,OAAO,WAAA,OAAMW,aAAaF,EAAqB,CACjD,GAAG,CAACJ,IAGFZ,EAAAA,IAACmB,EAAAA,QAAO,CACNvB,QAAS,CACPN,QAAS8B,EAAAA,QAAWN,EAAOxB,QAASM,EAAQN,SAC5C+B,OAAQzB,EAAQ0B,eAElBjB,cAAOD,EAAAA,EAAaC,qBAAS,GAC7BkB,KAAMX,EACNY,sBAAoB,EACpBC,sBAAoB,EACpBnB,UAAWF,EAAaE,UAAUZ,SAElCM,EAAA0B,IAAA,OAAA,CACEC,UAAWP,EAAAA,QAAWN,EAAOlC,YAAagB,EAAQhB,aAClDgD,QA3BiB,WACrBf,GAAmB,GACnBgB,UAAMC,gBAAgBpC,IAyBMA,SAExBM,MAACD,EAAa,CAAC4B,UAAW/B,EAAQmC,KAAM,cAAalC,OAI7D"}
+{"version":3,"file":"CopyToClipboard.js","sources":["../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import { ComponentType, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Tooltip, TooltipProps } from '@material-ui/core';\n\nimport { CopyIcon } from '~/icons';\nimport utils from '~/utils/main';\n\nconst useStyles = makeStyles(theme => ({\n  iconWrapper: {\n    color: theme.palette.primary.text6,\n    cursor: 'pointer',\n    paddingLeft: 4,\n    display: 'flex',\n    alignItems: 'center',\n    '&:hover': {\n      color: theme.palette.primary.contrastText,\n    },\n  },\n  tooltip: {\n    color: theme.palette.primary.text6,\n    backgroundColor: 'rgba(20, 20, 20, 0.5)',\n  },\n}));\n\nexport type CopyToClipboardProps = {\n  /**\n   * ⚠️ Must be a string\n   */\n  children: string;\n  dataTestId?: string;\n  IconComponent?: ComponentType<any>;\n  tooltipProps?: {\n    title?: string;\n    placement?: TooltipProps['placement'];\n    delay?: number;\n  };\n  classes?: {\n    root?: string;\n    icon?: string;\n    iconWrapper?: string;\n    tooltip?: string;\n    tooltipPopper?: string;\n  };\n};\n\nconst CopyToClipboard = ({\n  children,\n  classes = {},\n  dataTestId,\n  IconComponent = () => <CopyIcon size={16} />,\n  tooltipProps = {\n    title: 'Copied',\n    placement: 'bottom',\n    delay: 1500,\n  },\n}: CopyToClipboardProps) => {\n  const [isOpenedTooltip, setIsOpenedTooltip] = useState(false);\n  const styles = useStyles();\n\n  const handleCopyText = () => {\n    setIsOpenedTooltip(true);\n    utils.copyToClipboard(children);\n  };\n\n  useEffect(() => {\n    const openedTooltipTimeout = setTimeout(() => {\n      setIsOpenedTooltip(false);\n    }, tooltipProps.delay);\n\n    return () => clearTimeout(openedTooltipTimeout);\n  }, [isOpenedTooltip]);\n\n  return (\n    <Tooltip\n      classes={{\n        tooltip: classNames(styles.tooltip, classes.tooltip),\n        popper: classes.tooltipPopper,\n      }}\n      title={tooltipProps.title ?? ''}\n      open={isOpenedTooltip}\n      disableFocusListener\n      disableHoverListener\n      placement={tooltipProps.placement}\n    >\n      <span\n        className={classNames(styles.iconWrapper, classes.iconWrapper)}\n        onClick={handleCopyText}\n      >\n        <IconComponent className={classes.icon} data-testid={dataTestId} />\n      </span>\n    </Tooltip>\n  );\n};\n\nexport default CopyToClipboard;\n"],"names":["useStyles","makeStyles","theme","iconWrapper","color","palette","primary","text6","cursor","paddingLeft","display","alignItems","contrastText","tooltip","backgroundColor","_ref","_tooltipProps$title","children","_ref$classes","classes","dataTestId","_ref$IconComponent","IconComponent","_jsx","CopyIcon","size","_ref$tooltipProps","tooltipProps","title","placement","delay","useState","_useState2","_slicedToArray","_useState","isOpenedTooltip","setIsOpenedTooltip","styles","useEffect","openedTooltipTimeout","setTimeout","clearTimeout","Tooltip","classNames","popper","tooltipPopper","open","disableFocusListener","disableHoverListener","jsx","className","onClick","utils","copyToClipboard","icon"],"mappings":"w1IAOMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,YAAa,CACXC,MAAOF,EAAMG,QAAQC,QAAQC,MAC7BC,OAAQ,UACRC,YAAa,EACbC,QAAS,OACTC,WAAY,SACZ,UAAW,CACTP,MAAOF,EAAMG,QAAQC,QAAQM,eAGjCC,QAAS,CACPT,MAAOF,EAAMG,QAAQC,QAAQC,MAC7BO,gBAAiB,yBAEpB,mBAuBuB,SAUIC,GAAA,IAAAC,EAT1BC,IAAAA,SAAQC,EAAAH,EACRI,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EACZE,IAAAA,WAAUC,EAAAN,EACVO,cAAAA,OAAgB,IAAAD,EAAA,WAAA,OAAME,EAAAA,IAACC,EAAAA,SAAQ,CAACC,KAAM,IAAM,EAAAJ,EAAAK,EAAAX,EAC5CY,aAAAA,OAAe,IAAAD,EAAA,CACbE,MAAO,SACPC,UAAW,SACXC,MAAO,MACRJ,EAE6CK,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAtDC,EAAeH,EAAA,GAAEI,EAAkBJ,EAAA,GACpCK,EAASrC,IAef,OARAsC,EAAAA,WAAU,WACR,IAAMC,EAAuBC,YAAW,WACtCJ,GAAmB,EACrB,GAAGT,EAAaG,OAEhB,OAAO,WAAA,OAAMW,aAAaF,EAAqB,CACjD,GAAG,CAACJ,IAGFZ,EAAAA,IAACmB,EAAAA,QAAO,CACNvB,QAAS,CACPN,QAAS8B,EAAAA,QAAWN,EAAOxB,QAASM,EAAQN,SAC5C+B,OAAQzB,EAAQ0B,eAElBjB,cAAOD,EAAAA,EAAaC,qBAAS,GAC7BkB,KAAMX,EACNY,sBAAoB,EACpBC,sBAAoB,EACpBnB,UAAWF,EAAaE,UAAUZ,SAElCM,EAAA0B,IAAA,OAAA,CACEC,UAAWP,EAAAA,QAAWN,EAAOlC,YAAagB,EAAQhB,aAClDgD,QA3BiB,WACrBf,GAAmB,GACnBgB,UAAMC,gBAAgBpC,IAyBMA,SAExBM,MAACD,EAAa,CAAC4B,UAAW/B,EAAQmC,KAAM,cAAalC,OAI7D"}

package/cjs-bundle/components/Counter/index.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("classnames"),e=require("lodash"),c=require("@material-ui/core"),n=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var r=require("react/jsx-runtime");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var u=t(s),a=t(o),l=t(i),p=["classes","size","limited","clickable","tooltip"];function m(s,o){var i=Object.keys(s);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(s);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),i.push.apply(i,e)}return i}function j(s){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?m(Object(i),!0).forEach((function(o){u.default(s,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):m(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=c.makeStyles((function(s){return{rootChip:{"&.MuiChip-root":{backgroundColor:s.palette.background.b9,color:s.palette.primary.text6,textAlign:"center","&:hover":{color:s.palette.primary.contrastText,"& .MuiSvgIcon-root":{color:s.palette.primary.contrastText}},"& span.MuiChip-label":{padding:0}}},tooltip:{marginTop:"10px"},closeIcon:{marginRight:"-2px !important",marginLeft:"2px !important",color:s.palette.primary.text6},sizeSmall:{"&.MuiChip-root":{minWidth:16,height:16,padding:"1px 2px","& span":{fontSize:"11px",lineHeight:"14px"}}},sizeSmallLimited:{"&.MuiChip-root":{padding:"1px 3px"}},sizeMedium:{"&.MuiChip-root":{minWidth:24,height:24,padding:"2px 4px","& span":{fontSize:"14px",lineHeight:"20px"}}},sizeMediumLimited:{"&.MuiChip-root":{padding:"2px 6px"}},sizeMediumClickable:{"&.MuiChip-root":{padding:"2px 6px"}},sizeLarge:{"&.MuiChip-root":{minWidth:32,height:32,padding:"5px 7px","& span":{fontSize:"16px",lineHeight:"22px"}}},sizeLargeLimited:{"&.MuiChip-root":{padding:"5px 8px"}},sizeLargeClickable:{"&.MuiChip-root":{padding:"5px 8px"}}}}));module.exports=function(s){var o=s.classes,i=void 0===o?{}:o,t=s.size,u=void 0===t?"medium":t,m=s.limited,q=void 0!==m&&m,I=s.clickable,h=void 0!==I&&I,C=s.tooltip,b=void 0===C?"":C,g=a.default(s,p),x=d();return r.jsx(c.Tooltip,{title:b,classes:{tooltip:x.tooltip},children:r.jsx(c.Chip,j(j({},g),{},{size:u,classes:j(j({},i),{},{root:l.default(i.root,x.rootChip,x["size".concat(e.capitalize(u))],q&&x["size".concat(e.capitalize(u),"Limited")],h&&x["size".concat(e.capitalize(u),"Clickable")])}),clickable:h,deleteIcon:r.jsx(n.CloseSmallIcon,{className:x.closeIcon,size:16})}))})};
+"use strict";var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("classnames"),e=require("lodash"),c=require("@material-ui/core"),n=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var r=require("react/jsx-runtime");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var u=t(s),a=t(o),l=t(i),m=["classes","size","limited","clickable","tooltip"];function p(s,o){var i=Object.keys(s);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(s);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),i.push.apply(i,e)}return i}function j(s){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?p(Object(i),!0).forEach((function(o){u.default(s,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):p(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=c.makeStyles((function(s){return{rootChip:{"&.MuiChip-root":{backgroundColor:s.palette.background.b9,color:s.palette.primary.text6,textAlign:"center","&:hover":{color:s.palette.primary.contrastText,"& .MuiSvgIcon-root":{color:s.palette.primary.contrastText}},"& span.MuiChip-label":{padding:0}}},tooltip:{marginTop:"10px"},closeIcon:{marginRight:"-2px !important",marginLeft:"2px !important",color:s.palette.primary.text6},sizeSmall:{"&.MuiChip-root":{minWidth:16,height:16,padding:"1px 2px","& span":{fontSize:"11px",lineHeight:"14px"}}},sizeSmallLimited:{"&.MuiChip-root":{padding:"1px 3px"}},sizeMedium:{"&.MuiChip-root":{minWidth:24,height:24,padding:"2px 4px","& span":{fontSize:"14px",lineHeight:"20px"}}},sizeMediumLimited:{"&.MuiChip-root":{padding:"2px 6px"}},sizeMediumClickable:{"&.MuiChip-root":{padding:"2px 6px"}},sizeLarge:{"&.MuiChip-root":{minWidth:32,height:32,padding:"5px 7px","& span":{fontSize:"16px",lineHeight:"22px"}}},sizeLargeLimited:{"&.MuiChip-root":{padding:"5px 8px"}},sizeLargeClickable:{"&.MuiChip-root":{padding:"5px 8px"}}}}));module.exports=function(s){var o=s.classes,i=void 0===o?{}:o,t=s.size,u=void 0===t?"medium":t,p=s.limited,q=void 0!==p&&p,I=s.clickable,h=void 0!==I&&I,C=s.tooltip,b=void 0===C?"":C,g=a.default(s,m),x=d();return r.jsx(c.Tooltip,{title:b,classes:{tooltip:x.tooltip},children:r.jsx(c.Chip,j(j({},g),{},{size:u,classes:j(j({},i),{},{root:l.default(i.root,x.rootChip,x["size".concat(e.capitalize(u))],q&&x["size".concat(e.capitalize(u),"Limited")],h&&x["size".concat(e.capitalize(u),"Clickable")])}),clickable:h,deleteIcon:r.jsx(n.CloseSmallIcon,{className:x.closeIcon,size:16})}))})};
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/Counter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Counter/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { capitalize } from 'lodash';\n\nimport { Chip as MuiChip, ChipProps, makeStyles, Tooltip } from '@material-ui/core';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n  rootChip: {\n    '&.MuiChip-root': {\n      backgroundColor: theme.palette.background.b9,\n      color: theme.palette.primary.text6,\n      textAlign: 'center',\n\n      '&:hover': {\n        color: theme.palette.primary.contrastText,\n\n        '& .MuiSvgIcon-root': {\n          color: theme.palette.primary.contrastText,\n        },\n      },\n      '& span.MuiChip-label': {\n        padding: 0,\n      },\n    },\n  },\n  tooltip: {\n    marginTop: '10px',\n  },\n  closeIcon: {\n    marginRight: '-2px !important',\n    marginLeft: '2px !important',\n    color: theme.palette.primary.text6,\n  },\n  sizeSmall: {\n    '&.MuiChip-root': {\n      minWidth: 16,\n      height: 16,\n      padding: '1px 2px',\n      '& span': {\n        fontSize: '11px',\n        lineHeight: '14px',\n      },\n    },\n  },\n  sizeSmallLimited: {\n    '&.MuiChip-root': {\n      padding: '1px 3px',\n    },\n  },\n\n  sizeMedium: {\n    '&.MuiChip-root': {\n      minWidth: 24,\n      height: 24,\n      padding: '2px 4px',\n      '& span': {\n        fontSize: '14px',\n        lineHeight: '20px',\n      },\n    },\n  },\n  sizeMediumLimited: {\n    '&.MuiChip-root': {\n      padding: '2px 6px',\n    },\n  },\n  sizeMediumClickable: {\n    '&.MuiChip-root': {\n      padding: '2px 6px',\n    },\n  },\n\n  sizeLarge: {\n    '&.MuiChip-root': {\n      minWidth: 32,\n      height: 32,\n      padding: '5px 7px',\n      '& span': {\n        fontSize: '16px',\n        lineHeight: '22px',\n      },\n    },\n  },\n  sizeLargeLimited: {\n    '&.MuiChip-root': {\n      padding: '5px 8px',\n    },\n  },\n  sizeLargeClickable: {\n    '&.MuiChip-root': {\n      padding: '5px 8px',\n    },\n  },\n}));\n\nexport type CounterProps = Omit<\n  ChipProps,\n  | 'classes'\n  | 'size'\n  | 'label'\n  | 'clickable'\n  | 'children'\n  | 'avatar'\n  | 'icon'\n  | 'deleteIcon'\n  | 'onDelete'\n  | 'variant'\n  | 'color'\n  | 'className'\n> & {\n  label: string;\n  classes?: {\n    root?: string;\n  };\n  size?: 'small' | 'medium' | 'large';\n  limited?: boolean;\n  clickable?: boolean;\n  tooltip?: string;\n  className?: string;\n};\n\ntype ClassName = keyof ReturnType<typeof useStyles>;\n\nconst Counter = ({\n  classes = {},\n  size = 'medium',\n  limited = false,\n  clickable = false,\n  tooltip = '',\n  ...rest\n}: CounterProps): JSX.Element => {\n  const styles = useStyles();\n\n  return (\n    <Tooltip title={tooltip} classes={{ tooltip: styles.tooltip }}>\n      <MuiChip\n        {...rest}\n        size={size as any}\n        classes={{\n          ...classes,\n          root: classNames(\n            classes.root,\n            styles.rootChip,\n            styles[`size${capitalize(size)}` as ClassName],\n            limited && styles[`size${capitalize(size)}Limited` as ClassName],\n            clickable && styles[`size${capitalize(size)}Clickable` as ClassName]\n          ),\n        }}\n        clickable={clickable}\n        deleteIcon={<CloseSmallIcon className={styles.closeIcon} size={16} />}\n      />\n    </Tooltip>\n  );\n};\n\nexport default Counter;\n"],"names":["useStyles","makeStyles","theme","rootChip","backgroundColor","palette","background","b9","color","primary","text6","textAlign","contrastText","padding","tooltip","marginTop","closeIcon","marginRight","marginLeft","sizeSmall","minWidth","height","fontSize","lineHeight","sizeSmallLimited","sizeMedium","sizeMediumLimited","sizeMediumClickable","sizeLarge","sizeLargeLimited","sizeLargeClickable","_ref","_ref$classes","classes","_ref$size","size","_ref$limited","limited","_ref$clickable","clickable","_ref$tooltip","rest","_objectWithoutProperties","_excluded","styles","_jsx","Tooltip","title","children","MuiChip","_objectSpread","root","classNames","concat","capitalize","deleteIcon","CloseSmallIcon","className"],"mappings":"2xJAMA,IAAMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,SAAU,CACR,iBAAkB,CAChBC,gBAAiBF,EAAMG,QAAQC,WAAWC,GAC1CC,MAAON,EAAMG,QAAQI,QAAQC,MAC7BC,UAAW,SAEX,UAAW,CACTH,MAAON,EAAMG,QAAQI,QAAQG,aAE7B,qBAAsB,CACpBJ,MAAON,EAAMG,QAAQI,QAAQG,eAGjC,uBAAwB,CACtBC,QAAS,KAIfC,QAAS,CACPC,UAAW,QAEbC,UAAW,CACTC,YAAa,kBACbC,WAAY,iBACZV,MAAON,EAAMG,QAAQI,QAAQC,OAE/BS,UAAW,CACT,iBAAkB,CAChBC,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBC,iBAAkB,CAChB,iBAAkB,CAChBX,QAAS,YAIbY,WAAY,CACV,iBAAkB,CAChBL,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBG,kBAAmB,CACjB,iBAAkB,CAChBb,QAAS,YAGbc,oBAAqB,CACnB,iBAAkB,CAChBd,QAAS,YAIbe,UAAW,CACT,iBAAkB,CAChBR,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBM,iBAAkB,CAChB,iBAAkB,CAChBhB,QAAS,YAGbiB,mBAAoB,CAClB,iBAAkB,CAChBjB,QAAS,YAGd,mBA8Be,SAOiBkB,GAAA,IAAAC,EAAAD,EAN/BE,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAH,EACZI,KAAAA,aAAO,SAAQD,EAAAE,EAAAL,EACfM,QAAAA,cAAeD,EAAAE,EAAAP,EACfQ,UAAAA,cAAiBD,EAAAE,EAAAT,EACjBjB,QAAAA,aAAU,GAAE0B,EACTC,EAAIC,EAAA,QAAAX,EAAAY,GAEDC,EAAS5C,IAEf,OACE6C,EAAAA,IAACC,EAAAA,QAAO,CAACC,MAAOjC,EAASmB,QAAS,CAAEnB,QAAS8B,EAAO9B,SAAUkC,SAC5DH,EAAAA,IAACI,EAAAA,KAAOC,EAAAA,EAAA,GACFT,GAAI,GAAA,CACRN,KAAMA,EACNF,eACKA,GAAO,CAAA,EAAA,CACVkB,KAAMC,EAAAA,QACJnB,EAAQkB,KACRP,EAAOzC,SACPyC,EAAM,OAAAS,OAAQC,EAAAA,WAAWnB,KACzBE,GAAWO,EAAM,OAAAS,OAAQC,EAAAA,WAAWnB,GAAK,YACzCI,GAAaK,EAAM,OAAAS,OAAQC,EAAUA,WAACnB,GAA8B,iBAGxEI,UAAWA,EACXgB,WAAYV,MAACW,iBAAc,CAACC,UAAWb,EAAO5B,UAAWmB,KAAM,SAIvE"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Counter/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { capitalize } from 'lodash';\n\nimport { Chip as MuiChip, ChipProps, makeStyles, Tooltip } from '@material-ui/core';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n  rootChip: {\n    '&.MuiChip-root': {\n      backgroundColor: theme.palette.background.b9,\n      color: theme.palette.primary.text6,\n      textAlign: 'center',\n\n      '&:hover': {\n        color: theme.palette.primary.contrastText,\n\n        '& .MuiSvgIcon-root': {\n          color: theme.palette.primary.contrastText,\n        },\n      },\n      '& span.MuiChip-label': {\n        padding: 0,\n      },\n    },\n  },\n  tooltip: {\n    marginTop: '10px',\n  },\n  closeIcon: {\n    marginRight: '-2px !important',\n    marginLeft: '2px !important',\n    color: theme.palette.primary.text6,\n  },\n  sizeSmall: {\n    '&.MuiChip-root': {\n      minWidth: 16,\n      height: 16,\n      padding: '1px 2px',\n      '& span': {\n        fontSize: '11px',\n        lineHeight: '14px',\n      },\n    },\n  },\n  sizeSmallLimited: {\n    '&.MuiChip-root': {\n      padding: '1px 3px',\n    },\n  },\n\n  sizeMedium: {\n    '&.MuiChip-root': {\n      minWidth: 24,\n      height: 24,\n      padding: '2px 4px',\n      '& span': {\n        fontSize: '14px',\n        lineHeight: '20px',\n      },\n    },\n  },\n  sizeMediumLimited: {\n    '&.MuiChip-root': {\n      padding: '2px 6px',\n    },\n  },\n  sizeMediumClickable: {\n    '&.MuiChip-root': {\n      padding: '2px 6px',\n    },\n  },\n\n  sizeLarge: {\n    '&.MuiChip-root': {\n      minWidth: 32,\n      height: 32,\n      padding: '5px 7px',\n      '& span': {\n        fontSize: '16px',\n        lineHeight: '22px',\n      },\n    },\n  },\n  sizeLargeLimited: {\n    '&.MuiChip-root': {\n      padding: '5px 8px',\n    },\n  },\n  sizeLargeClickable: {\n    '&.MuiChip-root': {\n      padding: '5px 8px',\n    },\n  },\n}));\n\nexport type CounterProps = Omit<\n  ChipProps,\n  | 'classes'\n  | 'size'\n  | 'label'\n  | 'clickable'\n  | 'children'\n  | 'avatar'\n  | 'icon'\n  | 'deleteIcon'\n  | 'onDelete'\n  | 'variant'\n  | 'color'\n  | 'className'\n> & {\n  label: string;\n  classes?: {\n    root?: string;\n  };\n  size?: 'small' | 'medium' | 'large';\n  limited?: boolean;\n  clickable?: boolean;\n  tooltip?: string;\n  className?: string;\n};\n\ntype ClassName = keyof ReturnType<typeof useStyles>;\n\nconst Counter = ({\n  classes = {},\n  size = 'medium',\n  limited = false,\n  clickable = false,\n  tooltip = '',\n  ...rest\n}: CounterProps): JSX.Element => {\n  const styles = useStyles();\n\n  return (\n    <Tooltip title={tooltip} classes={{ tooltip: styles.tooltip }}>\n      <MuiChip\n        {...rest}\n        size={size as any}\n        classes={{\n          ...classes,\n          root: classNames(\n            classes.root,\n            styles.rootChip,\n            styles[`size${capitalize(size)}` as ClassName],\n            limited && styles[`size${capitalize(size)}Limited` as ClassName],\n            clickable && styles[`size${capitalize(size)}Clickable` as ClassName]\n          ),\n        }}\n        clickable={clickable}\n        deleteIcon={<CloseSmallIcon className={styles.closeIcon} size={16} />}\n      />\n    </Tooltip>\n  );\n};\n\nexport default Counter;\n"],"names":["useStyles","makeStyles","theme","rootChip","backgroundColor","palette","background","b9","color","primary","text6","textAlign","contrastText","padding","tooltip","marginTop","closeIcon","marginRight","marginLeft","sizeSmall","minWidth","height","fontSize","lineHeight","sizeSmallLimited","sizeMedium","sizeMediumLimited","sizeMediumClickable","sizeLarge","sizeLargeLimited","sizeLargeClickable","_ref","_ref$classes","classes","_ref$size","size","_ref$limited","limited","_ref$clickable","clickable","_ref$tooltip","rest","_objectWithoutProperties","_excluded","styles","_jsx","Tooltip","title","children","MuiChip","_objectSpread","root","classNames","concat","capitalize","deleteIcon","CloseSmallIcon","className"],"mappings":"w/JAMA,IAAMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,SAAU,CACR,iBAAkB,CAChBC,gBAAiBF,EAAMG,QAAQC,WAAWC,GAC1CC,MAAON,EAAMG,QAAQI,QAAQC,MAC7BC,UAAW,SAEX,UAAW,CACTH,MAAON,EAAMG,QAAQI,QAAQG,aAE7B,qBAAsB,CACpBJ,MAAON,EAAMG,QAAQI,QAAQG,eAGjC,uBAAwB,CACtBC,QAAS,KAIfC,QAAS,CACPC,UAAW,QAEbC,UAAW,CACTC,YAAa,kBACbC,WAAY,iBACZV,MAAON,EAAMG,QAAQI,QAAQC,OAE/BS,UAAW,CACT,iBAAkB,CAChBC,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBC,iBAAkB,CAChB,iBAAkB,CAChBX,QAAS,YAIbY,WAAY,CACV,iBAAkB,CAChBL,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBG,kBAAmB,CACjB,iBAAkB,CAChBb,QAAS,YAGbc,oBAAqB,CACnB,iBAAkB,CAChBd,QAAS,YAIbe,UAAW,CACT,iBAAkB,CAChBR,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBM,iBAAkB,CAChB,iBAAkB,CAChBhB,QAAS,YAGbiB,mBAAoB,CAClB,iBAAkB,CAChBjB,QAAS,YAGd,mBA8Be,SAOiBkB,GAAA,IAAAC,EAAAD,EAN/BE,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAH,EACZI,KAAAA,aAAO,SAAQD,EAAAE,EAAAL,EACfM,QAAAA,cAAeD,EAAAE,EAAAP,EACfQ,UAAAA,cAAiBD,EAAAE,EAAAT,EACjBjB,QAAAA,aAAU,GAAE0B,EACTC,EAAIC,EAAA,QAAAX,EAAAY,GAEDC,EAAS5C,IAEf,OACE6C,EAAAA,IAACC,EAAAA,QAAO,CAACC,MAAOjC,EAASmB,QAAS,CAAEnB,QAAS8B,EAAO9B,SAAUkC,SAC5DH,EAAAA,IAACI,EAAAA,KAAOC,EAAAA,EAAA,GACFT,GAAI,GAAA,CACRN,KAAMA,EACNF,eACKA,GAAO,CAAA,EAAA,CACVkB,KAAMC,EAAAA,QACJnB,EAAQkB,KACRP,EAAOzC,SACPyC,EAAM,OAAAS,OAAQC,EAAAA,WAAWnB,KACzBE,GAAWO,EAAM,OAAAS,OAAQC,EAAAA,WAAWnB,GAAK,YACzCI,GAAaK,EAAM,OAAAS,OAAQC,EAAUA,WAACnB,GAA8B,iBAGxEI,UAAWA,EACXgB,WAAYV,MAACW,iBAAc,CAACC,UAAWb,EAAO5B,UAAWmB,KAAM,SAIvE"}