@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/Attachment/index.js

@@ -1 +1,344 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useCallback as a}from"react";import i from"prop-types";import o from"react-player";import{withStyles as r}from"@material-ui/core/styles";import s from"@material-ui/core/Typography";import{Dialog as n}from"@material-ui/core";import l from"@material-ui/icons/Image";import m from"@material-ui/icons/SaveAlt";import c from"@material-ui/icons/Fullscreen";import d from"@material-ui/core/colors/grey";import p from"../FileTypeIcon.js";import h from"../ImageViewer/index.js";import u from"../GoogleDocsViewer/index.js";import f from"../IconButton/index.js";import{isNativeDetected as g}from"../../utils/mobileDetect.js";import{getIsImage as v,getIsVideo as b}from"../../utils/fileExtension.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../utils/env.js";import"../GradientManager/configuration/constants.js";import N from"../../effects/useSignedURL.js";import"../../utils/index.js";import"uuid";import"jsona";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import w from"../../utils/main.js";import y from"./styles.css.js";import{jsx as x,jsxs as j,Fragment as I}from"react/jsx-runtime";var A=d[200],F=d[400],P={label:"small",value:135},L={label:"medium",value:300},W={fileImage:function(e,t){return{maxWidth:"100%",borderRadius:4,overflow:"hidden",maxHeight:t===P.label?P.value:L.value,display:e?"initial":"none",cursor:"pointer"}},fileDownloadWrapper:{padding:"10px 10px 10px 5px",border:"1px solid #616161",borderRadius:3,maxWidth:500,width:"75%"},imagePlaceholder:{position:"relative",backgroundColor:A,borderRadius:3,marginTop:10,height:135,width:135}},z=function(e){var t=N(e.attachmentFileName);return j(I,{children:[j("div",{onClick:e.openLightbox,className:y.cAttachmentImg,children:[x("img",{"data-testid":"".concat("Attachment","_image"),src:t,style:W.fileImage(e.imageIsLoaded,e.size),alt:"Attachment",onLoad:e.setImageIsLoaded}),x("div",{"data-testid":"".concat("Attachment","_button"),className:y.cAttachmentImgPreviwBtn,children:x(c,{})})]}),!e.imageIsLoaded&&x("div",{style:W.imagePlaceholder,children:x(l,{"data-testid":"".concat("Attachment","_placeholder"),className:e.classes.imageIconRoot,htmlColor:F,fontSize:"large"})}),e.lightboxIsOpen&&x(h,{mainSrc:t,imagePadding:50,onAfterOpen:e.handleLightboxOpen,onCloseRequest:e.handleLightboxClose})]})},C=function(e){var t=N(e.attachmentFileName);return j("div",{className:y.cAttachmentFileWrapper,children:[j("div",{className:y.cAttachmentFileDownloadWrapper,style:W.fileDownloadWrapper,onClick:e.openPreview,children:[x(p,{fileName:e.displayName||e.attachmentUrl,className:y.cAttachmentFileDownloadWrapperFileIcon,size:e.small?25:50}),x("div",{"data-testid":"".concat("Attachment","_name"),className:y.cAttachmentFileDownloadWrapperFileName,children:x(s,{variant:"subtitle2",noWrap:!0,className:e.classes.fileName,children:w.getFileNameWithExtensionFromPath(e.displayName||e.attachmentUrl)})}),x(n,{open:e.previewIsOpen,onClose:e.closePreview,classes:{root:e.classes.dialogRoot,paper:g?e.classes.nativeDialog:e.classes.dialog},onClick:e.closePreview,children:x(u,{fileUrl:t,fileName:w.getFileNameWithExtensionFromPath(e.displayName||e.attachmentUrl),fileSize:e.attachmentSize,onClose:e.closePreview,width:"100%",height:"100%"})})]}),x("a",{download:e.displayName,href:t,className:y.cAttachmentFileDownloadWrapperForm,children:x(f,{"data-testid":"".concat("Attachment","_downloadButton"),className:e.classes.downloadIcon,type:"submit",children:x(m,{className:e.classes.downloadIcon})})})]})};function R(i){var r=t(!1),s=e(r,2),n=s[0],l=s[1],m=t(!1),c=e(m,2),d=c[0],p=c[1],h=t(!1),u=e(h,2),f=u[0],w=u[1],j=i.displayName||i.attachmentUrl||i.fileName,I=v(j),A=b(j),F=N(!i.attachmentUrl&&i.fileName),W=i.attachmentUrl||F,R=a((function(e){return e.preventDefault()}),[]);return I?x("div",{className:y.cAttachment,children:x(z,{size:i.size,openLightbox:function(){return p(!0)},attachmentFileName:i.fileName,setImageIsLoaded:function(){return l(!0)},imageIsLoaded:n,lightboxIsOpen:d,handleLightboxOpen:function(){g&&document.documentElement.addEventListener("touchmove",R,{passive:!1})},handleLightboxClose:function(){g&&document.documentElement.removeEventListener("touchmove",R),p(!1)},classes:i.classes})}):A&&o.canPlay(W)?x("div",{className:y.cAttachment,children:x(o,{"data-testid":"".concat("Attachment","_player"),className:y.cAttachmentReactPlayer,url:W,config:{file:{attributes:{preload:"metadata"}}},controls:!0,height:i.size===P.label?P.value:L.value,width:null})}):x("div",{className:y.cAttachment,children:x(C,{attachmentUrl:W,attachmentFileName:i.fileName,attachmentSize:i.attachmentSize,displayName:i.displayName,openPreview:function(){return w(!0)},closePreview:function(e){e.stopPropagation(),w(!1)},previewIsOpen:f,classes:i.classes,small:i.small})})}R.propTypes={attachmentUrl:i.string.isRequired,attachmentSize:i.number,displayName:i.string,fileName:i.string,size:i.oneOf([P.label,L.label]),classes:i.shape({}).isRequired,small:i.bool},R.defaultProps={displayName:null,fileName:null,attachmentSize:void 0,size:L.label,small:!1};var S=r((function(e){return{imageIconRoot:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},dialog:{width:"95%",height:"95%",maxWidth:"100%",position:"relative"},nativeDialog:{width:"100%",height:"100%",maxWidth:"100%",maxHeight:"100%",margin:0},dialogRoot:{backgroundColor:"rgba(0, 0, 0, 0.85)"},fileName:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontWeight:400},downloadIcon:{color:e.palette.primary.text3}}}))(R);export{S as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import ReactPlayer from 'react-player';
+import { withStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import { Dialog } from '@material-ui/core';
+import ImageIcon from '@material-ui/icons/Image';
+import DownloadIcon from '@material-ui/icons/SaveAlt';
+import FullSizeIcon from '@material-ui/icons/Fullscreen';
+import grey from '@material-ui/core/colors/grey';
+import FileTypeIcon from '../FileTypeIcon.js';
+import ImageViewer from '../ImageViewer/index.js';
+import GoogleDocsViewer from '../GoogleDocsViewer/index.js';
+import IconButton from '../IconButton/index.js';
+import { isNativeDetected } from '../../utils/mobileDetect.js';
+import { getIsImage, getIsVideo } from '../../utils/fileExtension.js';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/defineProperty';
+import '@babel/runtime/regenerator';
+import 'querystring';
+import 'uuid/v1';
+import 'lodash';
+import 'query-string';
+import '../../clients/api/apiCore.js';
+import '../../clients/constants.js';
+import '../../clients/subscriptions.js';
+import '../../constants/goals.js';
+import '../../constants/segment.js';
+import '../../constants/alerts.js';
+import '../../constants/apps.js';
+import '../../constants/drillstring.js';
+import '../../constants/completion.js';
+import '../../constants/notifications.js';
+import '../../constants/feed.js';
+import '../../constants/bha.js';
+import '../../utils/env.js';
+import '../GradientManager/configuration/constants.js';
+import useSignedURL from '../../effects/useSignedURL.js';
+import '../../utils/index.js';
+import 'uuid';
+import 'jsona';
+import '../StatusBadge/constants.js';
+import '@babel/runtime/helpers/toConsumableArray';
+import 'lodash/set';
+import 'lodash/get';
+import 'lodash/unset';
+import 'moment';
+import utils from '../../utils/main.js';
+import styles from './styles.css.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'Attachment';
+var grey200 = grey[200];
+var grey400 = grey[400];
+var SIZES = {
+  small: {
+    label: 'small',
+    value: 135
+  },
+  medium: {
+    label: 'medium',
+    value: 300
+  }
+};
+var style = {
+  fileImage: function fileImage(imageIsLoaded, size) {
+    return {
+      maxWidth: '100%',
+      borderRadius: 4,
+      overflow: 'hidden',
+      // NOTE: Makes one-line comment with image fits into comments container. Equals to
+      // imagePlaceholder height
+      maxHeight: size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value,
+      display: imageIsLoaded ? 'initial' : 'none',
+      cursor: 'pointer'
+    };
+  },
+  fileDownloadWrapper: {
+    padding: '10px 10px 10px 5px',
+    border: "1px solid #616161",
+    borderRadius: 3,
+    maxWidth: 500,
+    // NOTE: Corresponds to react-player max width
+    width: '75%'
+  },
+  imagePlaceholder: {
+    position: 'relative',
+    backgroundColor: grey200,
+    borderRadius: 3,
+    marginTop: 10,
+    height: 135,
+    width: 135
+  }
+};
+var muiStyles = function muiStyles(theme) {
+  return {
+    imageIconRoot: {
+      position: 'absolute',
+      top: '50%',
+      left: '50%',
+      transform: 'translate(-50%, -50%)'
+    },
+    dialog: {
+      width: '95%',
+      height: '95%',
+      maxWidth: '100%',
+      position: 'relative'
+    },
+    nativeDialog: {
+      width: '100%',
+      height: '100%',
+      maxWidth: '100%',
+      maxHeight: '100%',
+      margin: 0
+    },
+    dialogRoot: {
+      // NOTE: Make background color similar to lightbox
+      backgroundColor: 'rgba(0, 0, 0, 0.85)'
+    },
+    fileName: {
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      fontWeight: 400
+    },
+    downloadIcon: {
+      color: theme.palette.primary.text3
+    }
+  };
+};
+
+/* eslint-disable react/prop-types */
+var ImageAttachment = function ImageAttachment(props) {
+  var downloadLink = useSignedURL(props.attachmentFileName) || props.attachmentUrl;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      onClick: props.openLightbox,
+      className: styles.cAttachmentImg,
+      children: [/*#__PURE__*/jsx("img", {
+        "data-testid": "".concat(PAGE_NAME, "_image"),
+        src: downloadLink,
+        style: style.fileImage(props.imageIsLoaded, props.size),
+        alt: "Attachment",
+        onLoad: props.setImageIsLoaded
+      }), /*#__PURE__*/jsx("div", {
+        "data-testid": "".concat(PAGE_NAME, "_button"),
+        className: styles.cAttachmentImgPreviwBtn,
+        children: /*#__PURE__*/jsx(FullSizeIcon, {})
+      })]
+    }), !props.imageIsLoaded && /*#__PURE__*/jsx("div", {
+      style: style.imagePlaceholder,
+      children: /*#__PURE__*/jsx(ImageIcon, {
+        "data-testid": "".concat(PAGE_NAME, "_placeholder"),
+        className: props.classes.imageIconRoot,
+        htmlColor: grey400,
+        fontSize: "large"
+      })
+    }), props.lightboxIsOpen && /*#__PURE__*/jsx(ImageViewer, {
+      mainSrc: downloadLink,
+      imagePadding: 50,
+      onAfterOpen: props.handleLightboxOpen,
+      onCloseRequest: props.handleLightboxClose
+    })]
+  });
+};
+var FileAttachment = function FileAttachment(props) {
+  var downloadLink = useSignedURL(props.attachmentFileName);
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.cAttachmentFileWrapper,
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles.cAttachmentFileDownloadWrapper,
+      style: style.fileDownloadWrapper,
+      onClick: props.openPreview,
+      children: [/*#__PURE__*/jsx(FileTypeIcon, {
+        fileName: props.displayName || props.attachmentUrl,
+        className: styles.cAttachmentFileDownloadWrapperFileIcon,
+        size: props.small ? 25 : 50
+      }), /*#__PURE__*/jsx("div", {
+        "data-testid": "".concat(PAGE_NAME, "_name"),
+        className: styles.cAttachmentFileDownloadWrapperFileName,
+        children: /*#__PURE__*/jsx(Typography, {
+          variant: "subtitle2",
+          noWrap: true,
+          className: props.classes.fileName,
+          children: utils.getFileNameWithExtensionFromPath(props.displayName || props.attachmentUrl)
+        })
+      }), /*#__PURE__*/jsx(Dialog, {
+        open: props.previewIsOpen,
+        onClose: props.closePreview,
+        classes: {
+          root: props.classes.dialogRoot,
+          paper: isNativeDetected ? props.classes.nativeDialog : props.classes.dialog
+        },
+        onClick: props.closePreview,
+        children: /*#__PURE__*/jsx(GoogleDocsViewer, {
+          fileUrl: downloadLink,
+          fileName: utils.getFileNameWithExtensionFromPath(props.displayName || props.attachmentUrl),
+          fileSize: props.attachmentSize,
+          onClose: props.closePreview,
+          width: "100%",
+          height: "100%"
+        })
+      })]
+    }), /*#__PURE__*/jsx("a", {
+      download: props.displayName,
+      href: downloadLink,
+      className: styles.cAttachmentFileDownloadWrapperForm,
+      children: /*#__PURE__*/jsx(IconButton, {
+        "data-testid": "".concat(PAGE_NAME, "_downloadButton"),
+        className: props.classes.downloadIcon,
+        type: "submit",
+        children: /*#__PURE__*/jsx(DownloadIcon, {
+          className: props.classes.downloadIcon
+        })
+      })
+    })]
+  });
+};
+
+/* eslint-enable react/prop-types */
+
+function Attachment(props) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isImageLoaded = _useState2[0],
+    setIsImageLoaded = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLightboxOpen = _useState4[0],
+    setIsLightboxOpen = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isPreviewOpen = _useState6[0],
+    setIsPreviewOpen = _useState6[1];
+  var fileName = props.displayName || props.attachmentUrl || props.fileName;
+  var isImage = getIsImage(fileName);
+  var isVideo = getIsVideo(fileName);
+
+  // Don't fetch download link if attachmentUrl is provided
+  var downloadLink = useSignedURL(!props.attachmentUrl && props.fileName);
+  var attachmentUrl = props.attachmentUrl || downloadLink;
+  var preventIOSScroll = useCallback(function (e) {
+    return e.preventDefault();
+  }, []);
+
+  // NOTE: iOS WebView has a bug when background content of React Modal is scrollable
+  // Source: https://github.com/reactjs/react-modal/issues/369
+  var handleLightboxOpen = function handleLightboxOpen() {
+    if (isNativeDetected) {
+      // document.documentElement.style.overflowY = 'hidden';
+      document.documentElement.addEventListener('touchmove', preventIOSScroll, {
+        passive: false
+      });
+    }
+  };
+  var handleLightboxClose = function handleLightboxClose() {
+    if (isNativeDetected) {
+      // document.documentElement.style.overflowY = 'visible';
+      document.documentElement.removeEventListener('touchmove', preventIOSScroll);
+    }
+    setIsLightboxOpen(false);
+  };
+  var openLightbox = function openLightbox() {
+    return setIsLightboxOpen(true);
+  };
+  var setImageLoaded = function setImageLoaded() {
+    return setIsImageLoaded(true);
+  };
+  var openPreview = function openPreview() {
+    return setIsPreviewOpen(true);
+  };
+  var closePreview = function closePreview(e) {
+    e.stopPropagation();
+    setIsPreviewOpen(false);
+  };
+  if (isImage) return /*#__PURE__*/jsx("div", {
+    className: styles.cAttachment,
+    children: /*#__PURE__*/jsx(ImageAttachment, {
+      size: props.size,
+      openLightbox: openLightbox,
+      attachmentFileName: props.fileName,
+      attachmentUrl: props.attachmentUrl,
+      setImageIsLoaded: setImageLoaded,
+      imageIsLoaded: isImageLoaded,
+      lightboxIsOpen: isLightboxOpen,
+      handleLightboxOpen: handleLightboxOpen,
+      handleLightboxClose: handleLightboxClose,
+      classes: props.classes
+    })
+  });
+  if (isVideo && ReactPlayer.canPlay(attachmentUrl)) return /*#__PURE__*/jsx("div", {
+    className: styles.cAttachment,
+    children: /*#__PURE__*/jsx(ReactPlayer, {
+      "data-testid": "".concat(PAGE_NAME, "_player"),
+      className: styles.cAttachmentReactPlayer,
+      url: attachmentUrl,
+      config: {
+        file: {
+          attributes: {
+            preload: 'metadata'
+          }
+        }
+      },
+      controls: true,
+      height: props.size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value,
+      width: null
+    })
+  });
+  return /*#__PURE__*/jsx("div", {
+    className: styles.cAttachment,
+    children: /*#__PURE__*/jsx(FileAttachment, {
+      attachmentUrl: attachmentUrl,
+      attachmentFileName: props.fileName,
+      attachmentSize: props.attachmentSize,
+      displayName: props.displayName,
+      openPreview: openPreview,
+      closePreview: closePreview,
+      previewIsOpen: isPreviewOpen,
+      classes: props.classes,
+      small: props.small
+    })
+  });
+}
+Attachment.propTypes = {
+  attachmentUrl: PropTypes.string.isRequired,
+  attachmentSize: PropTypes.number,
+  displayName: PropTypes.string,
+  fileName: PropTypes.string,
+  size: PropTypes.oneOf([SIZES.small.label, SIZES.medium.label]),
+  classes: PropTypes.shape({}).isRequired,
+  small: PropTypes.bool
+};
+Attachment.defaultProps = {
+  displayName: null,
+  fileName: null,
+  attachmentSize: undefined,
+  size: SIZES.medium.label,
+  small: false
+};
+var Attachment$1 = withStyles(muiStyles)(Attachment);
+
+export { Attachment$1 as default };
+//# sourceMappingURL=index.js.map

package/components/Attachment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Attachment/index.js"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactPlayer from 'react-player';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Typography from '@material-ui/core/Typography';\nimport { Dialog } from '@material-ui/core';\n\nimport ImageIcon from '@material-ui/icons/Image';\nimport DownloadIcon from '@material-ui/icons/SaveAlt';\nimport FullSizeIcon from '@material-ui/icons/Fullscreen';\n\nimport grey from '@material-ui/core/colors/grey';\n\nimport FileTypeIcon from '~components/FileTypeIcon';\nimport ImageViewer from '~components/ImageViewer';\nimport GoogleDocsViewer from '~components/GoogleDocsViewer';\nimport IconButton from '~components/IconButton';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getIsVideo, getIsImage } from '~/utils/fileExtension';\nimport { useSignedURL } from '~/effects';\nimport utils from '~utils/main'; // question here\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'Attachment';\n\nconst grey200 = grey[200];\nconst grey400 = grey[400];\n\nconst SIZES = {\n  small: { label: 'small', value: 135 },\n  medium: { label: 'medium', value: 300 },\n};\n\nconst style = {\n  fileImage: (imageIsLoaded, size) => ({\n    maxWidth: '100%',\n    borderRadius: 4,\n    overflow: 'hidden',\n    // NOTE: Makes one-line comment with image fits into comments container. Equals to\n    // imagePlaceholder height\n    maxHeight: size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value,\n    display: imageIsLoaded ? 'initial' : 'none',\n    cursor: 'pointer',\n  }),\n  fileDownloadWrapper: {\n    padding: '10px 10px 10px 5px',\n    border: `1px solid #616161`,\n    borderRadius: 3,\n    maxWidth: 500, // NOTE: Corresponds to react-player max width\n    width: '75%',\n  },\n  imagePlaceholder: {\n    position: 'relative',\n    backgroundColor: grey200,\n    borderRadius: 3,\n    marginTop: 10,\n    height: 135,\n    width: 135,\n  },\n};\n\nconst muiStyles = theme => ({\n  imageIconRoot: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n  },\n  dialog: {\n    width: '95%',\n    height: '95%',\n    maxWidth: '100%',\n    position: 'relative',\n  },\n  nativeDialog: {\n    width: '100%',\n    height: '100%',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    margin: 0,\n  },\n  dialogRoot: {\n    // NOTE: Make background color similar to lightbox\n    backgroundColor: 'rgba(0, 0, 0, 0.85)',\n  },\n  fileName: {\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    fontWeight: 400,\n  },\n  downloadIcon: {\n    color: theme.palette.primary.text3,\n  },\n});\n\n/* eslint-disable react/prop-types */\nconst ImageAttachment = props => {\n  const downloadLink = useSignedURL(props.attachmentFileName) || props.attachmentUrl;\n  return (\n    <>\n      <div onClick={props.openLightbox} className={styles.cAttachmentImg}>\n        <img\n          data-testid={`${PAGE_NAME}_image`}\n          src={downloadLink}\n          style={style.fileImage(props.imageIsLoaded, props.size)}\n          alt=\"Attachment\"\n          onLoad={props.setImageIsLoaded}\n        />\n        <div data-testid={`${PAGE_NAME}_button`} className={styles.cAttachmentImgPreviwBtn}>\n          <FullSizeIcon />\n        </div>\n      </div>\n\n      {!props.imageIsLoaded && (\n        <div style={style.imagePlaceholder}>\n          <ImageIcon\n            data-testid={`${PAGE_NAME}_placeholder`}\n            className={props.classes.imageIconRoot}\n            htmlColor={grey400}\n            fontSize=\"large\"\n          />\n        </div>\n      )}\n\n      {props.lightboxIsOpen && (\n        <ImageViewer\n          mainSrc={downloadLink}\n          imagePadding={50}\n          onAfterOpen={props.handleLightboxOpen}\n          onCloseRequest={props.handleLightboxClose}\n        />\n      )}\n    </>\n  );\n};\n\nconst FileAttachment = props => {\n  const downloadLink = useSignedURL(props.attachmentFileName);\n  return (\n    <div className={styles.cAttachmentFileWrapper}>\n      <div\n        className={styles.cAttachmentFileDownloadWrapper}\n        style={style.fileDownloadWrapper}\n        onClick={props.openPreview}\n      >\n        <FileTypeIcon\n          fileName={props.displayName || props.attachmentUrl}\n          className={styles.cAttachmentFileDownloadWrapperFileIcon}\n          size={props.small ? 25 : 50}\n        />\n\n        <div\n          data-testid={`${PAGE_NAME}_name`}\n          className={styles.cAttachmentFileDownloadWrapperFileName}\n        >\n          <Typography variant=\"subtitle2\" noWrap className={props.classes.fileName}>\n            {utils.getFileNameWithExtensionFromPath(props.displayName || props.attachmentUrl)}\n          </Typography>\n        </div>\n\n        <Dialog\n          open={props.previewIsOpen}\n          onClose={props.closePreview}\n          classes={{\n            root: props.classes.dialogRoot,\n            paper: isNativeDetected ? props.classes.nativeDialog : props.classes.dialog,\n          }}\n          onClick={props.closePreview}\n        >\n          <GoogleDocsViewer\n            fileUrl={downloadLink}\n            fileName={utils.getFileNameWithExtensionFromPath(\n              props.displayName || props.attachmentUrl\n            )}\n            fileSize={props.attachmentSize}\n            onClose={props.closePreview}\n            width=\"100%\"\n            height=\"100%\"\n          />\n        </Dialog>\n      </div>\n\n      <a\n        download={props.displayName}\n        href={downloadLink}\n        className={styles.cAttachmentFileDownloadWrapperForm}\n      >\n        <IconButton\n          data-testid={`${PAGE_NAME}_downloadButton`}\n          className={props.classes.downloadIcon}\n          type=\"submit\"\n        >\n          <DownloadIcon className={props.classes.downloadIcon} />\n        </IconButton>\n      </a>\n    </div>\n  );\n};\n\n/* eslint-enable react/prop-types */\n\nfunction Attachment(props) {\n  const [isImageLoaded, setIsImageLoaded] = useState(false);\n  const [isLightboxOpen, setIsLightboxOpen] = useState(false);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n\n  const fileName = props.displayName || props.attachmentUrl || props.fileName;\n  const isImage = getIsImage(fileName);\n  const isVideo = getIsVideo(fileName);\n\n  // Don't fetch download link if attachmentUrl is provided\n  const downloadLink = useSignedURL(!props.attachmentUrl && props.fileName);\n  const attachmentUrl = props.attachmentUrl || downloadLink;\n  const preventIOSScroll = useCallback(e => e.preventDefault(), []);\n\n  // NOTE: iOS WebView has a bug when background content of React Modal is scrollable\n  // Source: https://github.com/reactjs/react-modal/issues/369\n  const handleLightboxOpen = () => {\n    if (isNativeDetected) {\n      // document.documentElement.style.overflowY = 'hidden';\n      document.documentElement.addEventListener('touchmove', preventIOSScroll, {\n        passive: false,\n      });\n    }\n  };\n\n  const handleLightboxClose = () => {\n    if (isNativeDetected) {\n      // document.documentElement.style.overflowY = 'visible';\n      document.documentElement.removeEventListener('touchmove', preventIOSScroll);\n    }\n    setIsLightboxOpen(false);\n  };\n\n  const openLightbox = () => setIsLightboxOpen(true);\n  const setImageLoaded = () => setIsImageLoaded(true);\n  const openPreview = () => setIsPreviewOpen(true);\n  const closePreview = e => {\n    e.stopPropagation();\n    setIsPreviewOpen(false);\n  };\n\n  if (isImage)\n    return (\n      <div className={styles.cAttachment}>\n        <ImageAttachment\n          size={props.size}\n          openLightbox={openLightbox}\n          attachmentFileName={props.fileName}\n          attachmentUrl={props.attachmentUrl}\n          setImageIsLoaded={setImageLoaded}\n          imageIsLoaded={isImageLoaded}\n          lightboxIsOpen={isLightboxOpen}\n          handleLightboxOpen={handleLightboxOpen}\n          handleLightboxClose={handleLightboxClose}\n          classes={props.classes}\n        />\n      </div>\n    );\n\n  if (isVideo && ReactPlayer.canPlay(attachmentUrl))\n    return (\n      <div className={styles.cAttachment}>\n        <ReactPlayer\n          data-testid={`${PAGE_NAME}_player`}\n          className={styles.cAttachmentReactPlayer}\n          url={attachmentUrl}\n          config={{ file: { attributes: { preload: 'metadata' } } }}\n          controls\n          height={props.size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value}\n          width={null}\n        />\n      </div>\n    );\n\n  return (\n    <div className={styles.cAttachment}>\n      <FileAttachment\n        attachmentUrl={attachmentUrl}\n        attachmentFileName={props.fileName}\n        attachmentSize={props.attachmentSize}\n        displayName={props.displayName}\n        openPreview={openPreview}\n        closePreview={closePreview}\n        previewIsOpen={isPreviewOpen}\n        classes={props.classes}\n        small={props.small}\n      />\n    </div>\n  );\n}\n\nAttachment.propTypes = {\n  attachmentUrl: PropTypes.string.isRequired,\n  attachmentSize: PropTypes.number,\n  displayName: PropTypes.string,\n  fileName: PropTypes.string,\n  size: PropTypes.oneOf([SIZES.small.label, SIZES.medium.label]),\n  classes: PropTypes.shape({}).isRequired,\n  small: PropTypes.bool,\n};\n\nAttachment.defaultProps = {\n  displayName: null,\n  fileName: null,\n  attachmentSize: undefined,\n  size: SIZES.medium.label,\n  small: false,\n};\n\nexport default withStyles(muiStyles)(Attachment);\n"],"names":["PAGE_NAME","grey200","grey","grey400","SIZES","small","label","value","medium","style","fileImage","imageIsLoaded","size","maxWidth","borderRadius","overflow","maxHeight","display","cursor","fileDownloadWrapper","padding","border","width","imagePlaceholder","position","backgroundColor","marginTop","height","muiStyles","theme","imageIconRoot","top","left","transform","dialog","nativeDialog","margin","dialogRoot","fileName","whiteSpace","textOverflow","fontWeight","downloadIcon","color","palette","primary","text3","ImageAttachment","props","downloadLink","useSignedURL","attachmentFileName","attachmentUrl","_jsxs","_Fragment","openLightbox","styles","cAttachmentImg","_jsx","setImageIsLoaded","cAttachmentImgPreviwBtn","classes","lightboxIsOpen","handleLightboxOpen","handleLightboxClose","FileAttachment","cAttachmentFileWrapper","cAttachmentFileDownloadWrapper","openPreview","displayName","cAttachmentFileDownloadWrapperFileIcon","cAttachmentFileDownloadWrapperFileName","utils","getFileNameWithExtensionFromPath","previewIsOpen","closePreview","root","paper","isNativeDetected","attachmentSize","cAttachmentFileDownloadWrapperForm","Attachment","useState","isImageLoaded","setIsImageLoaded","isLightboxOpen","setIsLightboxOpen","isPreviewOpen","setIsPreviewOpen","isImage","getIsImage","isVideo","getIsVideo","preventIOSScroll","useCallback","e","preventDefault","document","documentElement","addEventListener","passive","removeEventListener","setImageLoaded","stopPropagation","cAttachment","ReactPlayer","canPlay","cAttachmentReactPlayer","file","attributes","preload","propTypes","PropTypes","string","isRequired","number","oneOf","shape","bool","defaultProps","undefined","withStyles"],"mappings":"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"}

package/components/Attachment/styles.css.js

@@ -1 +1,8 @@
-import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={cAttachmentFileWrapper:"styles_cAttachmentFileWrapper__w3whH",cAttachmentFileDownloadWrapper:"styles_cAttachmentFileDownloadWrapper__bRnOU",cAttachmentFileDownloadWrapperFileIcon:"styles_cAttachmentFileDownloadWrapperFileIcon__Eew6w",cAttachmentFileDownloadWrapperFileName:"styles_cAttachmentFileDownloadWrapperFileName__K8HDS",cAttachmentFileDownloadWrapperForm:"styles_cAttachmentFileDownloadWrapperForm__a0lvj",cAttachmentReactPlayer:"styles_cAttachmentReactPlayer__-6Q9y",cAttachment:"styles_cAttachment__AiNfC",cAttachmentImg:"styles_cAttachmentImg__uS-Lc",cAttachmentImgPreviwBtn:"styles_cAttachmentImgPreviwBtn__6YA0k"};t(".styles_cAttachmentFileWrapper__w3whH{align-items:center;display:flex;margin-top:10px}.styles_cAttachmentFileDownloadWrapper__bRnOU{align-items:center;cursor:pointer;display:flex}.styles_cAttachmentFileDownloadWrapperFileIcon__Eew6w{margin-right:10px}.styles_cAttachmentFileDownloadWrapperFileName__K8HDS{display:inline-block;vertical-align:top;width:calc(100% - 60px)}.styles_cAttachmentFileDownloadWrapperForm__a0lvj{margin-left:5px}.styles_cAttachmentFileDownloadWrapper__bRnOU:hover{background-color:#616161}.styles_cAttachmentReactPlayer__-6Q9y video{background-color:#000;max-width:500px}.styles_cAttachment__AiNfC .react-player__preview{background-color:#eee;border-radius:3px;height:235px!important;max-width:500px}.styles_cAttachmentImg__uS-Lc{display:inline-block;margin-top:10px;position:relative}.styles_cAttachmentImgPreviwBtn__6YA0k{align-items:center;background-color:rgba(97,97,97,.4);border-radius:40px;cursor:pointer;display:none;height:40px;justify-content:center;position:absolute;right:10px;top:10px;width:40px}.styles_cAttachmentImg__uS-Lc:hover{opacity:.7}.styles_cAttachmentImg__uS-Lc:hover .styles_cAttachmentImgPreviwBtn__6YA0k{display:flex}");export{e as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_cAttachmentFileWrapper__w3whH {\n  display: flex;\n  align-items: center;\n  margin-top: 10px;\n}\n\n.styles_cAttachmentFileDownloadWrapper__bRnOU {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n\n.styles_cAttachmentFileDownloadWrapperFileIcon__Eew6w {\n  margin-right: 10px;\n}\n\n.styles_cAttachmentFileDownloadWrapperFileName__K8HDS {\n  display: inline-block;\n  vertical-align: top;\n  width: calc(100% - 60px);\n}\n\n.styles_cAttachmentFileDownloadWrapperForm__a0lvj {\n  margin-left: 5px;\n}\n\n.styles_cAttachmentFileDownloadWrapper__bRnOU:hover {\n  background-color: #616161;\n}\n\n.styles_cAttachmentReactPlayer__-6Q9y video {\n  max-width: 500px; /* NOTE: Corresponds to file download wrapper max width */\n  background-color: #000000;\n}\n\n/* question here */\n\n.styles_cAttachment__AiNfC .react-player__preview {\n  max-width: 500px; /* NOTE: Corresponds to file download wrapper max width */\n  height: 235px !important;\n  background-color: #eeeeee; /* NOTE: MUI grey200 */\n  border-radius: 3px;\n}\n\n.styles_cAttachmentImg__uS-Lc {\n  margin-top: 10px;\n  position: relative;\n  display: inline-block;\n}\n\n.styles_cAttachmentImgPreviwBtn__6YA0k {\n  display: none;\n  height: 40px;\n  width: 40px;\n  border-radius: 40px;\n  background-color: rgba(97, 97, 97, 0.4);\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  right: 10px;\n  top: 10px;\n  cursor: pointer;\n}\n\n.styles_cAttachmentImg__uS-Lc:hover {\n  opacity: 0.7;\n}\n\n.styles_cAttachmentImg__uS-Lc:hover .styles_cAttachmentImgPreviwBtn__6YA0k {\n  display: flex;\n}\n";
+var styles = {"cAttachmentFileWrapper":"styles_cAttachmentFileWrapper__w3whH","cAttachmentFileDownloadWrapper":"styles_cAttachmentFileDownloadWrapper__bRnOU","cAttachmentFileDownloadWrapperFileIcon":"styles_cAttachmentFileDownloadWrapperFileIcon__Eew6w","cAttachmentFileDownloadWrapperFileName":"styles_cAttachmentFileDownloadWrapperFileName__K8HDS","cAttachmentFileDownloadWrapperForm":"styles_cAttachmentFileDownloadWrapperForm__a0lvj","cAttachmentReactPlayer":"styles_cAttachmentReactPlayer__-6Q9y","cAttachment":"styles_cAttachment__AiNfC","cAttachmentImg":"styles_cAttachmentImg__uS-Lc","cAttachmentImgPreviwBtn":"styles_cAttachmentImgPreviwBtn__6YA0k"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=styles.css.js.map

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

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

package/components/Autocomplete/Autocomplete.js

@@ -1 +1,165 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/objectWithoutProperties";import{useMemo as n,useState as i,useEffect as p}from"react";import a from"prop-types";import l from"classnames";import{noop as c,identity as u,get as s}from"lodash";import{makeStyles as f}from"@material-ui/core";import m from"@material-ui/lab/Autocomplete";import b from"@material-ui/icons/Close";import{Tooltip as h}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{jsx as d}from"react/jsx-runtime";var g=["isCreatable","options","value","getOptionLabel","onInputChange","onChange","renderOption","classes"];function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function v(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?O(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):O(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var C=function(e){return s(s(e.split('Create "'),"1","").split('"'),"0","")},x=f((function(e){return{root:{width:200},paper:{maxHeight:400,boxShadow:"0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%)"},createLabel:{fontSize:"16px",lineHeight:"22.5px",color:e.palette.primary.main},openIcon:{marginLeft:5},option:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",width:"100%"},closeIcon:{width:16,height:16}}})),y=function(a){var c=a.isCreatable,u=a.options,s=a.value,f=a.getOptionLabel,O=a.onInputChange,y=a.onChange,j=a.renderOption,w=a.classes,I=o(a,g),P=x(),L=n((function(){return null==u?void 0:u.map((function(e){return c?f(e):e}))}),[u]),T=n((function(){return c?f(s)||"":s}),[s]),S=i(L),D=t(S,2),A=D[0],q=D[1],E=i(null),H=t(E,2),N=H[0],R=H[1];p((function(){q(L)}),[L]);return d(m,v({value:T,onChange:c?function(e,t){return function(e){if(null!=e&&e.includes('Create "')&&f(e)===f(N)){R(null);var t=C(N);q([].concat(r(L),[t])),y(t,!0)}else y(e,!1)}(t)}:y,onInputChange:c?function(e,t){return function(e){if(""===e)R(null),q(L);else if(L.find((function(r){return r===e}))){var t=L.filter((function(e){return!e.includes('Create "')}));q(t)}else{var o=function(e){return'Create "'.concat(e,'"')}(e);R(o),q([].concat(r(L),[o]))}}(t)}:O,options:A,getOptionLabel:c?function(e){return e}:f,renderOption:c?function(r){var t=C(r);return d(h,{title:r,children:d("div",{className:l(e({},P.createLabel,t&&r!==t),P.option,null==w?void 0:w.optionLabelClass),children:r})})}:j,classes:v({root:l(P.root,null==w?void 0:w.root),paper:l(P.paper,null==w?void 0:w.paper),popupIndicator:P.openIcon},w),closeIcon:(T||N)&&d(b,{className:P.closeIcon})},I))};y.propTypes={value:a.oneOfType([a.string,a.shape({})]).isRequired,options:a.shape([]).isRequired,isCreatable:a.bool,getOptionLabel:a.func,onChange:a.func,onInputChange:a.func,renderOption:a.func,classes:a.shape()},y.defaultProps={isCreatable:!1,onChange:c,getOptionLabel:u,onInputChange:c,renderOption:u,classes:{}};export{y as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useMemo, useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { noop, identity, get } from 'lodash';
+import { makeStyles } from '@material-ui/core';
+import AutoComplete from '@material-ui/lab/Autocomplete';
+import CloseIcon from '@material-ui/icons/Close';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import '../Tooltip/ScrollableTooltip.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["isCreatable", "options", "value", "getOptionLabel", "onInputChange", "onChange", "renderOption", "classes"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var getAddedValue = function getAddedValue(value) {
+  return "Create \"".concat(value, "\"");
+};
+var getUpdateValue = function getUpdateValue(value) {
+  return get(get(value.split('Create "'), '1', '').split('"'), '0', '');
+};
+var useStyles = makeStyles(function (theme) {
+  return {
+    root: {
+      width: 200
+    },
+    paper: {
+      maxHeight: 400,
+      boxShadow: '0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%)'
+    },
+    createLabel: {
+      fontSize: '16px',
+      lineHeight: '22.5px',
+      color: theme.palette.primary.main
+    },
+    openIcon: {
+      marginLeft: 5
+    },
+    option: {
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      width: '100%'
+    },
+    closeIcon: {
+      width: 16,
+      height: 16
+    }
+  };
+});
+var Autocomplete = function Autocomplete(_ref) {
+  var isCreatable = _ref.isCreatable,
+    inputOptions = _ref.options,
+    inputValue = _ref.value,
+    getOptionLabel = _ref.getOptionLabel,
+    onInputChange = _ref.onInputChange,
+    onChange = _ref.onChange,
+    renderOption = _ref.renderOption,
+    customClasses = _ref.classes,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var classes = useStyles();
+  var initialOptions = useMemo(function () {
+    return inputOptions === null || inputOptions === void 0 ? void 0 : inputOptions.map(function (item) {
+      return isCreatable ? getOptionLabel(item) : item;
+    });
+  }, [inputOptions]);
+  var value = useMemo(function () {
+    return isCreatable ? getOptionLabel(inputValue) || '' : inputValue;
+  }, [inputValue]);
+  var _useState = useState(initialOptions),
+    _useState2 = _slicedToArray(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    addedValue = _useState4[0],
+    setAddedValue = _useState4[1];
+  useEffect(function () {
+    setOptions(initialOptions);
+  }, [initialOptions]);
+  var handleInputChange = function handleInputChange(newValue) {
+    if (newValue === '') {
+      setAddedValue(null);
+      setOptions(initialOptions);
+    } else if (!initialOptions.find(function (item) {
+      return item === newValue;
+    })) {
+      // if input value not matches any option add Create option
+      var newAddedValue = getAddedValue(newValue);
+      setAddedValue(newAddedValue);
+      setOptions([].concat(_toConsumableArray(initialOptions), [newAddedValue]));
+    } else {
+      // if any option include input value remove Create option
+      var filteredInitialOptions = initialOptions.filter(function (option) {
+        return !option.includes("Create \"");
+      });
+      setOptions(filteredInitialOptions);
+    }
+  };
+  var handleChangeValue = function handleChangeValue(newValue) {
+    if (newValue !== null && newValue !== void 0 && newValue.includes('Create "') && getOptionLabel(newValue) === getOptionLabel(addedValue)) {
+      setAddedValue(null);
+      var updatedValue = getUpdateValue(addedValue);
+      setOptions([].concat(_toConsumableArray(initialOptions), [updatedValue]));
+      onChange(updatedValue, true);
+    } else {
+      onChange(newValue, false);
+    }
+  };
+  return /*#__PURE__*/jsx(AutoComplete, _objectSpread({
+    value: value,
+    onChange: isCreatable ? function (_, newValue) {
+      return handleChangeValue(newValue);
+    } : onChange,
+    onInputChange: isCreatable ? function (_, newValue) {
+      return handleInputChange(newValue);
+    } : onInputChange,
+    options: options,
+    getOptionLabel: isCreatable ? function (item) {
+      return item;
+    } : getOptionLabel,
+    renderOption: isCreatable ? function (props) {
+      var updateValue = getUpdateValue(props);
+      return /*#__PURE__*/jsx(Tooltip, {
+        title: props,
+        children: /*#__PURE__*/jsx("div", {
+          className: classNames(_defineProperty({}, classes.createLabel, updateValue && props !== updateValue), classes.option, customClasses === null || customClasses === void 0 ? void 0 : customClasses.optionLabelClass),
+          children: props
+        })
+      });
+    } : renderOption,
+    classes: _objectSpread({
+      root: classNames(classes.root, customClasses === null || customClasses === void 0 ? void 0 : customClasses.root),
+      paper: classNames(classes.paper, customClasses === null || customClasses === void 0 ? void 0 : customClasses.paper),
+      popupIndicator: classes.openIcon
+    }, customClasses),
+    closeIcon: (value || addedValue) && /*#__PURE__*/jsx(CloseIcon, {
+      className: classes.closeIcon
+    })
+  }, restProps));
+};
+Autocomplete.propTypes = {
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({})]).isRequired,
+  options: PropTypes.shape([]).isRequired,
+  isCreatable: PropTypes.bool,
+  getOptionLabel: PropTypes.func,
+  onChange: PropTypes.func,
+  onInputChange: PropTypes.func,
+  renderOption: PropTypes.func,
+  classes: PropTypes.shape()
+};
+Autocomplete.defaultProps = {
+  isCreatable: false,
+  onChange: noop,
+  getOptionLabel: identity,
+  onInputChange: noop,
+  renderOption: identity,
+  classes: {}
+};
+
+export { Autocomplete as default };
+//# sourceMappingURL=Autocomplete.js.map

package/components/Autocomplete/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.js"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { noop, get, identity } from 'lodash';\nimport { makeStyles } from '@material-ui/core';\nimport MaterialAutocomplete from '@material-ui/lab/Autocomplete';\nimport CloseIcon from '@material-ui/icons/Close';\nimport Tooltip from '../Tooltip';\n\nconst getAddedValue = value => `Create \"${value}\"`;\nconst getUpdateValue = value => get(get(value.split('Create \"'), '1', '').split('\"'), '0', '');\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    width: 200,\n  },\n  paper: {\n    maxHeight: 400,\n    boxShadow:\n      '0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%)',\n  },\n  createLabel: {\n    fontSize: '16px',\n    lineHeight: '22.5px',\n    color: theme.palette.primary.main,\n  },\n  openIcon: {\n    marginLeft: 5,\n  },\n  option: {\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    width: '100%',\n  },\n  closeIcon: {\n    width: 16,\n    height: 16,\n  },\n}));\n\nconst Autocomplete = ({\n  isCreatable,\n  options: inputOptions,\n  value: inputValue,\n  getOptionLabel,\n  onInputChange,\n  onChange,\n  renderOption,\n  classes: customClasses,\n  ...restProps\n}) => {\n  const classes = useStyles();\n  const initialOptions = useMemo(\n    () => inputOptions?.map(item => (isCreatable ? getOptionLabel(item) : item)),\n    [inputOptions]\n  );\n  const value = useMemo(\n    () => (isCreatable ? getOptionLabel(inputValue) || '' : inputValue),\n    [inputValue]\n  );\n  const [options, setOptions] = useState(initialOptions);\n  const [addedValue, setAddedValue] = useState(null);\n\n  useEffect(() => {\n    setOptions(initialOptions);\n  }, [initialOptions]);\n\n  const handleInputChange = newValue => {\n    if (newValue === '') {\n      setAddedValue(null);\n      setOptions(initialOptions);\n    } else if (!initialOptions.find(item => item === newValue)) {\n      // if input value not matches any option add Create option\n      const newAddedValue = getAddedValue(newValue);\n      setAddedValue(newAddedValue);\n      setOptions([...initialOptions, newAddedValue]);\n    } else {\n      // if any option include input value remove Create option\n      const filteredInitialOptions = initialOptions.filter(option => !option.includes(`Create \"`));\n      setOptions(filteredInitialOptions);\n    }\n  };\n\n  const handleChangeValue = newValue => {\n    if (newValue?.includes('Create \"') && getOptionLabel(newValue) === getOptionLabel(addedValue)) {\n      setAddedValue(null);\n      const updatedValue = getUpdateValue(addedValue);\n      setOptions([...initialOptions, updatedValue]);\n      onChange(updatedValue, true);\n    } else {\n      onChange(newValue, false);\n    }\n  };\n\n  return (\n    <MaterialAutocomplete\n      value={value}\n      onChange={isCreatable ? (_, newValue) => handleChangeValue(newValue) : onChange}\n      onInputChange={isCreatable ? (_, newValue) => handleInputChange(newValue) : onInputChange}\n      options={options}\n      getOptionLabel={isCreatable ? item => item : getOptionLabel}\n      renderOption={\n        isCreatable\n          ? props => {\n              const updateValue = getUpdateValue(props);\n\n              return (\n                <Tooltip title={props}>\n                  <div\n                    className={classNames(\n                      { [classes.createLabel]: updateValue && props !== updateValue },\n                      classes.option,\n                      customClasses?.optionLabelClass\n                    )}\n                  >\n                    {props}\n                  </div>\n                </Tooltip>\n              );\n            }\n          : renderOption\n      }\n      classes={{\n        root: classNames(classes.root, customClasses?.root),\n        paper: classNames(classes.paper, customClasses?.paper),\n        popupIndicator: classes.openIcon,\n        ...customClasses,\n      }}\n      closeIcon={(value || addedValue) && <CloseIcon className={classes.closeIcon} />}\n      {...restProps}\n    />\n  );\n};\n\nAutocomplete.propTypes = {\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({})]).isRequired,\n  options: PropTypes.shape([]).isRequired,\n  isCreatable: PropTypes.bool,\n  getOptionLabel: PropTypes.func,\n  onChange: PropTypes.func,\n  onInputChange: PropTypes.func,\n  renderOption: PropTypes.func,\n  classes: PropTypes.shape(),\n};\n\nAutocomplete.defaultProps = {\n  isCreatable: false,\n  onChange: noop,\n  getOptionLabel: identity,\n  onInputChange: noop,\n  renderOption: identity,\n  classes: {},\n};\n\nexport default Autocomplete;\n"],"names":["getAddedValue","value","getUpdateValue","get","split","useStyles","makeStyles","theme","root","width","paper","maxHeight","boxShadow","createLabel","fontSize","lineHeight","color","palette","primary","main","openIcon","marginLeft","option","overflow","whiteSpace","textOverflow","closeIcon","height","Autocomplete","isCreatable","inputOptions","options","inputValue","getOptionLabel","onInputChange","onChange","renderOption","customClasses","classes","restProps","initialOptions","useMemo","map","item","useState","setOptions","addedValue","setAddedValue","useEffect","handleInputChange","newValue","find","newAddedValue","filteredInitialOptions","filter","includes","handleChangeValue","updatedValue","_jsx","MaterialAutocomplete","_","props","updateValue","classNames","optionLabelClass","popupIndicator","propTypes","PropTypes","oneOfType","string","shape","isRequired","bool","func","defaultProps","noop","identity"],"mappings":"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"}