@corva/ui 3.37.0-6 → 3.37.0-8

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

@@ -1 +1 @@
-{"version":3,"file":"FeedItem.js","sources":["../../../../src/components/FeedItem/FeedItem.js"],"sourcesContent":["import { useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { Divider, makeStyles, Paper, Typography } from '@material-ui/core';\nimport { get, includes, noop, startCase } from 'lodash';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { useDevCenterRouter } from '../DevCenter';\n\nimport Actions from './components/Actions';\nimport FeedComments from './components/FeedComments';\nimport Content from './components/Content';\nimport CreatedAt from './components/CreatedAt';\nimport Icon from './components/Icon';\nimport Reactions from './components/Reactions';\nimport RigAndWell from './components/RigAndWell';\nimport TypeAndAssetTitle from './components/TypeAndAssetTitle';\nimport CompletionDateTimestamp from './components/CompletionDateTimestamp';\n\nimport styles from './FeedItem.css';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport ConfirmationDialog from '~/components/ConfirmationDialog';\nimport LoadingIndicator from '~/components/LoadingIndicator';\nimport ErrorBoundary from '~/components/ErrorBoundary';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { FEED_ITEM_TYPES, FEED_ITEM_TYPES_BY_KEY } from '~/constants/feed';\nimport { deleteFeedItem, toggleFeedItemLike } from '~/clients/jsonApi';\nimport { showSuccessNotification } from '~/utils';\nimport utils from '~/utils/main';\nimport { OPEN_ALERT_DETAILS_ID_STORAGE_KEY } from '~/constants/alerts';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles(theme => ({\n  paperRoot: {\n    position: 'relative',\n    marginBottom: 10,\n    paddingBottom: 16,\n    backgroundColor: ({ isInsideDcApp }) =>\n      isInsideDcApp ? 'rgba(65, 65, 65, 0.9)' : theme.palette.background.b8,\n    width: ({ isInsideDcApp }) => (isInsideDcApp ? 360 : '100%'),\n    boxShadow: ({ isInsideDcApp }) =>\n      isInsideDcApp &&\n      '0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2)',\n  },\n  clickablePaperRoot: {\n    '&:hover': {\n      filter: 'brightness(90%)',\n      transition: 'filter 0.3s',\n    },\n  },\n  headerDividerRoot: {\n    margin: '8px 0 8px 0',\n    backgroundColor: '#595959',\n  },\n  dateTimestamp: {\n    color: theme.palette.primary.text6,\n    '& span': {\n      color: theme.palette.primary.contrastText,\n    },\n  },\n}));\n\n/**\n * @typedef {object} ActivityItem\n * @property {number} id\n * @property {string} type\n * @property {Record<string, any>} [context]\n * @property {Array<'update' | 'destroy' | 'like'>} [allowed_actions]\n * @property {number} [company_id]\n * @property {number} [asset_id] is not received from the back but have to be provided while saving activities\n * @property {any} [rig]\n * @property {any} [well]\n * @property {string} [updated_at]\n * @property {any} [segment]\n * @property {boolean} [liked]\n * @property {any[]} [likes]\n * @property {number} [likes_count]\n * @property {any[]} [mentioned_users]\n */\n\n/**\n * @param {object} props\n * @param {ActivityItem} props.feedItem\n * @param {string[]} [props.editableFeedItemTypes]\n * @param {(feedItemId: number) => void} [props.removeFeedItem] called after a feed item was removed by a user\n * @param {(feedItem: ActivityItem) => void} [props.enterEditMode] called when a used clicks \"Edit\" menu item\n * @param {any} [props.router]\n * @param {any} props.currentUser used to display Avatar and to determine the ability to edit comments\n * @param {any} [props.appData] passed to body Template\n * @param {Record<string, any>} [props.customFeedItemTypeTemplates]\n * @param {string} [props.paperClassName]\n * @param {any} [props.getFeedItemMessage] used only to create a data-testid attribute\n */\nfunction FeedItem({\n  feedItem,\n  editableFeedItemTypes = [FEED_ITEM_TYPES.POST],\n  removeFeedItem = noop,\n  enterEditMode = noop,\n  router,\n  currentUser,\n  appData,\n  customFeedItemTypeTemplates = {},\n  paperClassName,\n  getFeedItemMessage = ({ context }) => context?.post?.body || context?.dvd_comment?.body,\n  ...props\n}) {\n  const isCorvaV3FeaturesEnabled = get(currentUser, [\n    'settings',\n    'uiSettings',\n    'corva_v3_features_enabled',\n  ]);\n\n  const canDeleteFeedItem = includes(feedItem.allowed_actions, 'destroy');\n\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const classes = useStyles({ isInsideDcApp });\n  const [isLoading, setIsLoading] = useState(false);\n  const [openCommentInput, setOpenCommentInput] = useState(true);\n  const [openCommentList, setOpenCommentList] = useState(true);\n  const [openDeleteDialog, setOpenDeleteDialog] = useState(false);\n\n  const isPost = feedItem.type === FEED_ITEM_TYPES_BY_KEY.post.type;\n  const isEditableItem = editableFeedItemTypes.includes(feedItem.type);\n\n  const isGeosteering = feedItem.type === FEED_ITEM_TYPES_BY_KEY.geosteering_comments.type;\n  const isRecommended =\n    isGeosteering && feedItem.context?.geosteering_comments?.data?.isRecommendation;\n\n  const typeCategory = FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.category || 'post';\n\n  const userFullName = utils.getUserFullName(feedItem.user);\n  const typeLabel = FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.showCreatorToLabel\n    ? userFullName\n    : FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.label || startCase(feedItem.type);\n\n  const feedItemSourceLink =\n    feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && `/alerts/${feedItem.context?.alert?.id}`;\n\n  const isFeedItemClickable =\n    feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && feedItemSourceLink;\n\n  const handleDeleteFeedItem = async () => {\n    setIsLoading(true);\n\n    try {\n      await deleteFeedItem(feedItem.id);\n    } catch (e) {\n      return;\n    } finally {\n      setIsLoading(false);\n    }\n\n    showSuccessNotification('Item was deleted');\n\n    removeFeedItem(feedItem.id);\n  };\n\n  const isBeingLikedRef = useRef(false);\n\n  const handleToggleLike = async () => {\n    if (!isBeingLikedRef.current) {\n      const feedItemId = feedItem.id;\n      isBeingLikedRef.current = true;\n      try {\n        await toggleFeedItemLike(feedItemId); // NOTE: Received through subscription\n      } catch (e) {\n        // NOTE: Do nothing\n      }\n      isBeingLikedRef.current = false;\n    }\n  };\n\n  const handleEditMenuItem = () => {\n    enterEditMode(feedItem);\n  };\n\n  const handleDeleteMenuItem = () => {\n    setOpenDeleteDialog(true);\n  };\n\n  const copyFeedItemLink = () => {\n    const feedId = feedItem.id;\n    const text = `${window.location.host}/feed/${feedId}`;\n\n    utils.copyToClipboard(text);\n  };\n\n  const handleDelete = () => {\n    handleDeleteFeedItem();\n  };\n\n  const devCenterRouter = useDevCenterRouter();\n\n  const handleMainContainerClick = () => {\n    if (!isFeedItemClickable) return;\n\n    if (isCorvaV3FeaturesEnabled)\n      localStorage.setItem(OPEN_ALERT_DETAILS_ID_STORAGE_KEY, feedItem.context.alert.id);\n    else (router || devCenterRouter).push(feedItemSourceLink);\n  };\n\n  const getRigName = feedItem => {\n    const isRigBasedItem = !!feedItem.rig;\n    return isRigBasedItem ? feedItem.rig?.name : feedItem.well?.parent_asset?.name;\n  };\n\n  return (\n    <Paper\n      data-testid={`${PAGE_NAME}_post_${getFeedItemMessage(feedItem)}_rigName_${getRigName(\n        feedItem\n      )}`}\n      className={classNames(classes.paperRoot, paperClassName, {\n        [classes.clickablePaperRoot]: isFeedItemClickable,\n        [styles.hideOverflow]: isLoading,\n      })}\n      elevation={0}\n    >\n      <div\n        onClick={handleMainContainerClick}\n        className={classNames(styles.mainContainer, {\n          [styles.mainContainerClickable]: isFeedItemClickable,\n          [styles.mainContainerNative]: isNativeDetected,\n        })}\n      >\n        <Icon\n          feedItem={feedItem}\n          classes={classes}\n          displayName={userFullName}\n          isRecommended={isRecommended}\n          currentUser={currentUser}\n        />\n        <div\n          className={classNames(styles.mainContainerTop, {\n            [styles.mainContainerTopNative]: isNativeDetected,\n          })}\n        >\n          <div className={styles.mainContainerTopLine}>\n            <TypeAndAssetTitle\n              feedItem={feedItem}\n              userFullName={userFullName}\n              typeLabel={typeLabel}\n              classes={classes}\n              isPost={isPost}\n            />\n            <div className={styles.mainContainerTopMenu}>\n              <CreatedAt feedItem={feedItem} classes={classes} />\n\n              <Actions\n                data-testid={`${PAGE_NAME}_actionsDropdown`}\n                isPost={isPost}\n                isEditableItem={isEditableItem}\n                canDeleteFeedItem={canDeleteFeedItem}\n                handleEditMenuItem={handleEditMenuItem}\n                handleDeleteMenuItem={handleDeleteMenuItem}\n                copyFeedItemLink={copyFeedItemLink}\n                feedItem={feedItem}\n                currentUser={currentUser}\n              />\n            </div>\n          </div>\n\n          <RigAndWell feedItem={feedItem} isPost={isPost} />\n        </div>\n        <Divider className={classes.headerDividerRoot} />\n        <CompletionDateTimestamp feedItem={feedItem} />\n        <ErrorBoundary ErrorView={() => <Typography>Feed Item loading failed</Typography>}>\n          <Content\n            feedItem={feedItem}\n            appData={appData}\n            customFeedItemTypeTemplates={customFeedItemTypeTemplates}\n            currentUser={currentUser}\n            isCorvaV3FeaturesEnabled={isCorvaV3FeaturesEnabled}\n            {...props}\n          />\n        </ErrorBoundary>\n      </div>\n      <Reactions\n        feedItem={feedItem}\n        handleToggleLike={handleToggleLike}\n        setOpenCommentInput={setOpenCommentInput}\n        setOpenCommentList={setOpenCommentList}\n        openCommentInput={openCommentInput}\n        openCommentList={openCommentList}\n        currentUser={currentUser}\n      />\n      <FeedComments\n        openCommentInput={openCommentInput}\n        openCommentList={openCommentList}\n        feedItem={feedItem}\n        currentUser={currentUser}\n      />\n      {isLoading && ( // NOTE: Avoids feed item height change\n        <div className={styles.loadingContainer} style={{ backgroundColor: grey[800] }}>\n          <LoadingIndicator />\n        </div>\n      )}\n      {openDeleteDialog && (\n        <ConfirmationDialog\n          open={openDeleteDialog}\n          title={`Delete ${typeCategory}`}\n          text={`Are you sure you want to delete ${typeCategory} and all attachments?`}\n          handleClose={() => setOpenDeleteDialog(false)}\n          handleOk={handleDelete}\n          okText=\"Delete\"\n        />\n      )}\n    </Paper>\n  );\n}\n\nexport default FeedItem;\n"],"names":["useStyles","makeStyles","theme","paperRoot","position","marginBottom","paddingBottom","backgroundColor","_ref","isInsideDcApp","palette","background","b8","width","_ref2","boxShadow","_ref3","clickablePaperRoot","filter","transition","headerDividerRoot","margin","dateTimestamp","color","primary","text6","contrastText","_ref4","_feedItem$context","_feedItem$context$geo","_feedItem$context$geo2","_FEED_ITEM_TYPES_BY_K","_FEED_ITEM_TYPES_BY_K2","_FEED_ITEM_TYPES_BY_K3","_feedItem$context2","_feedItem$context2$al","_classNames","_classNames2","_ref6","_ref7","feedItem","_ref4$editableFeedIte","editableFeedItemTypes","FEED_ITEM_TYPES","POST","_ref4$removeFeedItem","removeFeedItem","noop","_ref4$enterEditMode","enterEditMode","router","currentUser","appData","_ref4$customFeedItemT","customFeedItemTypeTemplates","paperClassName","_ref4$getFeedItemMess","getFeedItemMessage","_ref5","_context$post","_context$dvd_comment","context","post","body","dvd_comment","props","_objectWithoutProperties","_excluded","isCorvaV3FeaturesEnabled","get","canDeleteFeedItem","includes","allowed_actions","useIsInsideIsolatedDcApp","classes","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","openCommentInput","setOpenCommentInput","_useState6","_useState5","openCommentList","setOpenCommentList","_useState8","_useState7","openDeleteDialog","setOpenDeleteDialog","isPost","type","FEED_ITEM_TYPES_BY_KEY","isEditableItem","isRecommended","geosteering_comments","data","isRecommendation","typeCategory","category","userFullName","utils","getUserFullName","user","typeLabel","showCreatorToLabel","label","startCase","feedItemSourceLink","alert","id","isFeedItemClickable","handleDeleteFeedItem","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","deleteFeedItem","t0","abrupt","finish","showSuccessNotification","stop","apply","this","arguments","isBeingLikedRef","useRef","handleToggleLike","_callee2","feedItemId","_context2","current","toggleFeedItemLike","devCenterRouter","useDevCenterRouter","_jsxs","Paper","PAGE_NAME","concat","_feedItem$rig","_feedItem$well","_feedItem$well$parent","rig","name","well","parent_asset","getRigName","className","classNames","styles","hideOverflow","elevation","children","jsxs","onClick","localStorage","setItem","OPEN_ALERT_DETAILS_ID_STORAGE_KEY","push","mainContainer","mainContainerClickable","mainContainerNative","isNativeDetected","_jsx","Icon","displayName","mainContainerTop","mainContainerTopNative","mainContainerTopLine","TypeAndAssetTitle","mainContainerTopMenu","CreatedAt","Actions","handleEditMenuItem","handleDeleteMenuItem","copyFeedItemLink","feedId","text","window","location","host","copyToClipboard","RigAndWell","Divider","CompletionDateTimestamp","ErrorBoundary","ErrorView","Typography","Content","_objectSpread","Reactions","FeedComments","loadingContainer","style","grey","LoadingIndicator","jsx","ConfirmationDialog","open","title","handleClose","handleOk","okText"],"mappings":"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"}
+{"version":3,"file":"FeedItem.js","sources":["../../../../src/components/FeedItem/FeedItem.js"],"sourcesContent":["import { useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { Divider, makeStyles, Paper, Typography } from '@material-ui/core';\nimport { get, includes, noop, startCase } from 'lodash';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { useDevCenterRouter } from '../DevCenter';\n\nimport Actions from './components/Actions';\nimport FeedComments from './components/FeedComments';\nimport Content from './components/Content';\nimport CreatedAt from './components/CreatedAt';\nimport Icon from './components/Icon';\nimport Reactions from './components/Reactions';\nimport RigAndWell from './components/RigAndWell';\nimport TypeAndAssetTitle from './components/TypeAndAssetTitle';\nimport CompletionDateTimestamp from './components/CompletionDateTimestamp';\n\nimport styles from './FeedItem.css';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport ConfirmationDialog from '~/components/ConfirmationDialog';\nimport LoadingIndicator from '~/components/LoadingIndicator';\nimport ErrorBoundary from '~/components/ErrorBoundary';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { FEED_ITEM_TYPES, FEED_ITEM_TYPES_BY_KEY } from '~/constants/feed';\nimport { deleteFeedItem, toggleFeedItemLike } from '~/clients/jsonApi';\nimport { showSuccessNotification } from '~/utils';\nimport utils from '~/utils/main';\nimport { OPEN_ALERT_DETAILS_ID_STORAGE_KEY } from '~/constants/alerts';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles(theme => ({\n  paperRoot: {\n    position: 'relative',\n    marginBottom: 10,\n    paddingBottom: 16,\n    backgroundColor: ({ isInsideDcApp }) =>\n      isInsideDcApp ? 'rgba(65, 65, 65, 0.9)' : theme.palette.background.b8,\n    width: ({ isInsideDcApp }) => (isInsideDcApp ? 360 : '100%'),\n    boxShadow: ({ isInsideDcApp }) =>\n      isInsideDcApp &&\n      '0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2)',\n  },\n  clickablePaperRoot: {\n    '&:hover': {\n      filter: 'brightness(90%)',\n      transition: 'filter 0.3s',\n    },\n  },\n  headerDividerRoot: {\n    margin: '8px 0 8px 0',\n    backgroundColor: '#595959',\n  },\n  dateTimestamp: {\n    color: theme.palette.primary.text6,\n    '& span': {\n      color: theme.palette.primary.contrastText,\n    },\n  },\n}));\n\n/**\n * @typedef {object} ActivityItem\n * @property {number} id\n * @property {string} type\n * @property {Record<string, any>} [context]\n * @property {Array<'update' | 'destroy' | 'like'>} [allowed_actions]\n * @property {number} [company_id]\n * @property {number} [asset_id] is not received from the back but have to be provided while saving activities\n * @property {any} [rig]\n * @property {any} [well]\n * @property {string} [updated_at]\n * @property {any} [segment]\n * @property {boolean} [liked]\n * @property {any[]} [likes]\n * @property {number} [likes_count]\n * @property {any[]} [mentioned_users]\n */\n\n/**\n * @param {object} props\n * @param {ActivityItem} props.feedItem\n * @param {string[]} [props.editableFeedItemTypes]\n * @param {(feedItemId: number) => void} [props.removeFeedItem] called after a feed item was removed by a user\n * @param {(feedItem: ActivityItem) => void} [props.enterEditMode] called when a used clicks \"Edit\" menu item\n * @param {any} [props.router]\n * @param {any} props.currentUser used to display Avatar and to determine the ability to edit comments\n * @param {any} [props.appData] passed to body Template\n * @param {Record<string, any>} [props.customFeedItemTypeTemplates]\n * @param {string} [props.paperClassName]\n * @param {any} [props.getFeedItemMessage] used only to create a data-testid attribute\n */\nfunction FeedItem({\n  feedItem,\n  editableFeedItemTypes = [FEED_ITEM_TYPES.POST],\n  removeFeedItem = noop,\n  enterEditMode = noop,\n  router,\n  currentUser,\n  appData,\n  customFeedItemTypeTemplates = {},\n  paperClassName,\n  getFeedItemMessage = ({ context }) => context?.post?.body || context?.dvd_comment?.body,\n  ...props\n}) {\n  const isCorvaV3FeaturesEnabled = get(currentUser, [\n    'settings',\n    'uiSettings',\n    'corva_v3_features_enabled',\n  ]);\n\n  const canDeleteFeedItem = includes(feedItem.allowed_actions, 'destroy');\n\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const classes = useStyles({ isInsideDcApp });\n  const [isLoading, setIsLoading] = useState(false);\n  const [openCommentInput, setOpenCommentInput] = useState(true);\n  const [openCommentList, setOpenCommentList] = useState(true);\n  const [openDeleteDialog, setOpenDeleteDialog] = useState(false);\n\n  const isPost = feedItem.type === FEED_ITEM_TYPES_BY_KEY.post.type;\n  const isEditableItem = editableFeedItemTypes.includes(feedItem.type);\n\n  const isGeosteering = feedItem.type === FEED_ITEM_TYPES_BY_KEY.geosteering_comments.type;\n  const isRecommended =\n    isGeosteering && feedItem.context?.geosteering_comments?.data?.isRecommendation;\n\n  const typeCategory = FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.category || 'post';\n\n  const userFullName = utils.getUserFullName(feedItem.user);\n  const typeLabel = FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.showCreatorToLabel\n    ? userFullName\n    : FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.label || startCase(feedItem.type);\n\n  const feedItemSourceLink =\n    feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && `/alerts/${feedItem.context?.alert?.id}`;\n\n  const isFeedItemClickable =\n    feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && feedItemSourceLink;\n\n  const handleDeleteFeedItem = async () => {\n    setIsLoading(true);\n\n    try {\n      await deleteFeedItem(feedItem.id);\n    } catch (e) {\n      return;\n    } finally {\n      setIsLoading(false);\n    }\n\n    showSuccessNotification('Item was deleted');\n\n    removeFeedItem(feedItem.id);\n  };\n\n  const isBeingLikedRef = useRef(false);\n\n  const handleToggleLike = async () => {\n    if (!isBeingLikedRef.current) {\n      const feedItemId = feedItem.id;\n      isBeingLikedRef.current = true;\n      try {\n        await toggleFeedItemLike(feedItemId); // NOTE: Received through subscription\n      } catch (e) {\n        // NOTE: Do nothing\n      }\n      isBeingLikedRef.current = false;\n    }\n  };\n\n  const handleEditMenuItem = () => {\n    enterEditMode(feedItem);\n  };\n\n  const handleDeleteMenuItem = () => {\n    setOpenDeleteDialog(true);\n  };\n\n  const copyFeedItemLink = () => {\n    const feedId = feedItem.id;\n    const text = `${window.location.host}/feed/${feedId}`;\n\n    utils.copyToClipboard(text);\n  };\n\n  const handleDelete = () => {\n    handleDeleteFeedItem();\n  };\n\n  const devCenterRouter = useDevCenterRouter();\n\n  const handleMainContainerClick = () => {\n    if (!isFeedItemClickable) return;\n\n    if (isCorvaV3FeaturesEnabled)\n      localStorage.setItem(OPEN_ALERT_DETAILS_ID_STORAGE_KEY, feedItem.context.alert.id);\n    else (router || devCenterRouter).push(feedItemSourceLink);\n  };\n\n  const getRigName = feedItem => {\n    const isRigBasedItem = !!feedItem.rig;\n    return isRigBasedItem ? feedItem.rig?.name : feedItem.well?.parent_asset?.name;\n  };\n\n  return (\n    <Paper\n      data-testid={`${PAGE_NAME}_post_${getFeedItemMessage(feedItem)}_rigName_${getRigName(\n        feedItem\n      )}`}\n      className={classNames(classes.paperRoot, paperClassName, {\n        [classes.clickablePaperRoot]: isFeedItemClickable,\n        [styles.hideOverflow]: isLoading,\n      })}\n      elevation={0}\n    >\n      <div\n        onClick={handleMainContainerClick}\n        className={classNames(styles.mainContainer, {\n          [styles.mainContainerClickable]: isFeedItemClickable,\n          [styles.mainContainerNative]: isNativeDetected,\n        })}\n      >\n        <Icon\n          feedItem={feedItem}\n          classes={classes}\n          displayName={userFullName}\n          isRecommended={isRecommended}\n          currentUser={currentUser}\n        />\n        <div\n          className={classNames(styles.mainContainerTop, {\n            [styles.mainContainerTopNative]: isNativeDetected,\n          })}\n        >\n          <div className={styles.mainContainerTopLine}>\n            <TypeAndAssetTitle\n              feedItem={feedItem}\n              userFullName={userFullName}\n              typeLabel={typeLabel}\n              classes={classes}\n              isPost={isPost}\n            />\n            <div className={styles.mainContainerTopMenu}>\n              <CreatedAt feedItem={feedItem} classes={classes} />\n\n              <Actions\n                data-testid={`${PAGE_NAME}_actionsDropdown`}\n                isPost={isPost}\n                isEditableItem={isEditableItem}\n                canDeleteFeedItem={canDeleteFeedItem}\n                handleEditMenuItem={handleEditMenuItem}\n                handleDeleteMenuItem={handleDeleteMenuItem}\n                copyFeedItemLink={copyFeedItemLink}\n                feedItem={feedItem}\n                currentUser={currentUser}\n              />\n            </div>\n          </div>\n\n          <RigAndWell feedItem={feedItem} isPost={isPost} />\n        </div>\n        <Divider className={classes.headerDividerRoot} />\n        <CompletionDateTimestamp feedItem={feedItem} />\n        <ErrorBoundary ErrorView={() => <Typography>Feed Item loading failed</Typography>}>\n          <Content\n            feedItem={feedItem}\n            appData={appData}\n            customFeedItemTypeTemplates={customFeedItemTypeTemplates}\n            currentUser={currentUser}\n            isCorvaV3FeaturesEnabled={isCorvaV3FeaturesEnabled}\n            {...props}\n          />\n        </ErrorBoundary>\n      </div>\n      <Reactions\n        feedItem={feedItem}\n        handleToggleLike={handleToggleLike}\n        setOpenCommentInput={setOpenCommentInput}\n        setOpenCommentList={setOpenCommentList}\n        openCommentInput={openCommentInput}\n        openCommentList={openCommentList}\n        currentUser={currentUser}\n      />\n      <FeedComments\n        openCommentInput={openCommentInput}\n        openCommentList={openCommentList}\n        feedItem={feedItem}\n        currentUser={currentUser}\n      />\n      {isLoading && ( // NOTE: Avoids feed item height change\n        <div className={styles.loadingContainer} style={{ backgroundColor: grey[800] }}>\n          <LoadingIndicator />\n        </div>\n      )}\n      {openDeleteDialog && (\n        <ConfirmationDialog\n          open={openDeleteDialog}\n          title={`Delete ${typeCategory}`}\n          text={`Are you sure you want to delete ${typeCategory} and all attachments?`}\n          handleClose={() => setOpenDeleteDialog(false)}\n          handleOk={handleDelete}\n          okText=\"Delete\"\n        />\n      )}\n    </Paper>\n  );\n}\n\nexport default FeedItem;\n"],"names":["useStyles","makeStyles","theme","paperRoot","position","marginBottom","paddingBottom","backgroundColor","_ref","isInsideDcApp","palette","background","b8","width","_ref2","boxShadow","_ref3","clickablePaperRoot","filter","transition","headerDividerRoot","margin","dateTimestamp","color","primary","text6","contrastText","_ref4","_feedItem$context","_feedItem$context$geo","_feedItem$context$geo2","_FEED_ITEM_TYPES_BY_K","_FEED_ITEM_TYPES_BY_K2","_FEED_ITEM_TYPES_BY_K3","_feedItem$context2","_feedItem$context2$al","_classNames","_classNames2","_ref6","_ref7","feedItem","_ref4$editableFeedIte","editableFeedItemTypes","FEED_ITEM_TYPES","POST","_ref4$removeFeedItem","removeFeedItem","noop","_ref4$enterEditMode","enterEditMode","router","currentUser","appData","_ref4$customFeedItemT","customFeedItemTypeTemplates","paperClassName","_ref4$getFeedItemMess","getFeedItemMessage","_ref5","_context$post","_context$dvd_comment","context","post","body","dvd_comment","props","_objectWithoutProperties","_excluded","isCorvaV3FeaturesEnabled","get","canDeleteFeedItem","includes","allowed_actions","useIsInsideIsolatedDcApp","classes","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","openCommentInput","setOpenCommentInput","_useState6","_useState5","openCommentList","setOpenCommentList","_useState8","_useState7","openDeleteDialog","setOpenDeleteDialog","isPost","type","FEED_ITEM_TYPES_BY_KEY","isEditableItem","isRecommended","geosteering_comments","data","isRecommendation","typeCategory","category","userFullName","utils","getUserFullName","user","typeLabel","showCreatorToLabel","label","startCase","feedItemSourceLink","alert","id","isFeedItemClickable","handleDeleteFeedItem","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","deleteFeedItem","t0","abrupt","finish","showSuccessNotification","stop","apply","this","arguments","isBeingLikedRef","useRef","handleToggleLike","_callee2","feedItemId","_context2","current","toggleFeedItemLike","devCenterRouter","useDevCenterRouter","_jsxs","Paper","PAGE_NAME","concat","_feedItem$rig","_feedItem$well","_feedItem$well$parent","rig","name","well","parent_asset","getRigName","className","classNames","styles","hideOverflow","elevation","children","jsxs","onClick","localStorage","setItem","OPEN_ALERT_DETAILS_ID_STORAGE_KEY","push","mainContainer","mainContainerClickable","mainContainerNative","isNativeDetected","_jsx","Icon","displayName","mainContainerTop","mainContainerTopNative","mainContainerTopLine","TypeAndAssetTitle","mainContainerTopMenu","CreatedAt","Actions","handleEditMenuItem","handleDeleteMenuItem","copyFeedItemLink","feedId","text","window","location","host","copyToClipboard","RigAndWell","Divider","CompletionDateTimestamp","ErrorBoundary","ErrorView","Typography","Content","_objectSpread","Reactions","FeedComments","loadingContainer","style","grey","LoadingIndicator","jsx","ConfirmationDialog","open","title","handleClose","handleOk","okText"],"mappings":"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"}

package/cjs-bundle/components/FeedItem/components/FeedComments.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),o=require("prop-types"),r=require("lodash"),n=require("moment"),t=require("@material-ui/core"),i=require("../../Comment/index.js"),c=require("../../CommentLoader.js"),p=require("../../CommentInput/index.js"),u=require("../../../clients/jsonApi/index.js");require("../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js");var a=require("react/jsx-runtime");require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../../../componentsV2/Text/Text.js"),require("../../../componentsV2/Grid/Grid.js"),require("../../../componentsV2/Grid/Cell.js"),require("classnames"),require("../../../componentsV2/Header/Header.scss.js"),require("../../../componentsV2/Button/Button.js"),require("../../../componentsV2/ButtonIcon/ButtonIcon.js");var m=require("../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js");require("../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../../componentsV2/Popover/Popover.js"),require("../../../componentsV2/Radio/Radio.js"),require("../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../componentsV2/Checkbox/Checkbox.js"),require("../../../componentsV2/TextInput/TextInput.js"),require("../../../componentsV2/Label/Label.js"),require("../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../../componentsV2/TextLink/TextLink.js"),require("../../../componentsV2/Chip/Chip.js"),require("../../../componentsV2/ChipAlert/ChipAlert.js"),require("../../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../../componentsV2/Avatar/Avatar.js"),require("../../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../componentsV2/Paper/Paper.js"),require("../../../componentsV2/ModalWindow/ModalWindow.scss.js"),require("@icon-park/react/es/all"),require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.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("../../../componentsV2/Modal/Modal.scss.js"),require("../../../componentsV2/Menu/Menu.js"),require("../../../componentsV2/utils.js"),require("../../../componentsV2/Hint/Hint.scss.js"),require("../../../componentsV2/Counter/Counter.js"),require("../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../../componentsV2/Switch/Switch.js"),require("../../../componentsV2/Tabs/Tabs.js"),require("../../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../../componentsV2/FileIcon/FileIcon.js"),require("../../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../../utils/index.js"),require("../../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../../utils/main.js"),require("../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../../componentsV2/Stepper/Step/Step.scss.js"),require("../../../componentsV2/Stepper/Stepper.scss.js"),require("../../../componentsV2/ButtonLive/ButtonLive.js"),require("../../../componentsV2/ButtonText/ButtonText.js"),require("../../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../../componentsV2/Accordion/Accordion.scss.js"),require("../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../../componentsV2/BadgeComment/BadgeComment.js"),require("../../../componentsV2/AppContainer/AppContainer.js"),require("../../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../../componentsV2/AppFooter/AppFooter.js"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../GradientManager/configuration/constants.js"),require("../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router"),require("../../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../../PadModeSelect/PadModeSelect.js"),require("../../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../../constants/streamSourceType.js"),require("../../../types/shared/Completions.js"),require("../../PadModeSelect/types.js"),require("lodash/flatten"),require("lodash/partition"),require("../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js"),require("../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../../clients/subscriptions/constants.js"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("../../../clients/api/apiCore.js"),require("../../../clients/constants.js"),require("../../../clients/sso/auth0.js"),require("../../../clients/sso/oauth2.js"),require("../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.scss.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("jsona"),require("../../../utils/env.js"),require("../../StatusBadge/constants.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../AppIcon/AppIcon.js"),require("../../../utils/getSingleAsset.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../../componentsV2/AppContainer/headerCommon.scss.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../componentsV2/AppSettings/AppSettings.js"),require("../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../componentsV2/DatePicker/DatePicker.js"),require("../../../componentsV2/DragHandle/DragHandle.js"),require("../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js");var l=require("../../../utils/mobileDetect.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=d(e),j=d(o),A=d(n),C=t.makeStyles({showMore:{cursor:"pointer"},feedCommentsContainer:{padding:"0 16px 0 24px"},feedCommentsList:{marginTop:24},feedCommentsListContent:{height:function(e){var s=e.commentsListHeight;return s&&s-8},overflow:function(e){return e.commentsListHeight&&"scroll"}},feedCommentsListContentWrapper:{position:"relative"},gradient:{position:"absolute",bottom:0,left:0,width:"100%",height:16,background:function(e){var s=e.isInsideDcApp;return"linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ".concat(s?"#414141":"3b3b3b"," 100%)")}}});function V(e){var o,n=e.openCommentInput,d=e.openCommentList,j=e.feedItem,V=e.currentUser,v=j.comments,I=v.length,g=I>3,S=s.useState(!1),h=q.default(S,2),D=h[0],b=h[1],f=s.useState(!1),x=q.default(f,2),P=x[0],L=x[1],T=s.useState(!1),M=q.default(T,2),B=M[0],H=M[1],F=s.useState(null),y=q.default(F,2),k=y[0],R=y[1],w=s.useRef(),E=s.useRef(),W=s.useMemo((function(){var e=r.sortBy(j.comments,(function(e){return-A.default(e.created_at).unix()}));return B?B&&!P?e.slice(0,5):B&&P?e:[]:e.slice(0,3)}),[v,P,B]);s.useEffect((function(){if(5===W.length&&!k){var e=E.current.clientHeight;R(e),L(!0)}k&&!B&&(R(null),L(!1))}),[W.length,k,B]);var G=m.useIsInsideIsolatedDcApp(),U=C({commentsListHeight:k,isAllCommentsVisibleKeyPressed:B,isInsideDcApp:G});return a.jsxs("div",{className:(n||!!I)&&U.feedCommentsContainer,children:[n&&!l.isNativeDetected&&a.jsx(p,{inputRef:w,postComment:function(e){u.postFeedItemComment(j.id,e)},setIsPosting:b,companyId:j.company_id,autoFocus:!1,currentUser:V,parentId:"".concat(j.id,"-").concat(null===(o=j.comments)||void 0===o?void 0:o.size)}),d&&a.jsxs("div",{className:U.feedCommentsList,children:[a.jsx("div",{className:U.feedCommentsListContentWrapper,children:a.jsxs("div",{className:U.feedCommentsListContent,ref:E,children:[W.map((function(e){return a.jsx(i,{comment:e,handleDeleteCallback:r.noop,patchCommentCallback:r.noop,companyId:j.company_id,currentUser:V},e.id)})),k&&a.jsx("div",{className:U.gradient})]})}),g&&a.jsx(t.Typography,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:U.showMore,onClick:function(){H(!B)},children:B?"Hide older comments":"See all comments"})]}),D&&a.jsx(c,{})]})}V.propTypes={openCommentInput:j.default.bool.isRequired,feedItem:j.default.shape().isRequired,currentUser:j.default.shape().isRequired},module.exports=V;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),o=require("prop-types"),r=require("lodash"),n=require("moment"),t=require("@material-ui/core"),i=require("../../Comment/index.js"),c=require("../../CommentLoader.js"),u=require("../../CommentInput/index.js"),p=require("../../../clients/jsonApi/index.js");require("../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js");var a=require("react/jsx-runtime");require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../../../componentsV2/Text/Text.js"),require("../../../componentsV2/Grid/Grid.js"),require("../../../componentsV2/Grid/Cell.js"),require("classnames"),require("../../../componentsV2/Header/Header.scss.js"),require("../../../componentsV2/Button/Button.js"),require("../../../componentsV2/ButtonIcon/ButtonIcon.js");var m=require("../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js");require("../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../../componentsV2/Popover/Popover.js"),require("../../../componentsV2/Radio/Radio.js"),require("../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../componentsV2/Checkbox/Checkbox.js"),require("../../../componentsV2/TextInput/TextInput.js"),require("../../../componentsV2/Label/Label.js"),require("../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../../componentsV2/TextLink/TextLink.js"),require("../../../componentsV2/Chip/Chip.js"),require("../../../componentsV2/ChipAlert/ChipAlert.js"),require("../../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../../componentsV2/Avatar/Avatar.js"),require("../../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../componentsV2/Paper/Paper.js"),require("../../../componentsV2/ModalWindow/ModalWindow.scss.js"),require("@icon-park/react/es/all"),require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.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/Lasso.js"),require("../../../componentsV2/Modal/Modal.scss.js"),require("../../../componentsV2/Menu/Menu.js"),require("../../../componentsV2/utils.js"),require("../../../componentsV2/Hint/Hint.scss.js"),require("../../../componentsV2/Counter/Counter.js"),require("../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../../componentsV2/Switch/Switch.js"),require("../../../componentsV2/Tabs/Tabs.js"),require("../../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../../componentsV2/FileIcon/FileIcon.js"),require("../../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../../utils/index.js"),require("../../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../../utils/main.js"),require("../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../../componentsV2/Stepper/Step/Step.scss.js"),require("../../../componentsV2/Stepper/Stepper.scss.js"),require("../../../componentsV2/ButtonLive/ButtonLive.js"),require("../../../componentsV2/ButtonText/ButtonText.js"),require("../../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../../componentsV2/Accordion/Accordion.scss.js"),require("../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../../componentsV2/BadgeComment/BadgeComment.js"),require("../../../componentsV2/AppContainer/AppContainer.js"),require("../../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../../componentsV2/AppFooter/AppFooter.js"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../GradientManager/configuration/constants.js"),require("../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router"),require("../../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../../PadModeSelect/PadModeSelect.js"),require("../../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../../constants/streamSourceType.js"),require("../../../types/shared/Completions.js"),require("../../PadModeSelect/types.js"),require("lodash/flatten"),require("lodash/partition"),require("../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js"),require("../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../../clients/subscriptions/constants.js"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("../../../clients/api/apiCore.js"),require("../../../clients/constants.js"),require("../../../clients/sso/auth0.js"),require("../../../clients/sso/oauth2.js"),require("../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.scss.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("jsona"),require("../../../utils/env.js"),require("../../StatusBadge/constants.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../AppIcon/AppIcon.js"),require("../../../utils/getSingleAsset.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../../componentsV2/AppContainer/headerCommon.scss.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../componentsV2/AppSettings/AppSettings.js"),require("../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../componentsV2/DatePicker/DatePicker.js"),require("../../../componentsV2/DragHandle/DragHandle.js"),require("../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js");var l=require("../../../utils/mobileDetect.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=d(e),j=d(o),A=d(n),C=t.makeStyles({showMore:{cursor:"pointer"},feedCommentsContainer:{padding:"0 16px 0 24px"},feedCommentsList:{marginTop:24},feedCommentsListContent:{height:function(e){var s=e.commentsListHeight;return s&&s-8},overflow:function(e){return e.commentsListHeight&&"scroll"}},feedCommentsListContentWrapper:{position:"relative"},gradient:{position:"absolute",bottom:0,left:0,width:"100%",height:16,background:function(e){var s=e.isInsideDcApp;return"linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ".concat(s?"#414141":"3b3b3b"," 100%)")}}});function V(e){var o,n=e.openCommentInput,d=e.openCommentList,j=e.feedItem,V=e.currentUser,v=j.comments,I=v.length,g=I>3,S=s.useState(!1),h=q.default(S,2),D=h[0],b=h[1],f=s.useState(!1),x=q.default(f,2),P=x[0],L=x[1],T=s.useState(!1),M=q.default(T,2),B=M[0],H=M[1],F=s.useState(null),y=q.default(F,2),k=y[0],R=y[1],w=s.useRef(),E=s.useRef(),W=s.useMemo((function(){var e=r.sortBy(j.comments,(function(e){return-A.default(e.created_at).unix()}));return B?B&&!P?e.slice(0,5):B&&P?e:[]:e.slice(0,3)}),[v,P,B]);s.useEffect((function(){if(5===W.length&&!k){var e=E.current.clientHeight;R(e),L(!0)}k&&!B&&(R(null),L(!1))}),[W.length,k,B]);var G=m.useIsInsideIsolatedDcApp(),U=C({commentsListHeight:k,isAllCommentsVisibleKeyPressed:B,isInsideDcApp:G});return a.jsxs("div",{className:(n||!!I)&&U.feedCommentsContainer,children:[n&&!l.isNativeDetected&&a.jsx(u,{inputRef:w,postComment:function(e){p.postFeedItemComment(j.id,e)},setIsPosting:b,companyId:j.company_id,autoFocus:!1,currentUser:V,parentId:"".concat(j.id,"-").concat(null===(o=j.comments)||void 0===o?void 0:o.size)}),d&&a.jsxs("div",{className:U.feedCommentsList,children:[a.jsx("div",{className:U.feedCommentsListContentWrapper,children:a.jsxs("div",{className:U.feedCommentsListContent,ref:E,children:[W.map((function(e){return a.jsx(i,{comment:e,handleDeleteCallback:r.noop,patchCommentCallback:r.noop,companyId:j.company_id,currentUser:V},e.id)})),k&&a.jsx("div",{className:U.gradient})]})}),g&&a.jsx(t.Typography,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:U.showMore,onClick:function(){H(!B)},children:B?"Hide older comments":"See all comments"})]}),D&&a.jsx(c,{})]})}V.propTypes={openCommentInput:j.default.bool.isRequired,feedItem:j.default.shape().isRequired,currentUser:j.default.shape().isRequired},module.exports=V;
 //# sourceMappingURL=FeedComments.js.map

package/cjs-bundle/components/FeedItem/components/FeedComments.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedComments.js","sources":["../../../../../src/components/FeedItem/components/FeedComments.js"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { noop, sortBy } from 'lodash';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport Comment from '~/components/Comment';\nimport CommentLoader from '~/components/CommentLoader';\nimport CommentInput from '~/components/CommentInput';\nimport { postFeedItemComment } from '~/clients/jsonApi';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { isNativeDetected } from '~utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedComments';\n\nconst useStyles = makeStyles({\n  showMore: {\n    cursor: 'pointer',\n  },\n  feedCommentsContainer: { padding: '0 16px 0 24px' },\n  feedCommentsList: { marginTop: 24 },\n  feedCommentsListContent: {\n    height: ({ commentsListHeight }) => commentsListHeight && commentsListHeight - 8,\n    overflow: ({ commentsListHeight }) => commentsListHeight && 'scroll',\n  },\n  feedCommentsListContentWrapper: {\n    position: 'relative',\n  },\n  gradient: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '100%',\n    height: 16,\n    background: ({ isInsideDcApp }) =>\n      `linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ${\n        isInsideDcApp ? '#414141' : '3b3b3b'\n      } 100%)`,\n  },\n});\n\n// If there are  more than 3 comments, we show only last 3, other comments are hidden.\n// To see all comments, user clicks ‘SEE ALL COMMENTS’.\n// To hide all comments back, user clicks ‘HIDE OLDER COMMENTS’\n// After clicking on a ‘SEE ALL COMMENTS’:\n// Height of the comments pop-over changes to show 5 comments instead of 3.\n// If all comments to initial comment can’t fit into comment pop-over, than User needs to scroll down to see them.\n// If there are more than 5 comments (so 6th+ comments in not seen at the moment, we cover bottom comment with gradient, to show that there is more to see.\n// The height of the Comments pop-over remains the same (to show first 5 comments), we don’t change it to show all possible 1000 comments. Only 5.\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\nconst COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER = 5;\nfunction FeedComments({ openCommentInput, openCommentList, feedItem, currentUser }) {\n  const { comments } = feedItem;\n\n  const commentsCount = comments.length;\n  const moreCommentsExist = commentsCount > INITIAL_VISIBLE_COMMENTS_COUNT;\n\n  const [isPosting, setIsPosting] = useState(false);\n  const [isVisibleCommentsAppeared, setIsVisibleCommentsAppeared] = useState(false);\n  const [isAllCommentsVisibleKeyPressed, setIsAllCommentsVisibleKeyPressed] = useState(false);\n  const [commentsListHeight, setCommentsListHeight] = useState(null);\n\n  const inputEl = useRef();\n  const commentsListRef = useRef();\n\n  const toggleShowAllComments = () => {\n    setIsAllCommentsVisibleKeyPressed(!isAllCommentsVisibleKeyPressed);\n  };\n\n  const postComment = comment => {\n    postFeedItemComment(feedItem.id, comment);\n  };\n\n  const visibleComments = useMemo(() => {\n    const sortedComments = sortBy(feedItem.comments, item => -moment(item.created_at).unix());\n\n    if (!isAllCommentsVisibleKeyPressed)\n      return sortedComments.slice(0, INITIAL_VISIBLE_COMMENTS_COUNT);\n\n    if (isAllCommentsVisibleKeyPressed && !isVisibleCommentsAppeared) {\n      return sortedComments.slice(0, COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER);\n    }\n\n    if (isAllCommentsVisibleKeyPressed && isVisibleCommentsAppeared) return sortedComments;\n\n    return [];\n  }, [comments, isVisibleCommentsAppeared, isAllCommentsVisibleKeyPressed]);\n\n  useEffect(() => {\n    if (\n      visibleComments.length === COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER &&\n      !commentsListHeight\n    ) {\n      const divHeight = commentsListRef.current.clientHeight;\n      setCommentsListHeight(divHeight);\n      setIsVisibleCommentsAppeared(true);\n    }\n\n    if (commentsListHeight && !isAllCommentsVisibleKeyPressed) {\n      setCommentsListHeight(null);\n      setIsVisibleCommentsAppeared(false);\n    }\n  }, [visibleComments.length, commentsListHeight, isAllCommentsVisibleKeyPressed]);\n\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const classes = useStyles({ commentsListHeight, isAllCommentsVisibleKeyPressed, isInsideDcApp });\n\n  return (\n    <div className={(openCommentInput || !!commentsCount) && classes.feedCommentsContainer}>\n      {openCommentInput && !isNativeDetected && (\n        <CommentInput\n          inputRef={inputEl}\n          postComment={postComment}\n          setIsPosting={setIsPosting}\n          companyId={feedItem.company_id}\n          autoFocus={false}\n          currentUser={currentUser}\n          parentId={`${feedItem.id}-${feedItem.comments?.size}`}\n        />\n      )}\n      {openCommentList && (\n        <div className={classes.feedCommentsList}>\n          <div className={classes.feedCommentsListContentWrapper}>\n            <div className={classes.feedCommentsListContent} ref={commentsListRef}>\n              {visibleComments.map(comment => (\n                <Comment\n                  key={comment.id}\n                  comment={comment}\n                  handleDeleteCallback={noop /* NOTE: Received through subscription */}\n                  patchCommentCallback={noop}\n                  companyId={feedItem.company_id}\n                  currentUser={currentUser}\n                />\n              ))}\n              {commentsListHeight && <div className={classes.gradient} />}\n            </div>\n          </div>\n          {moreCommentsExist && (\n            <Typography\n              variant=\"caption\"\n              color=\"primary\"\n              data-testid={`${PAGE_NAME}_viewMoreComments`}\n              className={classes.showMore}\n              onClick={toggleShowAllComments}\n            >\n              {isAllCommentsVisibleKeyPressed ? 'Hide older comments' : 'See all comments'}\n            </Typography>\n          )}\n        </div>\n      )}\n\n      {isPosting && <CommentLoader />}\n    </div>\n  );\n}\n\nFeedComments.propTypes = {\n  openCommentInput: PropTypes.bool.isRequired,\n  feedItem: PropTypes.shape().isRequired,\n  currentUser: PropTypes.shape().isRequired,\n};\n\nexport default FeedComments;\n"],"names":["useStyles","makeStyles","showMore","cursor","feedCommentsContainer","padding","feedCommentsList","marginTop","feedCommentsListContent","height","_ref","commentsListHeight","overflow","_ref2","feedCommentsListContentWrapper","position","gradient","bottom","left","width","background","_ref3","isInsideDcApp","concat","FeedComments","_ref4","_feedItem$comments","openCommentInput","openCommentList","feedItem","currentUser","comments","commentsCount","length","moreCommentsExist","useState","_useState2","_slicedToArray","_useState","isPosting","setIsPosting","_useState4","_useState3","isVisibleCommentsAppeared","setIsVisibleCommentsAppeared","_useState6","_useState5","isAllCommentsVisibleKeyPressed","setIsAllCommentsVisibleKeyPressed","_useState8","_useState7","setCommentsListHeight","inputEl","useRef","commentsListRef","visibleComments","useMemo","sortedComments","sortBy","item","moment","created_at","unix","slice","useEffect","divHeight","current","clientHeight","useIsInsideIsolatedDcApp","classes","_jsxs","className","children","isNativeDetected","_jsx","CommentInput","inputRef","postComment","comment","postFeedItemComment","id","companyId","company_id","autoFocus","parentId","size","jsxs","jsx","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}
+{"version":3,"file":"FeedComments.js","sources":["../../../../../src/components/FeedItem/components/FeedComments.js"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { noop, sortBy } from 'lodash';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport Comment from '~/components/Comment';\nimport CommentLoader from '~/components/CommentLoader';\nimport CommentInput from '~/components/CommentInput';\nimport { postFeedItemComment } from '~/clients/jsonApi';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { isNativeDetected } from '~utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedComments';\n\nconst useStyles = makeStyles({\n  showMore: {\n    cursor: 'pointer',\n  },\n  feedCommentsContainer: { padding: '0 16px 0 24px' },\n  feedCommentsList: { marginTop: 24 },\n  feedCommentsListContent: {\n    height: ({ commentsListHeight }) => commentsListHeight && commentsListHeight - 8,\n    overflow: ({ commentsListHeight }) => commentsListHeight && 'scroll',\n  },\n  feedCommentsListContentWrapper: {\n    position: 'relative',\n  },\n  gradient: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '100%',\n    height: 16,\n    background: ({ isInsideDcApp }) =>\n      `linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ${\n        isInsideDcApp ? '#414141' : '3b3b3b'\n      } 100%)`,\n  },\n});\n\n// If there are  more than 3 comments, we show only last 3, other comments are hidden.\n// To see all comments, user clicks ‘SEE ALL COMMENTS’.\n// To hide all comments back, user clicks ‘HIDE OLDER COMMENTS’\n// After clicking on a ‘SEE ALL COMMENTS’:\n// Height of the comments pop-over changes to show 5 comments instead of 3.\n// If all comments to initial comment can’t fit into comment pop-over, than User needs to scroll down to see them.\n// If there are more than 5 comments (so 6th+ comments in not seen at the moment, we cover bottom comment with gradient, to show that there is more to see.\n// The height of the Comments pop-over remains the same (to show first 5 comments), we don’t change it to show all possible 1000 comments. Only 5.\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\nconst COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER = 5;\nfunction FeedComments({ openCommentInput, openCommentList, feedItem, currentUser }) {\n  const { comments } = feedItem;\n\n  const commentsCount = comments.length;\n  const moreCommentsExist = commentsCount > INITIAL_VISIBLE_COMMENTS_COUNT;\n\n  const [isPosting, setIsPosting] = useState(false);\n  const [isVisibleCommentsAppeared, setIsVisibleCommentsAppeared] = useState(false);\n  const [isAllCommentsVisibleKeyPressed, setIsAllCommentsVisibleKeyPressed] = useState(false);\n  const [commentsListHeight, setCommentsListHeight] = useState(null);\n\n  const inputEl = useRef();\n  const commentsListRef = useRef();\n\n  const toggleShowAllComments = () => {\n    setIsAllCommentsVisibleKeyPressed(!isAllCommentsVisibleKeyPressed);\n  };\n\n  const postComment = comment => {\n    postFeedItemComment(feedItem.id, comment);\n  };\n\n  const visibleComments = useMemo(() => {\n    const sortedComments = sortBy(feedItem.comments, item => -moment(item.created_at).unix());\n\n    if (!isAllCommentsVisibleKeyPressed)\n      return sortedComments.slice(0, INITIAL_VISIBLE_COMMENTS_COUNT);\n\n    if (isAllCommentsVisibleKeyPressed && !isVisibleCommentsAppeared) {\n      return sortedComments.slice(0, COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER);\n    }\n\n    if (isAllCommentsVisibleKeyPressed && isVisibleCommentsAppeared) return sortedComments;\n\n    return [];\n  }, [comments, isVisibleCommentsAppeared, isAllCommentsVisibleKeyPressed]);\n\n  useEffect(() => {\n    if (\n      visibleComments.length === COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER &&\n      !commentsListHeight\n    ) {\n      const divHeight = commentsListRef.current.clientHeight;\n      setCommentsListHeight(divHeight);\n      setIsVisibleCommentsAppeared(true);\n    }\n\n    if (commentsListHeight && !isAllCommentsVisibleKeyPressed) {\n      setCommentsListHeight(null);\n      setIsVisibleCommentsAppeared(false);\n    }\n  }, [visibleComments.length, commentsListHeight, isAllCommentsVisibleKeyPressed]);\n\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const classes = useStyles({ commentsListHeight, isAllCommentsVisibleKeyPressed, isInsideDcApp });\n\n  return (\n    <div className={(openCommentInput || !!commentsCount) && classes.feedCommentsContainer}>\n      {openCommentInput && !isNativeDetected && (\n        <CommentInput\n          inputRef={inputEl}\n          postComment={postComment}\n          setIsPosting={setIsPosting}\n          companyId={feedItem.company_id}\n          autoFocus={false}\n          currentUser={currentUser}\n          parentId={`${feedItem.id}-${feedItem.comments?.size}`}\n        />\n      )}\n      {openCommentList && (\n        <div className={classes.feedCommentsList}>\n          <div className={classes.feedCommentsListContentWrapper}>\n            <div className={classes.feedCommentsListContent} ref={commentsListRef}>\n              {visibleComments.map(comment => (\n                <Comment\n                  key={comment.id}\n                  comment={comment}\n                  handleDeleteCallback={noop /* NOTE: Received through subscription */}\n                  patchCommentCallback={noop}\n                  companyId={feedItem.company_id}\n                  currentUser={currentUser}\n                />\n              ))}\n              {commentsListHeight && <div className={classes.gradient} />}\n            </div>\n          </div>\n          {moreCommentsExist && (\n            <Typography\n              variant=\"caption\"\n              color=\"primary\"\n              data-testid={`${PAGE_NAME}_viewMoreComments`}\n              className={classes.showMore}\n              onClick={toggleShowAllComments}\n            >\n              {isAllCommentsVisibleKeyPressed ? 'Hide older comments' : 'See all comments'}\n            </Typography>\n          )}\n        </div>\n      )}\n\n      {isPosting && <CommentLoader />}\n    </div>\n  );\n}\n\nFeedComments.propTypes = {\n  openCommentInput: PropTypes.bool.isRequired,\n  feedItem: PropTypes.shape().isRequired,\n  currentUser: PropTypes.shape().isRequired,\n};\n\nexport default FeedComments;\n"],"names":["useStyles","makeStyles","showMore","cursor","feedCommentsContainer","padding","feedCommentsList","marginTop","feedCommentsListContent","height","_ref","commentsListHeight","overflow","_ref2","feedCommentsListContentWrapper","position","gradient","bottom","left","width","background","_ref3","isInsideDcApp","concat","FeedComments","_ref4","_feedItem$comments","openCommentInput","openCommentList","feedItem","currentUser","comments","commentsCount","length","moreCommentsExist","useState","_useState2","_slicedToArray","_useState","isPosting","setIsPosting","_useState4","_useState3","isVisibleCommentsAppeared","setIsVisibleCommentsAppeared","_useState6","_useState5","isAllCommentsVisibleKeyPressed","setIsAllCommentsVisibleKeyPressed","_useState8","_useState7","setCommentsListHeight","inputEl","useRef","commentsListRef","visibleComments","useMemo","sortedComments","sortBy","item","moment","created_at","unix","slice","useEffect","divHeight","current","clientHeight","useIsInsideIsolatedDcApp","classes","_jsxs","className","children","isNativeDetected","_jsx","CommentInput","inputRef","postComment","comment","postFeedItemComment","id","companyId","company_id","autoFocus","parentId","size","jsxs","jsx","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require('./../../ext-esm/tslib/tslib.es6.js'),e=require("react/jsx-runtime"),o=require("react-dropzone"),i=require("classnames"),c=require("./styles.js"),n=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.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");var r=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");var t=require("../Typography.js"),u=require("../Button/components/Button/index.js");require("moment-timezone"),require("@material-ui/core"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var l=require("../../componentsV2/FilesDropzone/utils.js");function a(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=a(i);exports.FilesDropzone=function(i){var a=i.multiple,j=i.children,d=i.accept,q=i.onDrop,I=i.className,p=i.maxFiles,h=i.maxSize,x=i.errorText,v=i.disabled,F=c.useStyles(),g=l.parseAccept(d),b=g.mimetypes,C=g.extensions,f=b.length||C.length?s.__assign({"*/*":C},Object.fromEntries(b.map((function(s){return[s,[]]})))):void 0,D=l.formatDescription(C,h),y=o.useDropzone({onDrop:q,multiple:a,accept:f,maxFiles:p,maxSize:h,disabled:v}),z=y.getRootProps,A=y.getInputProps,O=y.isDragActive;return e.jsxs("div",{className:I,children:[e.jsxs("div",s.__assign({},z(),{className:m.default(F.root,v&&F.disabled,O&&F.active),children:[e.jsx("input",s.__assign({},A())),j||e.jsxs(e.Fragment,{children:[e.jsx(n.FileAdditionOne,{size:24,className:F.icon}),e.jsx(t.Regular14,{children:"Drag & Drop your file here or"}),e.jsx(u,{variation:"tertiary",size:"small",disabled:v,className:F.uploadButton,children:"Choose file"})]})]})),!x&&D&&e.jsx(t.Regular14,{className:m.default(F.description,v&&F.disabled),children:D}),x&&e.jsxs(t.Regular14,{className:F.error,children:[e.jsx(r.CautionFilledCustomIcon,{size:20}),x]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require('./../../ext-esm/tslib/tslib.es6.js'),e=require("react/jsx-runtime"),o=require("react-dropzone"),i=require("classnames"),c=require("./styles.js"),n=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.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");var r=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/Lasso.js");var t=require("../Typography.js"),u=require("../Button/components/Button/index.js");require("moment-timezone"),require("@material-ui/core"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var a=require("../../componentsV2/FilesDropzone/utils.js");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=l(i);exports.FilesDropzone=function(i){var l=i.multiple,j=i.children,d=i.accept,q=i.onDrop,I=i.className,p=i.maxFiles,h=i.maxSize,x=i.errorText,v=i.disabled,F=c.useStyles(),g=a.parseAccept(d),b=g.mimetypes,C=g.extensions,f=b.length||C.length?s.__assign({"*/*":C},Object.fromEntries(b.map((function(s){return[s,[]]})))):void 0,D=a.formatDescription(C,h),y=o.useDropzone({onDrop:q,multiple:l,accept:f,maxFiles:p,maxSize:h,disabled:v}),z=y.getRootProps,A=y.getInputProps,O=y.isDragActive;return e.jsxs("div",{className:I,children:[e.jsxs("div",s.__assign({},z(),{className:m.default(F.root,v&&F.disabled,O&&F.active),children:[e.jsx("input",s.__assign({},A())),j||e.jsxs(e.Fragment,{children:[e.jsx(n.FileAdditionOne,{size:24,className:F.icon}),e.jsx(t.Regular14,{children:"Drag & Drop your file here or"}),e.jsx(u,{variation:"tertiary",size:"small",disabled:v,className:F.uploadButton,children:"Choose file"})]})]})),!x&&D&&e.jsx(t.Regular14,{className:m.default(F.description,v&&F.disabled),children:D}),x&&e.jsxs(t.Regular14,{className:F.error,children:[e.jsx(r.CautionFilledCustomIcon,{size:20}),x]})]})};
 //# sourceMappingURL=FilesDropzone.js.map

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

@@ -1,2 +1,2 @@
-"use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),s=require("react/jsx-runtime"),o=require("react"),n=require("prop-types"),i=require("classnames"),r=require("@material-ui/core"),c=require("../IconButton/index.js"),t=require("../Button/components/Button/index.js");require("moment-timezone"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var a=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.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");var l=require("./Icons/IconWarning.js"),u=require("../FileIcon/FileIcon.js"),d=require("./useStyles.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=m(n),j=m(i);function p(n){var i,m,f,p,I,h,q,g=n.size,x=n.unit,v=n.name,z=n.customUnitName,y=n.sizeBytes,C=n.handleCancel,B=n.onReload,N=n.onDelete,S=n.loadedBytes,F=n.error,b=n.errorText,w=n.formatError,L=n.importButtonType,k=n.isLoadingAnimation,P=n.showActions,A=d.useStyles(),E=o.useState({}),M=E[0],T=E[1],_=o.useState(0),U=_[0],O=_[1],R=o.useState(!0),D=R[0],W=R[1],G="large"===g,K=G?24:16,Z=G?"medium":"small";o.useEffect((function(){T(function(e,s,o){return"time"===s?{downloaded:0,unit:"min",convertedSize:e}:"custom"===s?{downloaded:0,unit:o,convertedSize:e}:e>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(e/Math.pow(10,5))/10}:e>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(e/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*e)/10}}(y,x,z))}),[y,x]),o.useEffect((function(){if(S&&y){var s=Math.round(S/y*100);T((function(o){return e.__assign(e.__assign({},o),{downloaded:Math.floor(o.convertedSize*s/10)/10})})),O(s)}}),[S,y]),o.useEffect((function(){var e;return N&&U>=100&&(W(!0),e=setTimeout((function(){W(!1)}),5e3)),function(){return e&&clearTimeout(e)}}),[U]),o.useEffect((function(){F&&(O(0),T((function(s){return e.__assign(e.__assign({},s),{downloaded:0})})))}),[F]);var H=o.useMemo((function(){var e,s;return[j.default(A.iconButton,((e={})[A.iconButtonLarge]=G,e)),j.default(A.actionIcon,((s={})[A.actionIconLarge]=G,s))]}),[G]),J=H[0],Q=H[1];return s.jsxs("div",{className:A.fileStateWrapper,children:[s.jsx("div",{className:A.fileIconContainer,children:s.jsx(u.FileIcon,{name:v,style:{fontSize:G?48:32}})}),s.jsxs("div",{className:A.fileState,children:[s.jsxs("div",{className:A.fileStateProgress,children:[s.jsx("div",{className:A.fileNameWrapper,children:s.jsx(r.Typography,{className:j.default(A.fileName,(i={},i[A.fileNameLarge]=G,i)),children:v.length>7?s.jsxs(s.Fragment,{children:[s.jsx("span",{className:A.firstPart,children:v.slice(0,v.length-7)}),s.jsx("span",{children:v.slice(-7)})]}):v})}),!k&&s.jsx(r.LinearProgress,{className:A.progressBar,variant:"determinate",value:U,classes:{colorPrimary:j.default(A.progressBackground,(m={},m[A.progressBarError]=F,m)),barColorPrimary:j.default(A.progressBarColor,(f={},f[A.progressBarError]=F,f))}}),s.jsxs("div",{className:A.loaderProgressContainer,children:[!k&&s.jsx(r.Typography,{className:j.default(A.fileSize,(p={},p[A.fileSizeLarge]=G,p)),component:"span",children:"".concat(M.downloaded," of ").concat(M.convertedSize," ").concat(M.unit)}),s.jsxs("div",{className:j.default(A.progressStatus,(I={},I[A.fileSizeLarge]=G,I)),children:[F&&s.jsxs(r.Typography,{component:"div",className:A.errorContainer,children:[s.jsx(l,{size:g}),s.jsx(r.Typography,{component:"span",className:j.default(A.errorText,(h={},h[A.fileSizeLarge]=G,h)),children:w?"Upload Error. Unacceptable file format.":"Upload Error".concat(b&&". ".concat(b))})]}),!F&&!k&&"".concat(U," %")]})]})]}),P&&s.jsxs("div",{className:A.fileActions,children:[U<100&&!F&&s.jsx(s.Fragment,{children:k?s.jsx("div",{className:j.default(A.loadingIcon,(q={},q[A.loadingLargeIcon]=G,q)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):s.jsx(c,{tooltipProps:{title:"Cancel"},className:J,onClick:function(){C(v),O(0),T((function(s){return e.__assign(e.__assign({},s),{downloaded:0})}))},size:Z,children:s.jsx(a.CloseSmallIcon,{className:Q,size:K})})}),100===U&&!F&&(!D&&N?s.jsx(c,{variant:"contained",tooltipProps:{title:"Delete"},className:J,onClick:N,size:Z,children:s.jsx(a.DeleteFourIcon,{className:Q,size:K})}):s.jsx(a.CheckOneIcon,{fill:"#75DB29",size:K,style:{marginLeft:12}})),B&&F&&s.jsx(s.Fragment,{children:w?s.jsx(s.Fragment,{children:"default"===L?s.jsx(t,{size:G?"medium":"small",variation:"primary",startIcon:s.jsx(a.UploadIcon,{}),onClick:B,children:"Import"}):s.jsx(c,{size:Z,tooltipProps:{title:"Import File"},className:J,onClick:B,children:s.jsx(a.UploadIcon,{size:K})})}):s.jsx(c,{size:Z,tooltipProps:{title:"Reload"},className:J,onClick:B,children:s.jsx(a.RedoIcon,{size:K})})})]})]})]})}var I={size:f.default.oneOf(["small","large"]),unit:f.default.oneOf(["size","time","custom"]),customUnitName:f.default.string,onDelete:f.default.func,onReload:f.default.func,handleCancel:f.default.func,name:f.default.string,sizeBytes:f.default.number,error:f.default.bool,errorText:f.default.string,formatError:f.default.bool,importButtonType:f.default.oneOf(["default","icon"]),loadedBytes:f.default.number.isRequired,isLoadingAnimation:f.default.bool,showActions:f.default.bool};p.propTypes=I,p.defaultProps={size:"small",unit:"size",onDelete:null,onReload:null,name:"",customUnitName:"",sizeBytes:1,error:null,errorText:"",formatError:!1,importButtonType:"default",handleCancel:null,isLoadingAnimation:!1,showActions:!0},module.exports=p;
+"use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),s=require("react/jsx-runtime"),o=require("react"),n=require("prop-types"),i=require("classnames"),r=require("@material-ui/core"),c=require("../IconButton/index.js"),t=require("../Button/components/Button/index.js");require("moment-timezone"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var a=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.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/Lasso.js");var l=require("./Icons/IconWarning.js"),u=require("../FileIcon/FileIcon.js"),d=require("./useStyles.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=m(n),j=m(i);function p(n){var i,m,f,p,I,h,q,g=n.size,x=n.unit,v=n.name,z=n.customUnitName,y=n.sizeBytes,C=n.handleCancel,B=n.onReload,N=n.onDelete,S=n.loadedBytes,F=n.error,b=n.errorText,L=n.formatError,w=n.importButtonType,k=n.isLoadingAnimation,P=n.showActions,A=d.useStyles(),E=o.useState({}),M=E[0],T=E[1],_=o.useState(0),U=_[0],O=_[1],R=o.useState(!0),D=R[0],W=R[1],G="large"===g,K=G?24:16,Z=G?"medium":"small";o.useEffect((function(){T(function(e,s,o){return"time"===s?{downloaded:0,unit:"min",convertedSize:e}:"custom"===s?{downloaded:0,unit:o,convertedSize:e}:e>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(e/Math.pow(10,5))/10}:e>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(e/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*e)/10}}(y,x,z))}),[y,x]),o.useEffect((function(){if(S&&y){var s=Math.round(S/y*100);T((function(o){return e.__assign(e.__assign({},o),{downloaded:Math.floor(o.convertedSize*s/10)/10})})),O(s)}}),[S,y]),o.useEffect((function(){var e;return N&&U>=100&&(W(!0),e=setTimeout((function(){W(!1)}),5e3)),function(){return e&&clearTimeout(e)}}),[U]),o.useEffect((function(){F&&(O(0),T((function(s){return e.__assign(e.__assign({},s),{downloaded:0})})))}),[F]);var H=o.useMemo((function(){var e,s;return[j.default(A.iconButton,((e={})[A.iconButtonLarge]=G,e)),j.default(A.actionIcon,((s={})[A.actionIconLarge]=G,s))]}),[G]),J=H[0],Q=H[1];return s.jsxs("div",{className:A.fileStateWrapper,children:[s.jsx("div",{className:A.fileIconContainer,children:s.jsx(u.FileIcon,{name:v,style:{fontSize:G?48:32}})}),s.jsxs("div",{className:A.fileState,children:[s.jsxs("div",{className:A.fileStateProgress,children:[s.jsx("div",{className:A.fileNameWrapper,children:s.jsx(r.Typography,{className:j.default(A.fileName,(i={},i[A.fileNameLarge]=G,i)),children:v.length>7?s.jsxs(s.Fragment,{children:[s.jsx("span",{className:A.firstPart,children:v.slice(0,v.length-7)}),s.jsx("span",{children:v.slice(-7)})]}):v})}),!k&&s.jsx(r.LinearProgress,{className:A.progressBar,variant:"determinate",value:U,classes:{colorPrimary:j.default(A.progressBackground,(m={},m[A.progressBarError]=F,m)),barColorPrimary:j.default(A.progressBarColor,(f={},f[A.progressBarError]=F,f))}}),s.jsxs("div",{className:A.loaderProgressContainer,children:[!k&&s.jsx(r.Typography,{className:j.default(A.fileSize,(p={},p[A.fileSizeLarge]=G,p)),component:"span",children:"".concat(M.downloaded," of ").concat(M.convertedSize," ").concat(M.unit)}),s.jsxs("div",{className:j.default(A.progressStatus,(I={},I[A.fileSizeLarge]=G,I)),children:[F&&s.jsxs(r.Typography,{component:"div",className:A.errorContainer,children:[s.jsx(l,{size:g}),s.jsx(r.Typography,{component:"span",className:j.default(A.errorText,(h={},h[A.fileSizeLarge]=G,h)),children:L?"Upload Error. Unacceptable file format.":"Upload Error".concat(b&&". ".concat(b))})]}),!F&&!k&&"".concat(U," %")]})]})]}),P&&s.jsxs("div",{className:A.fileActions,children:[U<100&&!F&&s.jsx(s.Fragment,{children:k?s.jsx("div",{className:j.default(A.loadingIcon,(q={},q[A.loadingLargeIcon]=G,q)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):s.jsx(c,{tooltipProps:{title:"Cancel"},className:J,onClick:function(){C(v),O(0),T((function(s){return e.__assign(e.__assign({},s),{downloaded:0})}))},size:Z,children:s.jsx(a.CloseSmallIcon,{className:Q,size:K})})}),100===U&&!F&&(!D&&N?s.jsx(c,{variant:"contained",tooltipProps:{title:"Delete"},className:J,onClick:N,size:Z,children:s.jsx(a.DeleteFourIcon,{className:Q,size:K})}):s.jsx(a.CheckOneIcon,{fill:"#75DB29",size:K,style:{marginLeft:12}})),B&&F&&s.jsx(s.Fragment,{children:L?s.jsx(s.Fragment,{children:"default"===w?s.jsx(t,{size:G?"medium":"small",variation:"primary",startIcon:s.jsx(a.UploadIcon,{}),onClick:B,children:"Import"}):s.jsx(c,{size:Z,tooltipProps:{title:"Import File"},className:J,onClick:B,children:s.jsx(a.UploadIcon,{size:K})})}):s.jsx(c,{size:Z,tooltipProps:{title:"Reload"},className:J,onClick:B,children:s.jsx(a.RedoIcon,{size:K})})})]})]})]})}var I={size:f.default.oneOf(["small","large"]),unit:f.default.oneOf(["size","time","custom"]),customUnitName:f.default.string,onDelete:f.default.func,onReload:f.default.func,handleCancel:f.default.func,name:f.default.string,sizeBytes:f.default.number,error:f.default.bool,errorText:f.default.string,formatError:f.default.bool,importButtonType:f.default.oneOf(["default","icon"]),loadedBytes:f.default.number.isRequired,isLoadingAnimation:f.default.bool,showActions:f.default.bool};p.propTypes=I,p.defaultProps={size:"small",unit:"size",onDelete:null,onReload:null,name:"",customUnitName:"",sizeBytes:1,error:null,errorText:"",formatError:!1,importButtonType:"default",handleCancel:null,isLoadingAnimation:!1,showActions:!0},module.exports=p;
 //# sourceMappingURL=FilesLoader.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("react/jsx-runtime"),e=require("classnames"),o=require("@material-ui/core"),c=require("../FileIcon/FileIcon.js"),i=require("../IconButton/index.js"),n=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.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");var r=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");var u=require("../MiddleTruncatedText/MiddleTruncatedText.js"),t=require("../Typography.js"),l=require("./utils.js"),a=require("./styles.js");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(e);exports.FilesLoaderV2=function(e){var m=e.formatProgress,d=void 0===m?l.formatSizeProgress:m,q=e.className,I=e.name,x=e.current,h=e.total,p=e.errorText,C=e.onCancel,F=e.onReload,v=e.onDelete,g=a.useStyles(),R=h>=0&&x>=0,k=Math.min(100,Math.ceil(x/h*100)),P=x>=h;return s.jsxs("div",{className:j.default(g.root,q),children:[s.jsx(c.FileIcon,{name:I,className:g.icon,strokeWidth:2}),s.jsxs("div",{className:g.content,children:[s.jsx(t.Regular14,{className:g.name,children:s.jsx(u.MiddleTruncatedText,{children:I},I)}),!p&&!P&&s.jsxs(s.Fragment,{children:[s.jsx(o.LinearProgress,{className:g.progressBar,variant:R?"determinate":void 0,value:k}),s.jsxs("div",{className:g.progressTextContainer,children:[s.jsx(t.Regular12,{className:g.progressText,children:d(h,x)}),R&&s.jsxs(t.Regular12,{className:g.progressText,children:[k,"%"]})]})]}),p&&s.jsxs(t.Regular14,{className:g.error,children:[s.jsx(r.CautionFilledCustomIcon,{size:16}),p]})]}),C&&!p&&!P&&s.jsx(i,{onClick:C,size:"small",tooltipProps:{title:"Cancel"},children:s.jsx(n.CloseIcon,{})}),v&&(p||P)&&s.jsx(i,{onClick:v,size:"small",tooltipProps:{title:"Remove File"},children:s.jsx(n.DeleteFourIcon,{})}),F&&p&&s.jsx(i,{onClick:F,size:"small",tooltipProps:{title:"Reload"},children:s.jsx(n.RedoIcon,{})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("react/jsx-runtime"),e=require("classnames"),o=require("@material-ui/core"),c=require("../FileIcon/FileIcon.js"),i=require("../IconButton/index.js"),n=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.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");var r=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/Lasso.js");var u=require("../MiddleTruncatedText/MiddleTruncatedText.js"),t=require("../Typography.js"),l=require("./utils.js"),a=require("./styles.js");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(e);exports.FilesLoaderV2=function(e){var m=e.formatProgress,d=void 0===m?l.formatSizeProgress:m,q=e.className,I=e.name,x=e.current,h=e.total,p=e.errorText,C=e.onCancel,F=e.onReload,v=e.onDelete,g=a.useStyles(),R=h>=0&&x>=0,k=Math.min(100,Math.ceil(x/h*100)),P=x>=h;return s.jsxs("div",{className:j.default(g.root,q),children:[s.jsx(c.FileIcon,{name:I,className:g.icon,strokeWidth:2}),s.jsxs("div",{className:g.content,children:[s.jsx(t.Regular14,{className:g.name,children:s.jsx(u.MiddleTruncatedText,{children:I},I)}),!p&&!P&&s.jsxs(s.Fragment,{children:[s.jsx(o.LinearProgress,{className:g.progressBar,variant:R?"determinate":void 0,value:k}),s.jsxs("div",{className:g.progressTextContainer,children:[s.jsx(t.Regular12,{className:g.progressText,children:d(h,x)}),R&&s.jsxs(t.Regular12,{className:g.progressText,children:[k,"%"]})]})]}),p&&s.jsxs(t.Regular14,{className:g.error,children:[s.jsx(r.CautionFilledCustomIcon,{size:16}),p]})]}),C&&!p&&!P&&s.jsx(i,{onClick:C,size:"small",tooltipProps:{title:"Cancel"},children:s.jsx(n.CloseIcon,{})}),v&&(p||P)&&s.jsx(i,{onClick:v,size:"small",tooltipProps:{title:"Remove File"},children:s.jsx(n.DeleteFourIcon,{})}),F&&p&&s.jsx(i,{onClick:F,size:"small",tooltipProps:{title:"Reload"},children:s.jsx(n.RedoIcon,{})})]})};
 //# sourceMappingURL=FilesLoaderV2.js.map

package/cjs-bundle/components/Formula/CloseSuggestion.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("@material-ui/core"),o=require("../Tooltip/Tooltip.js");require("../Tooltip/ScrollableTooltip.js");var c=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.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");var e=require("react/jsx-runtime"),i=s.makeStyles((function(s){return{buttonWrapper:{display:"flex",alignItems:"center",color:s.palette.primary.text7,"&:hover":{color:s.palette.primary.text1,cursor:"pointer"},marginLeft:"-24px",zIndex:999}}}));module.exports=function(s){var n=s.onClose,r=i();return e.jsx("div",{className:r.buttonWrapper,onClick:n,children:e.jsx(o.Tooltip,{title:"Clear",placement:"bottom",children:e.jsx(c.CloseSmallIcon,{size:16,strokeWidth:3})})})};
+"use strict";var s=require("@material-ui/core"),o=require("../Tooltip/Tooltip.js");require("../Tooltip/ScrollableTooltip.js");var c=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.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/Lasso.js");var e=require("react/jsx-runtime"),i=s.makeStyles((function(s){return{buttonWrapper:{display:"flex",alignItems:"center",color:s.palette.primary.text7,"&:hover":{color:s.palette.primary.text1,cursor:"pointer"},marginLeft:"-24px",zIndex:999}}}));module.exports=function(s){var n=s.onClose,r=i();return e.jsx("div",{className:r.buttonWrapper,onClick:n,children:e.jsx(o.Tooltip,{title:"Clear",placement:"bottom",children:e.jsx(c.CloseSmallIcon,{size:16,strokeWidth:3})})})};
 //# sourceMappingURL=CloseSuggestion.js.map

package/cjs-bundle/components/Formula/CloseSuggestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseSuggestion.js","sources":["../../../../src/components/Formula/CloseSuggestion.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nimport Tooltip from '~/components/Tooltip';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n  buttonWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    color: theme.palette.primary.text7,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n      cursor: 'pointer',\n    },\n    marginLeft: '-24px',\n    zIndex: 999,\n  },\n}));\n\nexport default function CloseSuggestion({ onClose }) {\n  const classes = useStyles();\n  return (\n    <div className={classes.buttonWrapper} onClick={onClose}>\n      <Tooltip title=\"Clear\" placement=\"bottom\">\n        <CloseSmallIcon size={16} strokeWidth={3} />\n      </Tooltip>\n    </div>\n  );\n}\n"],"names":["useStyles","makeStyles","theme","buttonWrapper","display","alignItems","color","palette","primary","text7","text1","cursor","marginLeft","zIndex","_ref","onClose","classes","_jsx","className","onClick","children","Tooltip","title","placement","CloseSmallIcon","size","strokeWidth"],"mappings":"01EAKMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,cAAe,CACbC,QAAS,OACTC,WAAY,SACZC,MAAOJ,EAAMK,QAAQC,QAAQC,MAC7B,UAAW,CACTH,MAAOJ,EAAMK,QAAQC,QAAQE,MAC7BC,OAAQ,WAEVC,WAAY,QACZC,OAAQ,KAEX,mBAEc,SAAsCC,GAAA,IAAXC,IAAAA,QAClCC,EAAUhB,IAChB,OACEiB,EAAAA,IAAA,MAAA,CAAKC,UAAWF,EAAQb,cAAegB,QAASJ,EAAQK,SACtDH,MAACI,UAAO,CAACC,MAAM,QAAQC,UAAU,SAAQH,SACvCH,MAACO,iBAAc,CAACC,KAAM,GAAIC,YAAa,OAI/C"}
+{"version":3,"file":"CloseSuggestion.js","sources":["../../../../src/components/Formula/CloseSuggestion.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nimport Tooltip from '~/components/Tooltip';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n  buttonWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    color: theme.palette.primary.text7,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n      cursor: 'pointer',\n    },\n    marginLeft: '-24px',\n    zIndex: 999,\n  },\n}));\n\nexport default function CloseSuggestion({ onClose }) {\n  const classes = useStyles();\n  return (\n    <div className={classes.buttonWrapper} onClick={onClose}>\n      <Tooltip title=\"Clear\" placement=\"bottom\">\n        <CloseSmallIcon size={16} strokeWidth={3} />\n      </Tooltip>\n    </div>\n  );\n}\n"],"names":["useStyles","makeStyles","theme","buttonWrapper","display","alignItems","color","palette","primary","text7","text1","cursor","marginLeft","zIndex","_ref","onClose","classes","_jsx","className","onClick","children","Tooltip","title","placement","CloseSmallIcon","size","strokeWidth"],"mappings":"44EAKMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,cAAe,CACbC,QAAS,OACTC,WAAY,SACZC,MAAOJ,EAAMK,QAAQC,QAAQC,MAC7B,UAAW,CACTH,MAAOJ,EAAMK,QAAQC,QAAQE,MAC7BC,OAAQ,WAEVC,WAAY,QACZC,OAAQ,KAEX,mBAEc,SAAsCC,GAAA,IAAXC,IAAAA,QAClCC,EAAUhB,IAChB,OACEiB,EAAAA,IAAA,MAAA,CAAKC,UAAWF,EAAQb,cAAegB,QAASJ,EAAQK,SACtDH,MAACI,UAAO,CAACC,MAAM,QAAQC,UAAU,SAAQH,SACvCH,MAACO,iBAAc,CAACC,KAAM,GAAIC,YAAa,OAI/C"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("react"),o=require("classnames"),i=require("@material-ui/core"),r=require("./utils.js"),n=require("./useFormulaFunction.js"),c=require("./useFormulaStyles.js"),u=require("./RootXIcon.js"),t=require("./FormulaTextEditor.js"),l=require("./CloseSuggestion.js"),a=require("./SuggestionsMenu.js"),m=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.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");var d=require("../../effects/useOutsideClick.js"),j=require("../Tooltip/Tooltip.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../Tooltip/ScrollableTooltip.js");var q=f(o),p=[{value:"*",isShift:!0,label:"8"},{value:"/",label:"/"},{value:"(",isShift:!0,label:"9"},{value:")",isShift:!0,label:"0"},{value:"+",isShift:!0,label:"+"},{value:"-",label:"-"},{value:"^",isShift:!0,label:"6"}],h=function(e,s,o){return s?o?e.palette.error.main:e.palette.primary.main:e.palette.primary.text7};module.exports=function(o){var f,v=o.suggestions,I=void 0===v?[]:v,x=o.initFormula,b=void 0===x?"":x,C=o.onSave,F=void 0===C?function(){}:C,S=s.useState(!0),g=S[0],y=S[1],N=s.useState(!1),k=N[0],T=N[1],W=s.useState(!1),A=W[0],E=W[1],O=s.useState(b),H=O[0],R=O[1],U=s.useState(0),M=U[0],P=U[1],V=s.useState(0),L=V[0],B=V[1],G=r.replaceStringToLabel(H,I),z=G.search("/f"),D=-1!==z,X=s.useMemo((function(){return I.map((function(e){return e.key}))}),[I]),Z=G.substring(z+"/f".length,M),w=s.useRef(),J=c.useFormulaStyles({isValue:!D&&!!H}),K=i.useTheme(),Q=n.useFormulaFunction(H,X),Y=Q.formulaFunction,$=Q.error;d(w,(function(){E(!1)}));var _=function(e){var s,o=I.find((function(s){return s.key===e}));T(!0),E(!0),R((function(s){return s.replace("".concat("/f").concat(Z),e?"[".concat(e,"]"):"")})),P(z+((null===(s=null==o?void 0:o.label)||void 0===s?void 0:s.length)||0))},ee=s.useCallback((function(e,s){M!==s&&P(s),e!==H&&(R(e),y(!1))}),[H,M]);return s.useEffect((function(){R(b)}),[b]),e.jsxs("div",{className:J.formulaContainer,children:[e.jsxs("div",{className:J.formulaHeaderWrapper,children:[e.jsxs("div",{className:J.formulaHeaderTextWrapper,children:[e.jsx(u,{color:h(K,A,$)}),e.jsx("div",{className:J.formulaHeaderText,style:{color:h(K,A,$)},children:"Formula Expression"})]}),e.jsxs("div",{className:J.formulaHeaderButtonWrapper,onClick:function(){D||(y(!1),R(""),P(0),T(!0))},children:[e.jsx(m.CloseSmallIcon,{strokeWidth:3,size:16}),e.jsx("div",{className:J.formulaHeaderText,children:"Clear"})]})]}),e.jsxs("div",{className:J.formulaEditorWrapper,children:[e.jsx("div",{ref:w,onClick:function(){E(!0)},children:e.jsx(t.default,{initFormula:H,cursorPos:M,color:h(K,A,$),suggestions:I,isValueUpdated:k,setIsValueUpdated:T,onChange:ee})}),D&&e.jsx(l,{onClose:function(){return _("")}})]}),D&&e.jsx(a,{suggestions:I,keyStr:Z,onAddSuggestion:_,onChangeHeight:B}),e.jsxs("div",{className:J.formulaFooterWrapper,style:{marginTop:D?-L:0},children:[e.jsx(m.InfoIcon,{className:J.formulaFooterIcon,strokeWidth:3,size:16}),e.jsx("div",{className:J.formulaFooterTextWrapper,children:e.jsxs("div",{className:J.formulaFooterText,children:["Type ",e.jsx("span",{className:J.funcText,children:"/f"})," to do add live channels to your equation. Use your keybord for numbers and"," ",e.jsx(j.Tooltip,{title:e.jsx("div",{className:J.tooltipWrapper,children:p.map((function(s){return e.jsxs("div",{className:J.tooltipLine,children:[e.jsx("span",{className:J.tooltipValue,children:s.value}),e.jsxs("div",{className:J.tooltipLabelContainer,children:[!!s.isShift&&e.jsx("span",{className:J.tooltipSymbol,children:"⇧"}),e.jsx("span",{children:s.label})]},s.value)]},s.value)}))}),placement:"bottom",children:e.jsx("span",{className:J.successColor,children:"math symbols"})})]})})]}),e.jsx(i.Button,{className:J.verifyButton,variant:"contained",color:"primary",onClick:function(){y(!0);var e=I.map((function(e){return e.key})).filter((function(e){return H&&H.includes(e)}));F({formula:H,variables:e,formulaFunc:Y})},disabled:g||!Y,children:"Verify"}),!!H&&e.jsx("span",{className:q.default(J.resultText,(f={},f[J.errorColor]=!!$,f[J.resultSuccessColor]=!$,f)),children:$?"The formula is not valid":"The formula is valid"})]})};
+"use strict";var s=require("react/jsx-runtime"),e=require("react"),o=require("classnames"),i=require("@material-ui/core"),r=require("./utils.js"),n=require("./useFormulaFunction.js"),c=require("./useFormulaStyles.js"),u=require("./RootXIcon.js"),t=require("./FormulaTextEditor.js"),l=require("./CloseSuggestion.js"),a=require("./SuggestionsMenu.js"),m=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.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/Lasso.js");var d=require("../../effects/useOutsideClick.js"),j=require("../Tooltip/Tooltip.js");function f(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}require("../Tooltip/ScrollableTooltip.js");var q=f(o),p=[{value:"*",isShift:!0,label:"8"},{value:"/",label:"/"},{value:"(",isShift:!0,label:"9"},{value:")",isShift:!0,label:"0"},{value:"+",isShift:!0,label:"+"},{value:"-",label:"-"},{value:"^",isShift:!0,label:"6"}],h=function(s,e,o){return e?o?s.palette.error.main:s.palette.primary.main:s.palette.primary.text7};module.exports=function(o){var f,I=o.suggestions,v=void 0===I?[]:I,x=o.initFormula,b=void 0===x?"":x,C=o.onSave,F=void 0===C?function(){}:C,S=e.useState(!0),g=S[0],y=S[1],N=e.useState(!1),k=N[0],T=N[1],W=e.useState(!1),A=W[0],E=W[1],O=e.useState(b),H=O[0],R=O[1],U=e.useState(0),L=U[0],M=U[1],P=e.useState(0),V=P[0],B=P[1],G=r.replaceStringToLabel(H,v),z=G.search("/f"),D=-1!==z,X=e.useMemo((function(){return v.map((function(s){return s.key}))}),[v]),Z=G.substring(z+"/f".length,L),w=e.useRef(),J=c.useFormulaStyles({isValue:!D&&!!H}),K=i.useTheme(),Q=n.useFormulaFunction(H,X),Y=Q.formulaFunction,$=Q.error;d(w,(function(){E(!1)}));var _=function(s){var e,o=v.find((function(e){return e.key===s}));T(!0),E(!0),R((function(e){return e.replace("".concat("/f").concat(Z),s?"[".concat(s,"]"):"")})),M(z+((null===(e=null==o?void 0:o.label)||void 0===e?void 0:e.length)||0))},ss=e.useCallback((function(s,e){L!==e&&M(e),s!==H&&(R(s),y(!1))}),[H,L]);return e.useEffect((function(){R(b)}),[b]),s.jsxs("div",{className:J.formulaContainer,children:[s.jsxs("div",{className:J.formulaHeaderWrapper,children:[s.jsxs("div",{className:J.formulaHeaderTextWrapper,children:[s.jsx(u,{color:h(K,A,$)}),s.jsx("div",{className:J.formulaHeaderText,style:{color:h(K,A,$)},children:"Formula Expression"})]}),s.jsxs("div",{className:J.formulaHeaderButtonWrapper,onClick:function(){D||(y(!1),R(""),M(0),T(!0))},children:[s.jsx(m.CloseSmallIcon,{strokeWidth:3,size:16}),s.jsx("div",{className:J.formulaHeaderText,children:"Clear"})]})]}),s.jsxs("div",{className:J.formulaEditorWrapper,children:[s.jsx("div",{ref:w,onClick:function(){E(!0)},children:s.jsx(t.default,{initFormula:H,cursorPos:L,color:h(K,A,$),suggestions:v,isValueUpdated:k,setIsValueUpdated:T,onChange:ss})}),D&&s.jsx(l,{onClose:function(){return _("")}})]}),D&&s.jsx(a,{suggestions:v,keyStr:Z,onAddSuggestion:_,onChangeHeight:B}),s.jsxs("div",{className:J.formulaFooterWrapper,style:{marginTop:D?-V:0},children:[s.jsx(m.InfoIcon,{className:J.formulaFooterIcon,strokeWidth:3,size:16}),s.jsx("div",{className:J.formulaFooterTextWrapper,children:s.jsxs("div",{className:J.formulaFooterText,children:["Type ",s.jsx("span",{className:J.funcText,children:"/f"})," to do add live channels to your equation. Use your keybord for numbers and"," ",s.jsx(j.Tooltip,{title:s.jsx("div",{className:J.tooltipWrapper,children:p.map((function(e){return s.jsxs("div",{className:J.tooltipLine,children:[s.jsx("span",{className:J.tooltipValue,children:e.value}),s.jsxs("div",{className:J.tooltipLabelContainer,children:[!!e.isShift&&s.jsx("span",{className:J.tooltipSymbol,children:"⇧"}),s.jsx("span",{children:e.label})]},e.value)]},e.value)}))}),placement:"bottom",children:s.jsx("span",{className:J.successColor,children:"math symbols"})})]})})]}),s.jsx(i.Button,{className:J.verifyButton,variant:"contained",color:"primary",onClick:function(){y(!0);var s=v.map((function(s){return s.key})).filter((function(s){return H&&H.includes(s)}));F({formula:H,variables:s,formulaFunc:Y})},disabled:g||!Y,children:"Verify"}),!!H&&s.jsx("span",{className:q.default(J.resultText,(f={},f[J.errorColor]=!!$,f[J.resultSuccessColor]=!$,f)),children:$?"The formula is not valid":"The formula is valid"})]})};
 //# sourceMappingURL=Formula.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),s=require("react/jsx-runtime"),n=require("@material-ui/core"),i=require("lodash"),o=require("react"),t=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.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");var r=require("../IconButton/index.js"),c=require("../GradientPicker/GradientPicker.js"),a=require("./configuration/constants.js"),u=require("./GradientList.js"),d=require("./GradientSelect.js"),l=require("./GradientManager.styles.js");exports.GradientManager=function(m){var I,j=m.gradientId,g=m.onGradientEditStateChange,q=void 0===g?i.noop:g,p=m.onChange,v=void 0===p?i.noop:p,h=m.defaultGradients,x=void 0===h?a.DEFAULT_GRADIENTS:h,S=m.defaultGradientStops,f=void 0===S?a.DEFAULT_GRADIENT_STOPS:S,G=m.allowNoname,C=m.scaleOptions,_=void 0===C?{scaleFrom:0,scaleTo:100}:C,b=m.className,F=l.useStyles(),E=new u.GradientList(m.gradients||[],x,m.onGradientsChange),k=o.useState(null),A=k[0],P=k[1],y=m.disableGradientsManagement||!m.onGradientsChange,D=E.getHelperText({name:null==A?void 0:A.name,allowNoname:G,gradientId:j});o.useEffect((function(){q(Boolean(A))}),[Boolean(A)]);var N=(null===(I=E.getById(j))||void 0===I?void 0:I.gradientStops)||m.gradientStops||f,T=function(){if(i.isEmpty(D)){var e=A.gradientStops,s=i.trim(A.name);if(P(null),s){if(E.getById(A.id||j))return E.update(j,{gradientStops:e,name:s}),void v({gradientId:j,gradientStops:e});var n=E.add(s,e);v({gradientId:null==n?void 0:n.id,gradientStops:e})}else G&&v({gradientStops:e,gradientId:null})}},M=function(e){e===j&&(v({gradientId:null,gradientStops:N}),P(null)),E.remove(e)},B=function(s){var n=s.trimStart().substring(0,a.GRADIENT_MAX_NAME_LENGTH);P(e.__assign(e.__assign({},A),{name:n}))};return s.jsxs(n.Grid,{container:!0,className:b,children:[s.jsx(n.Grid,{item:!0,xs:6,children:A?s.jsx(n.TextField,e.__assign({InputLabelProps:{shrink:!0},className:F.customGradientName,label:"Gradient Name",value:A.name,onChange:function(e){return B(e.target.value)},onFocus:function(e){e.target.select()},onKeyDown:function(e){var s;if("Enter"===e.key){var n=null===(s=e.target)||void 0===s?void 0:s.value;n&&(B(n),T())}},autoFocus:!0,fullWidth:!0},D)):s.jsx(d.GradientSelect,{value:j,gradients:m.gradients||[],onChange:function(e){var s,n=E.getById(e);v({gradientId:e,gradientStops:null!==(s=null==n?void 0:n.gradientStops)&&void 0!==s?s:f})},defaultGradients:x,onAction:function(e,s){switch(e){case"add":P({name:"",gradientStops:f,id:a.TEMP_GRADIENT_ID});break;case"delete":M(s)}},readonly:y})}),s.jsx(n.Grid,{item:!0,xs:6,children:s.jsx(n.Box,{display:"flex",alignItems:"center",height:"100%",children:s.jsx(n.Box,{display:"flex",paddingLeft:1,children:A?s.jsxs(s.Fragment,{children:[s.jsx(r,{"data-testid":"save-gradient-btn",onClick:T,tooltipProps:{title:"Save"},disabled:!!D||y,children:s.jsx(t.CheckSmallIcon,{})}),s.jsx(r,{"data-testid":"cancel-edit-btn",onClick:function(){P(null)},tooltipProps:{title:"Cancel"},children:s.jsx(t.CloseSmallIcon,{})})]}):s.jsxs(s.Fragment,{children:[s.jsx(r,{"data-testid":"edit-gradient-btn",onClick:function(){var e;E.isDefault(j)?P({name:E.newName(),gradientStops:N,id:a.TEMP_GRADIENT_ID}):P({name:(null===(e=E.getById(j))||void 0===e?void 0:e.name)||"",gradientStops:N})},tooltipProps:{title:"Edit"},disabled:y,children:s.jsx(t.WriteIcon,{})}),!!E.getById(j)&&!E.isDefault(j)&&s.jsx(r,{"data-testid":"delete-gradient-btn",onClick:function(){return M(j)},tooltipProps:{title:"Remove"},disabled:y,children:s.jsx(t.DeleteFourIcon,{})})]})})})}),s.jsx(n.Grid,{item:!0,xs:12,children:s.jsx(c.GradientPicker,{from:null==_?void 0:_.scaleFrom,to:null==_?void 0:_.scaleTo,unit:null==_?void 0:_.scaleUnit,noScale:!0,gradientStops:(null==A?void 0:A.gradientStops)||N,onChange:function(s){P(e.__assign(e.__assign({},A),{gradientStops:s}))},readonly:!A,isMoveInputVisible:!0})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),s=require("react/jsx-runtime"),n=require("@material-ui/core"),i=require("lodash"),o=require("react"),r=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.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/Lasso.js");var t=require("../IconButton/index.js"),c=require("../GradientPicker/GradientPicker.js"),a=require("./configuration/constants.js"),u=require("./GradientList.js"),d=require("./GradientSelect.js"),l=require("./GradientManager.styles.js");exports.GradientManager=function(m){var I,j=m.gradientId,g=m.onGradientEditStateChange,q=void 0===g?i.noop:g,p=m.onChange,v=void 0===p?i.noop:p,h=m.defaultGradients,x=void 0===h?a.DEFAULT_GRADIENTS:h,S=m.defaultGradientStops,f=void 0===S?a.DEFAULT_GRADIENT_STOPS:S,G=m.allowNoname,C=m.scaleOptions,_=void 0===C?{scaleFrom:0,scaleTo:100}:C,b=m.className,F=l.useStyles(),E=new u.GradientList(m.gradients||[],x,m.onGradientsChange),k=o.useState(null),A=k[0],P=k[1],y=m.disableGradientsManagement||!m.onGradientsChange,D=E.getHelperText({name:null==A?void 0:A.name,allowNoname:G,gradientId:j});o.useEffect((function(){q(Boolean(A))}),[Boolean(A)]);var N=(null===(I=E.getById(j))||void 0===I?void 0:I.gradientStops)||m.gradientStops||f,T=function(){if(i.isEmpty(D)){var e=A.gradientStops,s=i.trim(A.name);if(P(null),s){if(E.getById(A.id||j))return E.update(j,{gradientStops:e,name:s}),void v({gradientId:j,gradientStops:e});var n=E.add(s,e);v({gradientId:null==n?void 0:n.id,gradientStops:e})}else G&&v({gradientStops:e,gradientId:null})}},M=function(e){e===j&&(v({gradientId:null,gradientStops:N}),P(null)),E.remove(e)},B=function(s){var n=s.trimStart().substring(0,a.GRADIENT_MAX_NAME_LENGTH);P(e.__assign(e.__assign({},A),{name:n}))};return s.jsxs(n.Grid,{container:!0,className:b,children:[s.jsx(n.Grid,{item:!0,xs:6,children:A?s.jsx(n.TextField,e.__assign({InputLabelProps:{shrink:!0},className:F.customGradientName,label:"Gradient Name",value:A.name,onChange:function(e){return B(e.target.value)},onFocus:function(e){e.target.select()},onKeyDown:function(e){var s;if("Enter"===e.key){var n=null===(s=e.target)||void 0===s?void 0:s.value;n&&(B(n),T())}},autoFocus:!0,fullWidth:!0},D)):s.jsx(d.GradientSelect,{value:j,gradients:m.gradients||[],onChange:function(e){var s,n=E.getById(e);v({gradientId:e,gradientStops:null!==(s=null==n?void 0:n.gradientStops)&&void 0!==s?s:f})},defaultGradients:x,onAction:function(e,s){switch(e){case"add":P({name:"",gradientStops:f,id:a.TEMP_GRADIENT_ID});break;case"delete":M(s)}},readonly:y})}),s.jsx(n.Grid,{item:!0,xs:6,children:s.jsx(n.Box,{display:"flex",alignItems:"center",height:"100%",children:s.jsx(n.Box,{display:"flex",paddingLeft:1,children:A?s.jsxs(s.Fragment,{children:[s.jsx(t,{"data-testid":"save-gradient-btn",onClick:T,tooltipProps:{title:"Save"},disabled:!!D||y,children:s.jsx(r.CheckSmallIcon,{})}),s.jsx(t,{"data-testid":"cancel-edit-btn",onClick:function(){P(null)},tooltipProps:{title:"Cancel"},children:s.jsx(r.CloseSmallIcon,{})})]}):s.jsxs(s.Fragment,{children:[s.jsx(t,{"data-testid":"edit-gradient-btn",onClick:function(){var e;E.isDefault(j)?P({name:E.newName(),gradientStops:N,id:a.TEMP_GRADIENT_ID}):P({name:(null===(e=E.getById(j))||void 0===e?void 0:e.name)||"",gradientStops:N})},tooltipProps:{title:"Edit"},disabled:y,children:s.jsx(r.WriteIcon,{})}),!!E.getById(j)&&!E.isDefault(j)&&s.jsx(t,{"data-testid":"delete-gradient-btn",onClick:function(){return M(j)},tooltipProps:{title:"Remove"},disabled:y,children:s.jsx(r.DeleteFourIcon,{})})]})})})}),s.jsx(n.Grid,{item:!0,xs:12,children:s.jsx(c.GradientPicker,{from:null==_?void 0:_.scaleFrom,to:null==_?void 0:_.scaleTo,unit:null==_?void 0:_.scaleUnit,noScale:!0,gradientStops:(null==A?void 0:A.gradientStops)||N,onChange:function(s){P(e.__assign(e.__assign({},A),{gradientStops:s}))},readonly:!A,isMoveInputVisible:!0})})]})};
 //# sourceMappingURL=GradientManager.js.map

package/cjs-bundle/components/GradientManager/GradientSelect.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@material-ui/core"),i=require("@material-ui/icons/AddCircle"),o=require("react"),n=require("classnames"),c=require("lodash"),r=require("./GradientPreview/GradientPreview.js"),t=require("../Select/index.js"),u=require("../IconButton/index.js"),a=require("./GradientSelect.styles.js"),l=require("../../icons/iconParkIcons.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../icons/customIcons/icons/AddMessage.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");var m=d(i),j=d(n);exports.GradientSelect=function(i){var n=i.value,d=i.gradients,q=i.onChange,I=i.defaultGradients,p=i.onAction,h=i.readonly,v=a.useStyles(),x=o.useState(!1),f=x[0],C=x[1],G=function(e){var s,i;if(e.stopPropagation(),!h){var o=null===(i=null===(s=e.currentTarget.closest("li"))||void 0===s?void 0:s.dataset)||void 0===i?void 0:i.value;n===o&&C(!1),p("delete",o)}},b=c.isEmpty(d)&&h;return e.jsxs(t,{"data-testid":"gradient-select",label:"Gradients",value:n||"",className:v.select,onChange:function(e){var s=e.target;s.value&&q(s.value)},open:f,onClose:function(){return C(!1)},onOpen:function(){return C(!0)},inputProps:{name:"gradientId",id:"gradientId"},FormControlProps:{fullWidth:!0},fullWidth:!0,defaultValue:"",InputLabelProps:{shrink:!0},children:[e.jsx(s.ListSubheader,{className:v.listHeader,children:"Gradients"}),!b&&e.jsxs(s.ListSubheader,{className:v.subHeader,children:["My Gradients",!h&&e.jsx(u,{color:"primary","data-testid":"add-gradient-btn",className:v.addButton,onClick:function(){return p("add")},tooltipProps:{title:"Create Custom Gradient"},children:e.jsx(m.default,{color:"primary"})})]}),d.map((function(i){var o=i.id,n=i.name,c=i.gradientStops;return e.jsxs(s.MenuItem,{value:o,className:v.customGradientListItem,children:[e.jsx(r.GradientPreview,{gradientStops:c}),e.jsx("span",{children:n}),e.jsx(u,{className:j.default({disabled:h}),onClick:G,tooltipProps:{title:"Remove Gradient"},size:"medium",children:e.jsx(l.DeleteFourIcon,{})})]},o)})),!c.isEmpty(I)&&e.jsx(s.ListSubheader,{className:v.subHeader,children:"Default Gradients"}),I.map((function(i){var o=i.id,n=i.name,c=i.gradientStops;return e.jsxs(s.MenuItem,{value:o,className:v.customGradientListItem,children:[e.jsx(r.GradientPreview,{gradientStops:c}),e.jsx("span",{children:n})]},o)}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@material-ui/core"),i=require("@material-ui/icons/AddCircle"),o=require("react"),n=require("classnames"),c=require("lodash"),r=require("./GradientPreview/GradientPreview.js"),t=require("../Select/index.js"),u=require("../IconButton/index.js"),a=require("./GradientSelect.styles.js"),l=require("../../icons/iconParkIcons.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../icons/customIcons/icons/AddMessage.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/Lasso.js");var m=d(i),j=d(n);exports.GradientSelect=function(i){var n=i.value,d=i.gradients,q=i.onChange,I=i.defaultGradients,p=i.onAction,h=i.readonly,v=a.useStyles(),x=o.useState(!1),f=x[0],C=x[1],G=function(e){var s,i;if(e.stopPropagation(),!h){var o=null===(i=null===(s=e.currentTarget.closest("li"))||void 0===s?void 0:s.dataset)||void 0===i?void 0:i.value;n===o&&C(!1),p("delete",o)}},b=c.isEmpty(d)&&h;return e.jsxs(t,{"data-testid":"gradient-select",label:"Gradients",value:n||"",className:v.select,onChange:function(e){var s=e.target;s.value&&q(s.value)},open:f,onClose:function(){return C(!1)},onOpen:function(){return C(!0)},inputProps:{name:"gradientId",id:"gradientId"},FormControlProps:{fullWidth:!0},fullWidth:!0,defaultValue:"",InputLabelProps:{shrink:!0},children:[e.jsx(s.ListSubheader,{className:v.listHeader,children:"Gradients"}),!b&&e.jsxs(s.ListSubheader,{className:v.subHeader,children:["My Gradients",!h&&e.jsx(u,{color:"primary","data-testid":"add-gradient-btn",className:v.addButton,onClick:function(){return p("add")},tooltipProps:{title:"Create Custom Gradient"},children:e.jsx(m.default,{color:"primary"})})]}),d.map((function(i){var o=i.id,n=i.name,c=i.gradientStops;return e.jsxs(s.MenuItem,{value:o,className:v.customGradientListItem,children:[e.jsx(r.GradientPreview,{gradientStops:c}),e.jsx("span",{children:n}),e.jsx(u,{className:j.default({disabled:h}),onClick:G,tooltipProps:{title:"Remove Gradient"},size:"medium",children:e.jsx(l.DeleteFourIcon,{})})]},o)})),!c.isEmpty(I)&&e.jsx(s.ListSubheader,{className:v.subHeader,children:"Default Gradients"}),I.map((function(i){var o=i.id,n=i.name,c=i.gradientStops;return e.jsxs(s.MenuItem,{value:o,className:v.customGradientListItem,children:[e.jsx(r.GradientPreview,{gradientStops:c}),e.jsx("span",{children:n})]},o)}))]})};
 //# sourceMappingURL=GradientSelect.js.map