@corva/ui 3.50.0-3 → 3.50.0-5

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("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../componentsV2/Text/Text.js"),require("../../../componentsV2/Grid/Grid.js"),require("../../../componentsV2/Grid/Cell.js"),require("@babel/runtime/helpers/defineProperty"),require("classnames"),require("../../../componentsV2/Header/Header.scss.js"),require("../../../componentsV2/Button/Button.js"),require("../../../componentsV2/ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties");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("@babel/runtime/helpers/toConsumableArray"),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.js"),require("../../../componentsV2/Modal/Modal.scss.js"),require("../../../componentsV2/Menu/Menu.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/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../componentsV2/utils.js"),require("../../../componentsV2/Hint/Hint.scss.js"),require("../../../componentsV2/Counter/Counter.js"),require("../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../../componentsV2/TemplatesControl/utils.js"),require("../../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../../componentsV2/TemplatesControl/Store/utils.js"),require("../../../componentsV2/TemplatesControl/types.js"),require("../../../utils/index.js"),require("../../../permissions/PermissionsContext.js"),require("../../../permissions/constants/index.js"),require("../../../permissions/withPermissionsHOC.js"),require("../../../permissions/ProvidePermissions.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("../../../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("immutable"),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("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("../../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../componentsV2/AppCommonsProvider/AppCommonsProvider.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("../../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../../utils/env.js"),require("../../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../../clients/api/apiCore.js"),require("../../../clients/constants.js"),require("../../../clients/sso/auth0.js"),require("../../../clients/sso/oauth2.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.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("../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../../componentsV2/Slider/constants.js"),require("../../../componentsV2/Slider/components/SliderThumb.js"),require("../../../componentsV2/Slider/Slider.scss.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 q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=q(e),j=q(o),A=q(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,q=e.openCommentList,j=e.feedItem,V=e.currentUser,v=j.comments,I=v.length,g=I>3,D=s.useState(!1),S=d.default(D,2),h=S[0],f=S[1],b=s.useState(!1),x=d.default(b,2),P=x[0],T=x[1],L=s.useState(!1),H=d.default(L,2),B=H[0],M=H[1],F=s.useState(null),k=d.default(F,2),y=k[0],R=k[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&&!y){var e=E.current.clientHeight;R(e),T(!0)}y&&!B&&(R(null),T(!1))}),[W.length,y,B]);var G=m.useIsInsideIsolatedDcApp(),O=C({commentsListHeight:y,isAllCommentsVisibleKeyPressed:B,isInsideDcApp:G});return a.jsxs("div",{className:(n||!!I)&&O.feedCommentsContainer,children:[n&&!l.isNativeDetected&&a.jsx(p,{inputRef:w,postComment:function(e){u.postFeedItemComment(j.id,e)},setIsPosting:f,companyId:j.company_id,autoFocus:!1,currentUser:V,parentId:"".concat(j.id,"-").concat(null===(o=j.comments)||void 0===o?void 0:o.size)}),q&&a.jsxs("div",{className:O.feedCommentsList,children:[a.jsx("div",{className:O.feedCommentsListContentWrapper,children:a.jsxs("div",{className:O.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)})),y&&a.jsx("div",{className:O.gradient})]})}),g&&a.jsx(t.Typography,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:O.showMore,onClick:function(){M(!B)},children:B?"Hide older comments":"See all comments"})]}),h&&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("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../componentsV2/Text/Text.js"),require("../../../componentsV2/Grid/Grid.js"),require("../../../componentsV2/Grid/Cell.js"),require("@babel/runtime/helpers/defineProperty"),require("classnames"),require("../../../componentsV2/Header/Header.scss.js"),require("../../../componentsV2/Button/Button.js"),require("../../../componentsV2/ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties");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("@babel/runtime/helpers/toConsumableArray"),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.js"),require("../../../componentsV2/Modal/Modal.scss.js"),require("../../../componentsV2/Menu/Menu.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/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../componentsV2/utils.js"),require("../../../componentsV2/Hint/Hint.scss.js"),require("../../../componentsV2/Counter/Counter.js"),require("../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../../componentsV2/TemplatesControl/utils.js"),require("../../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../../componentsV2/TemplatesControl/Store/utils.js"),require("../../../componentsV2/TemplatesControl/types.js"),require("../../../utils/index.js"),require("../../../permissions/PermissionsContext.js"),require("../../../permissions/constants/index.js"),require("../../../permissions/withPermissionsHOC.js"),require("../../../permissions/ProvidePermissions.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("../../../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("immutable"),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("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("../../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../componentsV2/AppCommonsProvider/AppCommonsProvider.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("../../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../../utils/env.js"),require("../../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../../clients/api/apiCore.js"),require("../../../clients/constants.js"),require("../../../clients/sso/auth0.js"),require("../../../clients/sso/oauth2.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.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("../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../../componentsV2/Slider/constants.js"),require("../../../componentsV2/Slider/components/SliderThumb.js"),require("../../../componentsV2/Slider/Slider.scss.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 q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=q(e),j=q(o),A=q(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,q=e.openCommentList,j=e.feedItem,V=e.currentUser,v=j.comments,I=v.length,g=I>3,D=s.useState(!1),S=d.default(D,2),h=S[0],f=S[1],b=s.useState(!1),x=d.default(b,2),P=x[0],T=x[1],L=s.useState(!1),H=d.default(L,2),B=H[0],M=H[1],F=s.useState(null),k=d.default(F,2),y=k[0],R=k[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&&!y){var e=E.current.clientHeight;R(e),T(!0)}y&&!B&&(R(null),T(!1))}),[W.length,y,B]);var G=m.useIsInsideIsolatedDcApp(),O=C({commentsListHeight:y,isAllCommentsVisibleKeyPressed:B,isInsideDcApp:G});return a.jsxs("div",{className:(n||!!I)&&O.feedCommentsContainer,children:[n&&!l.isNativeDetected&&a.jsx(u,{inputRef:w,postComment:function(e){p.postFeedItemComment(j.id,e)},setIsPosting:f,companyId:j.company_id,autoFocus:!1,currentUser:V,parentId:"".concat(j.id,"-").concat(null===(o=j.comments)||void 0===o?void 0:o.size)}),q&&a.jsxs("div",{className:O.feedCommentsList,children:[a.jsx("div",{className:O.feedCommentsListContentWrapper,children:a.jsxs("div",{className:O.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)})),y&&a.jsx("div",{className:O.gradient})]})}),g&&a.jsx(t.Typography,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:O.showMore,onClick:function(){M(!B)},children:B?"Hide older comments":"See all comments"})]}),h&&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/FilesLoader/FilesLoader.js

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../utils/index.js");var e=require("../../utils/formatFileSize.js");exports.formatSizeProgress=function(r,t){return r>=0&&t>=0?"".concat(e.formatFileSize(t)," of ").concat(e.formatFileSize(r)):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../utils/index.js");var e=require("../../utils/formatFileSize.js");exports.formatSizeProgress=function(r,i){return void 0!==r&&r>=0&&void 0!==i&&i>=0?"".concat(e.formatFileSize(i)," of ").concat(e.formatFileSize(r)):null};
 //# sourceMappingURL=utils.js.map

package/cjs-bundle/components/FilesProcessor/Processor.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/regenerator"),n=require("react/jsx-runtime"),a=require("react"),u=require("../FilesLoaderV2/FilesLoaderV2.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=c(e),l=c(r),s=c(t);exports.Processor=function(e){var r=e.onStatusChange,t=e.file,c=e.processFile,i=e.onDelete,f=e.formatProgress,d=a.useState({total:0,current:0}),p=l.default(d,2),b=p[0],v=p[1],m=a.useState(),x=l.default(m,2),k=x[0],C=x[1],g=a.useState(!1),h=l.default(g,2),q=h[0],y=h[1],S=a.useState(),j=l.default(S,2),F=j[0],P=j[1],w=a.useCallback((function(e,r){v({total:e,current:r})}),[]),E=a.useMemo((function(){if(F)return function(){F(),y(!0),r({success:!1,cancelled:!0,file:t})}}),[F]),L=a.useCallback((function(){var e=!1;return function(){var t=o.default(s.default.mark((function t(n){var a,u,o,l;return s.default.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,a=function(){e||w.apply(void 0,arguments)},u=function(r){P((function(){return function(){e=!0,r()}}))},t.next=5,c(n,a,u);case 5:if(o=t.sent,!e){t.next=8;break}return t.abrupt("return");case 8:v((function(e){var r=e.total;return{total:r,current:r}})),r({success:!0,cancelled:!1,data:o,file:n}),t.next=19;break;case 12:if(t.prev=12,t.t0=t.catch(0),!e){t.next=16;break}return t.abrupt("return");case 16:l=t.t0 instanceof Error?t.t0:new Error(String(t.t0)),C(l),r({success:!1,cancelled:!1,error:l,file:n});case 19:case"end":return t.stop()}}),t,null,[[0,12]])})));return function(e){return t.apply(this,arguments)}}()}),[c,r]),T=a.useCallback((function(){C(void 0),y(!1),r({file:t,success:!1,data:void 0,error:void 0,cancelled:!1}),L()(t)}),[t,L,r]),V=a.useCallback((function(){i(t)}),[i,t]);a.useEffect((function(){L()(t)}),[t,L]);var D=k?null==k?void 0:k.message:q?"Cancelled":null;return n.jsx(u.FilesLoaderV2,{name:t.name,total:b.total,current:b.current,errorText:D,onCancel:E,onReload:T,onDelete:V,formatProgress:f})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/regenerator"),n=require("react/jsx-runtime"),a=require("react"),u=require("../FilesLoaderV2/FilesLoaderV2.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=c(e),l=c(r),s=c(t);exports.Processor=function(e){var r=e.onStatusChange,t=e.file,c=e.processFile,i=e.onDelete,f=e.formatProgress,d=a.useState({total:0,current:0}),p=l.default(d,2),v=p[0],b=p[1],m=a.useState(),x=l.default(m,2),k=x[0],C=x[1],g=a.useState(!1),h=l.default(g,2),q=h[0],y=h[1],S=a.useState(),j=l.default(S,2),F=j[0],P=j[1],w=a.useCallback((function(e,r){b({total:e,current:r})}),[]),E=a.useMemo((function(){if(F)return function(){F(),y(!0),r({success:!1,cancelled:!0,file:t})}}),[F]),L=a.useCallback((function(){var e=!1;return function(){var t=o.default(s.default.mark((function t(n){var a,u,o,l;return s.default.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,a=function(){e||w.apply(void 0,arguments)},u=function(r){P((function(){return function(){e=!0,r()}}))},t.next=5,c(n,a,u);case 5:if(o=t.sent,!e){t.next=8;break}return t.abrupt("return");case 8:b((function(e){var r=e.total;return{total:r,current:r}})),r({success:!0,cancelled:!1,data:o,file:n}),t.next=19;break;case 12:if(t.prev=12,t.t0=t.catch(0),!e){t.next=16;break}return t.abrupt("return");case 16:l=t.t0 instanceof Error?t.t0:new Error(String(t.t0)),C(l),r({success:!1,cancelled:!1,error:l,file:n});case 19:case"end":return t.stop()}}),t,null,[[0,12]])})));return function(e){return t.apply(this,arguments)}}()}),[c,r]),T=a.useCallback((function(){C(void 0),y(!1),r({file:t,success:!1,data:void 0,error:void 0,cancelled:!1}),L()(t)}),[t,L,r]),V=a.useCallback((function(){i(t)}),[i,t]);a.useEffect((function(){L()(t)}),[t,L]);var D=k?null==k?void 0:k.message:q?"Cancelled":null;return n.jsx(u.FilesLoaderV2,{name:t.name,total:v.total,current:v.current,errorText:null!=D?D:void 0,onCancel:E,onReload:T,onDelete:V,formatProgress:f})};
 //# sourceMappingURL=Processor.js.map

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),o=require("react/jsx-runtime"),i=require("react"),r=require("classnames"),n=require("@material-ui/core"),c=require("./utils.js"),u=require("./useFormulaFunction.js"),t=require("./useFormulaStyles.js"),l=require("./RootXIcon.js"),a=require("./FormulaTextEditor.js"),m=require("./CloseSuggestion.js"),d=require("./SuggestionsMenu.js"),j=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/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js");var f=require("../../effects/useOutsideClick.js"),q=require("../Tooltip/Tooltip.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../Tooltip/ScrollableTooltip.js");var h=p(e),I=p(s),v=p(r),x=[{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"}],b=function(e,s,o){return s?o?e.palette.error.main:e.palette.primary.main:e.palette.primary.text7};module.exports=function(e){var s,r=e.suggestions,p=void 0===r?[]:r,C=e.initFormula,F=void 0===C?"":C,S=e.onSave,g=void 0===S?function(){}:S,y=i.useState(!0),N=I.default(y,2),T=N[0],k=N[1],W=i.useState(!1),A=I.default(W,2),E=A[0],O=A[1],R=i.useState(!1),H=I.default(R,2),P=H[0],U=H[1],L=i.useState(F),M=I.default(L,2),V=M[0],B=M[1],D=i.useState(0),G=I.default(D,2),z=G[0],X=G[1],Z=i.useState(0),w=I.default(Z,2),J=w[0],K=w[1],Q=c.replaceStringToLabel(V,p),Y=Q.search("/f"),$=-1!==Y,_=i.useMemo((function(){return p.map((function(e){return e.key}))}),[p]),ee=Q.substring(Y+"/f".length,z),se=i.useRef(),oe=t.useFormulaStyles({isValue:!$&&!!V}),ie=n.useTheme(),re=u.useFormulaFunction(V,_),ne=re.formulaFunction,ce=re.error;f(se,(function(){U(!1)}));var ue=function(e){var s,o=p.find((function(s){return s.key===e}));O(!0),U(!0),B((function(s){return s.replace("".concat("/f").concat(ee),e?"[".concat(e,"]"):"")})),X(Y+((null==o||null===(s=o.label)||void 0===s?void 0:s.length)||0))},te=i.useCallback((function(e,s){z!==s&&X(s),e!==V&&(B(e),k(!1))}),[V,z]);return i.useEffect((function(){B(F)}),[F]),o.jsxs("div",{className:oe.formulaContainer,children:[o.jsxs("div",{className:oe.formulaHeaderWrapper,children:[o.jsxs("div",{className:oe.formulaHeaderTextWrapper,children:[o.jsx(l,{color:b(ie,P,ce)}),o.jsx("div",{className:oe.formulaHeaderText,style:{color:b(ie,P,ce)},children:"Formula Expression"})]}),o.jsxs("div",{className:oe.formulaHeaderButtonWrapper,onClick:function(){$||(k(!1),B(""),X(0),O(!0))},children:[o.jsx(j.CloseSmallIcon,{strokeWidth:3,size:16}),o.jsx("div",{className:oe.formulaHeaderText,children:"Clear"})]})]}),o.jsxs("div",{className:oe.formulaEditorWrapper,children:[o.jsx("div",{ref:se,onClick:function(){U(!0)},children:o.jsx(a.default,{initFormula:V,cursorPos:z,color:b(ie,P,ce),suggestions:p,isValueUpdated:E,setIsValueUpdated:O,onChange:te})}),$&&o.jsx(m,{onClose:function(){return ue("")}})]}),$&&o.jsx(d,{suggestions:p,keyStr:ee,onAddSuggestion:ue,onChangeHeight:K}),o.jsxs("div",{className:oe.formulaFooterWrapper,style:{marginTop:$?-J:0},children:[o.jsx(j.InfoIcon,{className:oe.formulaFooterIcon,strokeWidth:3,size:16}),o.jsx("div",{className:oe.formulaFooterTextWrapper,children:o.jsxs("div",{className:oe.formulaFooterText,children:["Type ",o.jsx("span",{className:oe.funcText,children:"/f"})," to do add live channels to your equation. Use your keybord for numbers and"," ",o.jsx(q.Tooltip,{title:o.jsx("div",{className:oe.tooltipWrapper,children:x.map((function(e){return o.jsxs("div",{className:oe.tooltipLine,children:[o.jsx("span",{className:oe.tooltipValue,children:e.value}),o.jsxs("div",{className:oe.tooltipLabelContainer,children:[!!e.isShift&&o.jsx("span",{className:oe.tooltipSymbol,children:"⇧"}),o.jsx("span",{children:e.label})]},e.value)]},e.value)}))}),placement:"bottom",children:o.jsx("span",{className:oe.successColor,children:"math symbols"})})]})})]}),o.jsx(n.Button,{className:oe.verifyButton,variant:"contained",color:"primary",onClick:function(){k(!0);var e=p.map((function(e){return e.key})).filter((function(e){return V&&V.includes(e)}));g({formula:V,variables:e,formulaFunc:ne})},disabled:T||!ne,children:"Verify"}),!!V&&o.jsx("span",{className:v.default(oe.resultText,(s={},h.default(s,oe.errorColor,!!ce),h.default(s,oe.resultSuccessColor,!ce),s)),children:ce?"The formula is not valid":"The formula is valid"})]})};
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),o=require("react/jsx-runtime"),i=require("react"),r=require("classnames"),n=require("@material-ui/core"),c=require("./utils.js"),u=require("./useFormulaFunction.js"),t=require("./useFormulaStyles.js"),l=require("./RootXIcon.js"),a=require("./FormulaTextEditor.js"),m=require("./CloseSuggestion.js"),d=require("./SuggestionsMenu.js"),j=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/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js");var f=require("../../effects/useOutsideClick.js"),q=require("../Tooltip/Tooltip.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../Tooltip/ScrollableTooltip.js");var h=p(e),I=p(s),v=p(r),x=[{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"}],b=function(e,s,o){return s?o?e.palette.error.main:e.palette.primary.main:e.palette.primary.text7};module.exports=function(e){var s,r=e.suggestions,p=void 0===r?[]:r,C=e.initFormula,F=void 0===C?"":C,S=e.onSave,g=void 0===S?function(){}:S,y=i.useState(!0),N=I.default(y,2),T=N[0],k=N[1],W=i.useState(!1),A=I.default(W,2),E=A[0],O=A[1],R=i.useState(!1),H=I.default(R,2),P=H[0],U=H[1],L=i.useState(F),M=I.default(L,2),V=M[0],B=M[1],D=i.useState(0),G=I.default(D,2),z=G[0],X=G[1],Z=i.useState(0),w=I.default(Z,2),J=w[0],K=w[1],Q=c.replaceStringToLabel(V,p),Y=Q.search("/f"),$=-1!==Y,_=i.useMemo((function(){return p.map((function(e){return e.key}))}),[p]),ee=Q.substring(Y+"/f".length,z),se=i.useRef(null),oe=t.useFormulaStyles({isValue:!$&&!!V}),ie=n.useTheme(),re=u.useFormulaFunction(V,_),ne=re.formulaFunction,ce=re.error;f(se,(function(){U(!1)}));var ue=function(e){var s,o=p.find((function(s){return s.key===e}));O(!0),U(!0),B((function(s){return s.replace("".concat("/f").concat(ee),e?"[".concat(e,"]"):"")})),X(Y+((null==o||null===(s=o.label)||void 0===s?void 0:s.length)||0))},te=i.useCallback((function(e,s){z!==s&&X(s),e!==V&&(B(e),k(!1))}),[V,z]);return i.useEffect((function(){B(F)}),[F]),o.jsxs("div",{className:oe.formulaContainer,children:[o.jsxs("div",{className:oe.formulaHeaderWrapper,children:[o.jsxs("div",{className:oe.formulaHeaderTextWrapper,children:[o.jsx(l,{color:b(ie,P,ce)}),o.jsx("div",{className:oe.formulaHeaderText,style:{color:b(ie,P,ce)},children:"Formula Expression"})]}),o.jsxs("div",{className:oe.formulaHeaderButtonWrapper,onClick:function(){$||(k(!1),B(""),X(0),O(!0))},children:[o.jsx(j.CloseSmallIcon,{strokeWidth:3,size:16}),o.jsx("div",{className:oe.formulaHeaderText,children:"Clear"})]})]}),o.jsxs("div",{className:oe.formulaEditorWrapper,children:[o.jsx("div",{ref:se,onClick:function(){U(!0)},children:o.jsx(a.default,{initFormula:V,cursorPos:z,color:b(ie,P,ce),suggestions:p,isValueUpdated:E,setIsValueUpdated:O,onChange:te})}),$&&o.jsx(m,{onClose:function(){return ue("")}})]}),$&&o.jsx(d,{suggestions:p,keyStr:ee,onAddSuggestion:ue,onChangeHeight:K}),o.jsxs("div",{className:oe.formulaFooterWrapper,style:{marginTop:$?-J:0},children:[o.jsx(j.InfoIcon,{className:oe.formulaFooterIcon,strokeWidth:3,size:16}),o.jsx("div",{className:oe.formulaFooterTextWrapper,children:o.jsxs("div",{className:oe.formulaFooterText,children:["Type ",o.jsx("span",{className:oe.funcText,children:"/f"})," to do add live channels to your equation. Use your keybord for numbers and"," ",o.jsx(q.Tooltip,{title:o.jsx("div",{className:oe.tooltipWrapper,children:x.map((function(e){return o.jsxs("div",{className:oe.tooltipLine,children:[o.jsx("span",{className:oe.tooltipValue,children:e.value}),o.jsxs("div",{className:oe.tooltipLabelContainer,children:[!!e.isShift&&o.jsx("span",{className:oe.tooltipSymbol,children:"⇧"}),o.jsx("span",{children:e.label})]},e.value)]},e.value)}))}),placement:"bottom",children:o.jsx("span",{className:oe.successColor,children:"math symbols"})})]})})]}),o.jsx(n.Button,{className:oe.verifyButton,variant:"contained",color:"primary",onClick:function(){k(!0);var e=p.map((function(e){return e.key})).filter((function(e){return V&&V.includes(e)}));g({formula:V,variables:e,formulaFunc:ne})},disabled:T||!ne,children:"Verify"}),!!V&&o.jsx("span",{className:v.default(oe.resultText,(s={},h.default(s,oe.errorColor,!!ce),h.default(s,oe.resultSuccessColor,!ce),s)),children:ce?"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("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),s=require("react/jsx-runtime"),i=require("@material-ui/core"),o=require("lodash"),r=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"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js");var c=require("../IconButton/index.js"),a=require("../GradientPicker/GradientPicker.js"),u=require("./configuration/constants.js"),l=require("./GradientList.js"),d=require("./GradientSelect.js"),m=require("./GradientManager.styles.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var I=j(e),p=j(n);function g(e,n){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),s.push.apply(s,i)}return s}function q(e){for(var n=1;n<arguments.length;n++){var s=null!=arguments[n]?arguments[n]:{};n%2?g(Object(s),!0).forEach((function(n){I.default(e,n,s[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):g(Object(s)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(s,n))}))}return e}exports.GradientManager=function(e){var n,j=e.gradientId,I=e.onGradientEditStateChange,g=void 0===I?o.noop:I,f=e.onChange,v=void 0===f?o.noop:f,h=e.defaultGradients,b=void 0===h?u.DEFAULT_GRADIENTS:h,x=e.defaultGradientStops,S=void 0===x?u.DEFAULT_GRADIENT_STOPS:x,G=e.allowNoname,y=e.scaleOptions,C=void 0===y?{scaleFrom:0,scaleTo:100}:y,O=e.className,P=m.useStyles(),F=new l.GradientList(e.gradients||[],b,e.onGradientsChange),E=r.useState(null),D=p.default(E,2),k=D[0],A=D[1],T=e.disableGradientsManagement||!e.onGradientsChange,N=F.getHelperText({name:null==k?void 0:k.name,allowNoname:G,gradientId:j});r.useEffect((function(){g(Boolean(k))}),[Boolean(k)]);var w=(null===(n=F.getById(j))||void 0===n?void 0:n.gradientStops)||e.gradientStops||S,M=function(){if(o.isEmpty(N)){var e=k.gradientStops,n=o.trim(k.name);if(A(null),n){if(F.getById(k.id||j))return F.update(j,{gradientStops:e,name:n}),void v({gradientId:j,gradientStops:e});var s=F.add(n,e);v({gradientId:null==s?void 0:s.id,gradientStops:e})}else G&&v({gradientStops:e,gradientId:null})}},_=function(e){e===j&&(v({gradientId:null,gradientStops:w}),A(null)),F.remove(e)},R=function(e){var n=e.trimStart().substring(0,u.GRADIENT_MAX_NAME_LENGTH);A(q(q({},k),{},{name:n}))};return s.jsxs(i.Grid,{container:!0,className:O,children:[s.jsx(i.Grid,{item:!0,xs:6,children:k?s.jsx(i.TextField,q({InputLabelProps:{shrink:!0},className:P.customGradientName,label:"Gradient Name",value:k.name,onChange:function(e){return R(e.target.value)},onFocus:function(e){e.target.select()},onKeyDown:function(e){if("Enter"===e.key){var n,s=null===(n=e.target)||void 0===n?void 0:n.value;s&&(R(s),M())}},autoFocus:!0,fullWidth:!0},N)):s.jsx(d.GradientSelect,{value:j,gradients:e.gradients||[],onChange:function(e){var n,s=F.getById(e);v({gradientId:e,gradientStops:null!==(n=null==s?void 0:s.gradientStops)&&void 0!==n?n:S})},defaultGradients:b,onAction:function(e,n){switch(e){case"add":A({name:"",gradientStops:S,id:u.TEMP_GRADIENT_ID});break;case"delete":_(n)}},readonly:T})}),s.jsx(i.Grid,{item:!0,xs:6,children:s.jsx(i.Box,{display:"flex",alignItems:"center",height:"100%",children:s.jsx(i.Box,{display:"flex",paddingLeft:1,children:k?s.jsxs(s.Fragment,{children:[s.jsx(c,{"data-testid":"save-gradient-btn",onClick:M,tooltipProps:{title:"Save"},disabled:!!N||T,children:s.jsx(t.CheckSmallIcon,{})}),s.jsx(c,{"data-testid":"cancel-edit-btn",onClick:function(){A(null)},tooltipProps:{title:"Cancel"},children:s.jsx(t.CloseSmallIcon,{})})]}):s.jsxs(s.Fragment,{children:[s.jsx(c,{"data-testid":"edit-gradient-btn",onClick:function(){var e;F.isDefault(j)?A({name:F.newName(),gradientStops:w,id:u.TEMP_GRADIENT_ID}):A({name:(null===(e=F.getById(j))||void 0===e?void 0:e.name)||"",gradientStops:w})},tooltipProps:{title:"Edit"},disabled:T,children:s.jsx(t.WriteIcon,{})}),!!F.getById(j)&&!F.isDefault(j)&&s.jsx(c,{"data-testid":"delete-gradient-btn",onClick:function(){return _(j)},tooltipProps:{title:"Remove"},disabled:T,children:s.jsx(t.DeleteFourIcon,{})})]})})})}),s.jsx(i.Grid,{item:!0,xs:12,children:s.jsx(a.GradientPicker,{from:null==C?void 0:C.scaleFrom,to:null==C?void 0:C.scaleTo,unit:null==C?void 0:C.scaleUnit,noScale:!0,gradientStops:(null==k?void 0:k.gradientStops)||w,onChange:function(e){A(q(q({},k),{},{gradientStops:e}))},readonly:!k,isMoveInputVisible:!0})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),s=require("react/jsx-runtime"),i=require("@material-ui/core"),o=require("lodash"),r=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"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js");var c=require("../IconButton/index.js"),a=require("../GradientPicker/GradientPicker.js"),u=require("./configuration/constants.js"),d=require("./GradientList.js"),l=require("./GradientSelect.js"),m=require("./GradientManager.styles.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var I=j(e),p=j(n);function g(e,n){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),s.push.apply(s,i)}return s}function q(e){for(var n=1;n<arguments.length;n++){var s=null!=arguments[n]?arguments[n]:{};n%2?g(Object(s),!0).forEach((function(n){I.default(e,n,s[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):g(Object(s)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(s,n))}))}return e}exports.GradientManager=function(e){var n,j,I=e.gradientId,g=e.onGradientEditStateChange,f=void 0===g?o.noop:g,v=e.onChange,h=void 0===v?o.noop:v,b=e.defaultGradients,x=void 0===b?u.DEFAULT_GRADIENTS:b,S=e.defaultGradientStops,G=void 0===S?u.DEFAULT_GRADIENT_STOPS:S,y=e.allowNoname,C=e.scaleOptions,O=(C=void 0===C?{}:C).scaleFrom,P=void 0===O?0:O,E=C.scaleTo,F=void 0===E?100:E,D=C.scaleUnit,k=e.className,A=m.useStyles(),N=new d.GradientList(e.gradients||[],x,e.onGradientsChange),T=r.useState(null),w=p.default(T,2),M=w[0],_=w[1],R=e.disableGradientsManagement||!e.onGradientsChange,B=N.getHelperText({name:null!==(n=null==M?void 0:M.name)&&void 0!==n?n:"",allowNoname:null!=y&&y,gradientId:I});r.useEffect((function(){f(Boolean(M))}),[Boolean(M)]);var L=(null===(j=N.getById(I))||void 0===j?void 0:j.gradientStops)||e.gradientStops||G,U=function(){if(o.isEmpty(B)&&M){var e=M.gradientStops;if(e){var n=o.trim(M.name);if(_(null),n){if(N.getById(M.id||I))return N.update(I,{gradientStops:e,name:n}),void h({gradientId:I,gradientStops:e});var s=N.add(n,e);h({gradientId:s.id,gradientStops:e})}else y&&h({gradientStops:e,gradientId:null})}}},W=function(e){e===I&&(h({gradientId:null,gradientStops:L}),_(null)),N.remove(e)},H=function(e){var n=e.trimStart().substring(0,u.GRADIENT_MAX_NAME_LENGTH);_(q(q({},M),{},{name:n}))};return s.jsxs(i.Grid,{container:!0,className:k,children:[s.jsx(i.Grid,{item:!0,xs:6,children:M?s.jsx(i.TextField,q({InputLabelProps:{shrink:!0},className:A.customGradientName,label:"Gradient Name",value:M.name,onChange:function(e){return H(e.target.value)},onFocus:function(e){e.target.select()},onKeyDown:function(e){if("Enter"===e.key){var n=e.target.value;n&&(H(n),U())}},autoFocus:!0,fullWidth:!0},B)):s.jsx(l.GradientSelect,{value:I,gradients:e.gradients||[],onChange:function(e){var n,s=N.getById(e);h({gradientId:e,gradientStops:null!==(n=null==s?void 0:s.gradientStops)&&void 0!==n?n:G})},defaultGradients:x,onAction:function(e,n){switch(e){case"add":_({name:"",gradientStops:G,id:u.TEMP_GRADIENT_ID});break;case"delete":W(n)}},readonly:R})}),s.jsx(i.Grid,{item:!0,xs:6,children:s.jsx(i.Box,{display:"flex",alignItems:"center",height:"100%",children:s.jsx(i.Box,{display:"flex",paddingLeft:1,children:M?s.jsxs(s.Fragment,{children:[s.jsx(c,{"data-testid":"save-gradient-btn",onClick:U,tooltipProps:{title:"Save"},disabled:!!B||R,children:s.jsx(t.CheckSmallIcon,{})}),s.jsx(c,{"data-testid":"cancel-edit-btn",onClick:function(){_(null)},tooltipProps:{title:"Cancel"},children:s.jsx(t.CloseSmallIcon,{})})]}):s.jsxs(s.Fragment,{children:[s.jsx(c,{"data-testid":"edit-gradient-btn",onClick:function(){var e;N.isDefault(I)?_({name:N.newName(),gradientStops:L,id:u.TEMP_GRADIENT_ID}):_({name:(null===(e=N.getById(I))||void 0===e?void 0:e.name)||"",gradientStops:L})},tooltipProps:{title:"Edit"},disabled:R,children:s.jsx(t.WriteIcon,{})}),!!N.getById(I)&&!N.isDefault(I)&&s.jsx(c,{"data-testid":"delete-gradient-btn",onClick:function(){return W(I)},tooltipProps:{title:"Remove"},disabled:R,children:s.jsx(t.DeleteFourIcon,{})})]})})})}),s.jsx(i.Grid,{item:!0,xs:12,children:s.jsx(a.GradientPicker,{from:P,to:F,unit:D,noScale:!0,gradientStops:(null==M?void 0:M.gradientStops)||L,onChange:function(e){_(q(q({},M),{},{gradientStops:e}))},readonly:!M,isMoveInputVisible:!0})})]})};
 //# sourceMappingURL=GradientManager.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/asyncToGenerator"),t=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/regenerator"),u=require("lodash"),a=require("react"),c=require("../../../clients/index.js"),i=require("../configuration/constants.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(e),f=o(r),l=o(t),p=o(n);function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function v(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(Object(t),!0).forEach((function(r){s.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var b=function(e){return c.corvaAPI.get("/v2/users/".concat(e,"/settings"),{})},g=function(e,r){return c.corvaAPI.post("/v2/users/".concat(e,"/settings"),r)},y=function(e,r){return c.corvaAPI.get("/v2/users/".concat(e,"/settings/").concat(r),{})};exports.useGradientStorage=function(e){var r=e.userId,t=e.storageKey,n=void 0===t?"gradient-manager-custom_gradients":t,c=e.onFetchError,o=e.onUpdateError,d=a.useState(null),O=l.default(d,2),h=O[0],j=O[1],P=a.useState(0),m=l.default(P,2),E=m[0],x=m[1],q=a.useState(!1),w=l.default(q,2),k=w[0],S=w[1],A=a.useCallback((function(e){u.isEqual(h,e)||j(e)}),[h]);a.useEffect((function(){var e=function(){var e=f.default(p.default.mark((function e(){var t;return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return x((function(e){return e+1})),e.prev=1,e.next=4,y(r,n);case 4:t=e.sent,j(t[n]||[]),e.next=12;break;case 8:e.prev=8,e.t0=e.catch(1),null==c||c(e.t0),console.error(e.t0);case 12:return e.prev=12,x((function(e){return e-1})),e.finish(12);case 15:case"end":return e.stop()}}),e,null,[[1,8,12,15]])})));return function(){return e.apply(this,arguments)}}();e()}),[r]),a.useEffect((function(){if(h){var e=function(){var e=f.default(p.default.mark((function e(){var t,a;return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return x((function(e){return e+1})),e.prev=1,e.next=4,b(r);case 4:if(t=e.sent,u.isEqual(t[n],h)){e.next=9;break}return a=v(v({},t),{},s.default({},n,h)),e.next=9,g(r,a);case 9:e.next=15;break;case 11:e.prev=11,e.t0=e.catch(1),null==o||o(e.t0),console.error(e.t0);case 15:return e.prev=15,x((function(e){return e-1})),e.finish(15);case 18:case"end":return e.stop()}}),e,null,[[1,11,15,18]])})));return function(){return e.apply(this,arguments)}}();e()}}),[h]);var D=function(e){return u.find(h,{id:e})||u.find(i.DEFAULT_GRADIENTS,{id:e})},I=Boolean(E);return a.useMemo((function(){return{isEditing:k,isLoading:I,gradients:h,setIsEditing:S,setGradients:A,find:D}}),[k,I,h,A])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/asyncToGenerator"),t=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/regenerator"),u=require("lodash"),a=require("react"),c=require("../../../clients/index.js"),i=require("../configuration/constants.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(e),f=o(r),l=o(t),p=o(n);function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function v(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(Object(t),!0).forEach((function(r){s.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var b=function(e){return c.corvaAPI.get("/v2/users/".concat(e,"/settings"),{})},g=function(e,r){return c.corvaAPI.post("/v2/users/".concat(e,"/settings"),r)},y=function(e,r){return c.corvaAPI.get("/v2/users/".concat(e,"/settings/").concat(r),{})};exports.useGradientStorage=function(e){var r=e.userId,t=e.storageKey,n=void 0===t?"gradient-manager-custom_gradients":t,c=e.onFetchError,o=e.onUpdateError,d=a.useState(null),O=l.default(d,2),h=O[0],j=O[1],P=a.useState(0),m=l.default(P,2),E=m[0],x=m[1],q=a.useState(!1),w=l.default(q,2),k=w[0],S=w[1],A=a.useCallback((function(e){u.isEqual(h,e)||j(e)}),[h]);a.useEffect((function(){var e=function(){var e=f.default(p.default.mark((function e(){var t;return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return x((function(e){return e+1})),e.prev=1,e.next=4,y(r,n);case 4:t=e.sent,j(t[n]||[]),e.next=12;break;case 8:e.prev=8,e.t0=e.catch(1),null==c||c(e.t0),console.error(e.t0);case 12:return e.prev=12,x((function(e){return e-1})),e.finish(12);case 15:case"end":return e.stop()}}),e,null,[[1,8,12,15]])})));return function(){return e.apply(this,arguments)}}();e()}),[r]),a.useEffect((function(){if(h){var e=function(){var e=f.default(p.default.mark((function e(){var t,a;return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return x((function(e){return e+1})),e.prev=1,e.next=4,b(r);case 4:if(t=e.sent,u.isEqual(t[n],h)){e.next=9;break}return a=v(v({},t),{},s.default({},n,h)),e.next=9,g(r,a);case 9:e.next=15;break;case 11:e.prev=11,e.t0=e.catch(1),null==o||o(e.t0),console.error(e.t0);case 15:return e.prev=15,x((function(e){return e-1})),e.finish(15);case 18:case"end":return e.stop()}}),e,null,[[1,11,15,18]])})));return function(){return e.apply(this,arguments)}}();e()}}),[h]);var D=function(e){return u.find(h,{id:e})||u.find(i.DEFAULT_GRADIENTS,{id:e})},I=Boolean(E);return a.useMemo((function(){return{isEditing:k,isLoading:I,gradients:null!=h?h:[],setIsEditing:S,setGradients:A,find:D}}),[k,I,h,A])};
 //# sourceMappingURL=useGradientStorage.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),o=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),r=require("react/jsx-runtime"),s=require("react"),i=require("classnames"),t=require("react-draggable"),c=require("lodash"),u=require("tinygradient"),a=require("uuid"),l=require("@material-ui/core"),d=require("@material-ui/icons"),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/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js");var p=require("../ColorPicker/PaletteChromePicker/PaletteChromePicker.js"),j=require("./GradientPicker.utils.js"),f=require("../shared/useThrottledCallback.js"),h=require("../IconButton/index.js"),q=require("./GradientPicker.styles.js"),v=require("react-sizeme");function I(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=I(e),b=I(o),y=I(n),x=I(i),C=I(t),O=I(u);function P(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?P(Object(n),!0).forEach((function(o){b.default(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))}))}return e}var F=v.withSize()((function(e){var o=e.size,n=e.from,i=void 0===n?0:n,t=e.to,u=void 0===t?100:t,v=e.unit,I=e.gradientStops,b=e.onChange,P=e.style,F=e.isMoveInputVisible,S=e.readonly,N=e.noScale,T=e["data-testid"],A=void 0===T?"GradientPicker":T,D=s.useRef(),M=s.useState([]),_=y.default(M,2),w=_[0],E=_[1],R=s.useState(null),B=y.default(R,2),G=B[0],z=B[1],L=s.useState(null),U=y.default(L,2),V=U[0],W=U[1],H=s.useState(null),K=y.default(H,2),X=K[0],Z=K[1],J=q.useStyles({readonly:S}),Q=Number.isFinite(i)?Number(i):0,Y=Number.isFinite(u)?Number(u):100,$=Y-Q;s.useEffect((function(){var e=I.length!==(null==w?void 0:w.length)||I.some((function(e,o){return e.color!==w[o].color||e.pos!==w[o].pos}));e&&E(I.map((function(e){return k(k({},e),{},{id:a.v4()})})))}),[I]);var ee=s.useMemo((function(){return j.calcGradientStyle(w)}),[w]),oe=s.useMemo((function(){var e;return null===(e=D.current)||void 0===e?void 0:e.clientWidth}),[o.width,D.current]),ne=function(e){var o=c.sortBy(e,"pos");E(o),b&&b(o.map((function(e){return c.omit(e,"id")})))},re=function(e){if(e.target===e.currentTarget){var o=e.currentTarget.getBoundingClientRect(),n=e.clientX-o.left;Z(Number.isFinite(n)?n:null)}else Z(null)},se=f.useThrottledCallback((function(e,o,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(!G){var s=o/oe*100,i=c.find(w,{id:e});if(n>=40||n<=-50)te();else{var t=k(k({},i),{},{pos:s}),u=c.sortBy([].concat(g.default(c.reject(w,{id:e})),[t]),"pos");if(r)return ne(u),void W(null);E(u),ue||W(e)}}}),0),ie=function(){ne(w),W(null),z(null)},te=function(){w.length>2&&(ne(c.reject(w,{id:V})),z(null),W(null))},ce=!G&&Number.isFinite(X)&&!S,ue=c.find(w,{id:V}),ae=j.getRangeStep($),le=function(e){if(!e)return null;var o=Q+(null==e?void 0:e.pos)/100*$;return j.roundToStep(o,ae/100)}(ue);return r.jsxs("div",{className:J.root,style:P,children:[!N&&r.jsxs("div",{className:J.indicatorContainer,children:[r.jsx("div",{children:r.jsxs(l.Typography,{"data-testid":"".concat(A,"_from"),className:J.indicator,children:[Q," ",v]})}),r.jsx("div",{children:r.jsxs(l.Typography,{"data-testid":"".concat(A,"_to"),className:J.indicator,children:[Y," ",v]})})]}),r.jsxs("div",{onMouseEnter:re,onMouseMove:re,onMouseLeave:function(){return Z(null)},onClick:function(e){if(!S){var o=X/oe*100,n=O.default(w.map((function(e){return{color:e.color,pos:e.pos/100}}))),r="#".concat(n.rgbAt(o/100).toHex()),s={id:a.v4(),pos:o,color:r};ne([].concat(g.default(w),[s]))}},"data-testid":"".concat(A,"_track"),className:J.mainBar,style:{background:"linear-gradient(90deg, ".concat(ee,")")},ref:D,children:[ce&&r.jsx("div",{"data-testid":"".concat(A,"_addCircle"),className:J.addCircle,style:{left:X-12},children:r.jsx(d.Add,{fontSize:"small",className:J.addIcon})}),!!oe&&w.map((function(e,o){var n,s=e.pos,i=e.color,t=e.id;return r.jsx(C.default,{disabled:S,axis:"x",bounds:{left:-12,right:oe-12,top:-50,bottom:40},onDrag:function(e,o){return se(t,o.x+12,o.y,!1)},onStop:function(e,o){return se(t,o.x+12,o.y,!0)},position:{x:oe*s/100-12,y:-4},children:r.jsx("div",{onClick:function(e){return function(e,o){e.stopPropagation(),S||V||(W(o),z(e.currentTarget))}(e,t)},"data-testid":"".concat(A,"_stop_").concat(o),className:x.default(J.circle,{highlight:V===t}),style:{backgroundColor:i},children:r.jsx(l.Tooltip,{title:(n=s,j.getStopText(n,{fromValue:Q,toValue:Y})),placement:"top",children:r.jsx("div",{style:{height:"100%"}})})})},t)}))]}),Boolean(G)&&r.jsxs(l.Popover,{id:"colors-popper",open:Boolean(G),anchorEl:G,onClose:ie,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:[r.jsx(p,{color:null==ue?void 0:ue.color,onChange:function(e){var o=e.hex;E(w.map((function(e){return e.id===V?k(k({},e),{},{color:o}):e})))},onSizeChange:c.noop,enableTransparencyPalette:!1}),r.jsx(h,{"data-testid":"".concat(A,"_stopDelete"),className:J.removeButton,onClick:te,children:r.jsx(m.DeleteFourIcon,{className:J.deleteIcon})}),F&&r.jsx(l.TextField,{"data-testid":"".concat(A,"_moveInput"),type:"number",variant:"outlined",value:le,classes:{root:J.posTextfield},InputProps:{inputProps:{min:Q,max:Y,step:ae,maxLength:10},classes:{root:J.posOutlinedRoot,input:J.posOutlinedInput}},autoFocus:!0,onFocus:function(e){return e.target.select()},onChange:function(e){if(""===e.target.value){var o=e.target;setTimeout((function(){return null==o?void 0:o.select()}))}var n=c.clamp(Number(e.target.value),Q,Y);n||e.target.select();var r=(n-Q)/$*100;E(w.map((function(e){return e.id===V?k(k({},e),{},{pos:r}):e})))},onKeyDown:function(e){return"Enter"===e.key&&ie()}})]})]})}));exports.GradientPicker=function(e){return r.jsx(F,k({},e))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),o=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),r=require("react/jsx-runtime"),s=require("react"),i=require("classnames"),t=require("react-draggable"),c=require("lodash"),u=require("tinygradient"),l=require("uuid"),a=require("@material-ui/core"),d=require("@material-ui/icons"),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/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js");var p=require("../ColorPicker/PaletteChromePicker/PaletteChromePicker.js"),j=require("./GradientPicker.utils.js"),f=require("../shared/useThrottledCallback.js"),v=require("../IconButton/index.js"),h=require("./GradientPicker.styles.js"),q=require("react-sizeme");function I(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=I(e),b=I(o),y=I(n),x=I(i),C=I(t),O=I(u);function P(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?P(Object(n),!0).forEach((function(o){b.default(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))}))}return e}var F=q.withSize()((function(e){var o,n=e.size,i=e.from,t=void 0===i?0:i,u=e.to,q=void 0===u?100:u,I=e.unit,b=e.gradientStops,P=e.onChange,F=e.style,S=e.isMoveInputVisible,N=e.readonly,T=e.noScale,A=e["data-testid"],D=void 0===A?"GradientPicker":A,M=s.useRef(null),_=s.useState([]),w=y.default(_,2),E=w[0],R=w[1],B=s.useState(null),G=y.default(B,2),z=G[0],L=G[1],U=s.useState(null),V=y.default(U,2),W=V[0],H=V[1],K=s.useState(null),X=y.default(K,2),Z=X[0],J=X[1],Q=h.useStyles({readonly:N}),Y=Number.isFinite(t)?Number(t):0,$=Number.isFinite(q)?Number(q):100,ee=$-Y;s.useEffect((function(){var e=b.length!==(null==E?void 0:E.length)||b.some((function(e,o){return e.color!==E[o].color||e.pos!==E[o].pos}));e&&R(b.map((function(e){return k(k({},e),{},{id:l.v4()})})))}),[b]);var oe=s.useMemo((function(){return j.calcGradientStyle(E)}),[E]),ne=s.useMemo((function(){var e;return null===(e=M.current)||void 0===e?void 0:e.clientWidth}),[null==n?void 0:n.width,M.current]),re=function(e){var o=c.sortBy(e,"pos");R(o),P&&P(o.map((function(e){return c.omit(e,"id")})))},se=function(e){if(e.target===e.currentTarget){var o=e.currentTarget.getBoundingClientRect(),n=e.clientX-o.left;J(Number.isFinite(n)?n:null)}else J(null)},ie=f.useThrottledCallback((function(e,o,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(!z&&ne){var s=o/ne*100,i=c.find(E,{id:e});if(n>=40||n<=-50)ce();else if(i){var t=k(k({},i),{},{pos:s}),u=c.sortBy([].concat(g.default(c.reject(E,{id:e})),[t]),"pos");if(r)return re(u),void H(null);R(u),le||H(e)}}}),0),te=function(){re(E),H(null),L(null)},ce=function(){E.length>2&&(re(c.reject(E,{id:W})),L(null),H(null))},ue=!z&&Number.isFinite(Z)&&!N,le=W?c.find(E,{id:W}):void 0,ae=j.getRangeStep(ee),de=function(e){if(!e)return null;var o=Y+(null==e?void 0:e.pos)/100*ee;return j.roundToStep(o,ae/100)}(le);return r.jsxs("div",{className:Q.root,style:F,children:[!T&&r.jsxs("div",{className:Q.indicatorContainer,children:[r.jsx("div",{children:r.jsxs(a.Typography,{"data-testid":"".concat(D,"_from"),className:Q.indicator,children:[Y," ",I]})}),r.jsx("div",{children:r.jsxs(a.Typography,{"data-testid":"".concat(D,"_to"),className:Q.indicator,children:[$," ",I]})})]}),r.jsxs("div",{onMouseEnter:se,onMouseMove:se,onMouseLeave:function(){return J(null)},onClick:function(e){if(!N&&null!==Z&&ne){var o=Z/ne*100,n=O.default(E.map((function(e){return{color:e.color,pos:e.pos/100}}))),r="#".concat(n.rgbAt(o/100).toHex()),s={id:l.v4(),pos:o,color:r};re([].concat(g.default(E),[s]))}},"data-testid":"".concat(D,"_track"),className:Q.mainBar,style:{background:"linear-gradient(90deg, ".concat(oe,")")},ref:M,children:[ue&&r.jsx("div",{"data-testid":"".concat(D,"_addCircle"),className:Q.addCircle,style:{left:Z-12},children:r.jsx(d.Add,{fontSize:"small",className:Q.addIcon})}),!!ne&&E.map((function(e,o){var n,s=e.pos,i=e.color,t=e.id;return r.jsx(C.default,{disabled:N,axis:"x",bounds:{left:-12,right:ne-12,top:-50,bottom:40},onDrag:function(e,o){return ie(t,o.x+12,o.y,!1)},onStop:function(e,o){return ie(t,o.x+12,o.y,!0)},position:{x:ne*s/100-12,y:-4},children:r.jsx("div",{onClick:function(e){return function(e,o){e.stopPropagation(),N||W||(H(o),L(e.currentTarget))}(e,t)},"data-testid":"".concat(D,"_stop_").concat(o),className:x.default(Q.circle,{highlight:W===t}),style:{backgroundColor:i},children:r.jsx(a.Tooltip,{title:(n=s,j.getStopText(n,{fromValue:Y,toValue:$})),placement:"top",children:r.jsx("div",{style:{height:"100%"}})})})},t)}))]}),Boolean(z)&&r.jsxs(a.Popover,{id:"colors-popper",open:Boolean(z),anchorEl:z,onClose:te,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:[r.jsx(p,{color:null!==(o=null==le?void 0:le.color)&&void 0!==o?o:"#000000",onChange:function(e){var o=e.hex;R(E.map((function(e){return e.id===W?k(k({},e),{},{color:o}):e})))},onSizeChange:c.noop,enableTransparencyPalette:!1}),r.jsx(v,{"data-testid":"".concat(D,"_stopDelete"),className:Q.removeButton,onClick:ce,children:r.jsx(m.DeleteFourIcon,{className:Q.deleteIcon})}),S&&r.jsx(a.TextField,{"data-testid":"".concat(D,"_moveInput"),type:"number",variant:"outlined",value:de,classes:{root:Q.posTextfield},InputProps:{inputProps:{min:Y,max:$,step:ae,maxLength:10},classes:{root:Q.posOutlinedRoot,input:Q.posOutlinedInput}},autoFocus:!0,onFocus:function(e){return e.target.select()},onChange:function(e){if(""===e.target.value){var o=e.target;setTimeout((function(){return null==o?void 0:o.select()}))}var n=c.clamp(Number(e.target.value),Y,$);n||e.target.select();var r=(n-Y)/ee*100;R(E.map((function(e){return e.id===W?k(k({},e),{},{pos:r}):e})))},onKeyDown:function(e){return"Enter"===e.key&&te()}})]})]})}));exports.GradientPicker=function(e){return r.jsx(F,k({},e))};
 //# sourceMappingURL=GradientPicker.js.map