@corva/ui 3.55.0-9 → 3.56.0-0

package/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 * @param {(feedItem: ActivityItem) => void} [props.onFeedItemClick]\n * used to override built-in navigation for clickable alert feed items\n * @param {ReactNode} [props.extraActions] additional action nodes rendered inside the reactions/actions row, after the built-in like and comment buttons\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  onFeedItemClick,\n  extraActions,\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 (onFeedItemClick) {\n      onFeedItemClick(feedItem);\n      return;\n    }\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            onFeedItemClick={onFeedItemClick}\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        extraActions={extraActions}\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","FeedItem","_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","onFeedItemClick","extraActions","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","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","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 * @param {(feedItem: ActivityItem) => void} [props.onFeedItemClick]\n * used to override built-in navigation for clickable alert feed items\n * @param {ReactNode} [props.extraActions] additional action nodes rendered inside the reactions/actions row, after the built-in like and comment buttons\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  onFeedItemClick,\n  extraActions,\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 (onFeedItemClick) {\n      onFeedItemClick(feedItem);\n      return;\n    }\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            onFeedItemClick={onFeedItemClick}\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        extraActions={extraActions}\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","FeedItem","_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","onFeedItemClick","extraActions","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","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","ConfirmationDialog","open","title","handleClose","handleOk","okText"],"mappings":"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"}

package/components/FeedItem/components/FeedComments.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as t,useMemo as e,useEffect as n}from"react";import i from"prop-types";import{sortBy as p,noop as r}from"lodash";import c from"moment";import{makeStyles as m,Typography as a}from"@material-ui/core";import l from"../../Comment/index.js";import d from"../../CommentLoader.js";import j from"../../CommentInput/index.js";import{postFeedItemComment as u}from"../../../clients/jsonApi/index.js";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsxs as A,jsx as C}from"react/jsx-runtime";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import{useIsInsideIsolatedDcApp as V}from"../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../componentsV2/TemplatesControl/types.js";import"../../../utils/index.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../constants/streamSourceType.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../AppIcon/AppIcon.js";import"../../../utils/getSingleAsset.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../utils/env.js";import"../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppSettings/AppSettings.js";import"../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../componentsV2/Select/Select.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"react-color";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import{isNativeDetected as v}from"../../../utils/mobileDetect.js";var I=m({showMore:{cursor:"pointer"},feedCommentsContainer:{padding:"0 16px 0 24px"},feedCommentsList:{marginTop:24},feedCommentsListContent:{height:function(o){var s=o.commentsListHeight;return s&&s-8},overflow:function(o){return o.commentsListHeight&&"scroll"}},feedCommentsListContentWrapper:{position:"relative"},gradient:{position:"absolute",bottom:0,left:0,width:"100%",height:16,background:function(o){var s=o.isInsideDcApp;return"linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ".concat(s?"#414141":"3b3b3b"," 100%)")}}});function g(i){var m,g=i.openCommentInput,D=i.openCommentList,h=i.feedItem,S=i.currentUser,f=h.comments,b=f.length,P=b>3,T=s(!1),x=o(T,2),L=x[0],H=x[1],k=s(!1),B=o(k,2),F=B[0],M=B[1],y=s(!1),q=o(y,2),R=q[0],w=q[1],O=s(null),W=o(O,2),E=W[0],G=W[1],U=t(),N=t(),z=e((function(){var o=p(h.comments,(function(o){return-c(o.created_at).unix()}));return R?R&&!F?o.slice(0,5):R&&F?o:[]:o.slice(0,3)}),[f,F,R]);n((function(){if(5===z.length&&!E){var o=N.current.clientHeight;G(o),M(!0)}E&&!R&&(G(null),M(!1))}),[z.length,E,R]);var _=V(),K=I({commentsListHeight:E,isAllCommentsVisibleKeyPressed:R,isInsideDcApp:_});return A("div",{className:(g||!!b)&&K.feedCommentsContainer,children:[g&&!v&&C(j,{inputRef:U,postComment:function(o){u(h.id,o)},setIsPosting:H,companyId:h.company_id,autoFocus:!1,currentUser:S,parentId:"".concat(h.id,"-").concat(null===(m=h.comments)||void 0===m?void 0:m.size)}),D&&A("div",{className:K.feedCommentsList,children:[C("div",{className:K.feedCommentsListContentWrapper,children:A("div",{className:K.feedCommentsListContent,ref:N,children:[z.map((function(o){return C(l,{comment:o,handleDeleteCallback:r,patchCommentCallback:r,companyId:h.company_id,currentUser:S},o.id)})),E&&C("div",{className:K.gradient})]})}),P&&C(a,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:K.showMore,onClick:function(){w(!R)},children:R?"Hide older comments":"See all comments"})]}),L&&C(d,{})]})}g.propTypes={openCommentInput:i.bool.isRequired,feedItem:i.shape().isRequired,currentUser:i.shape().isRequired};export{g as default};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as t,useMemo as e,useEffect as n}from"react";import i from"prop-types";import{sortBy as p,noop as r}from"lodash";import c from"moment";import{makeStyles as m,Typography as a}from"@material-ui/core";import l from"../../Comment/index.js";import d from"../../CommentLoader.js";import j from"../../CommentInput/index.js";import{postFeedItemComment as u}from"../../../clients/jsonApi/index.js";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsxs as C,jsx as A}from"react/jsx-runtime";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import{useIsInsideIsolatedDcApp as V}from"../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../componentsV2/TemplatesControl/types.js";import"../../../utils/index.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../constants/streamSourceType.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../AppIcon/AppIcon.js";import"../../../utils/getSingleAsset.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../utils/env.js";import"../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppSettings/AppSettings.js";import"../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../componentsV2/Select/Select.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"react-color";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import{isNativeDetected as I}from"../../../utils/mobileDetect.js";var v=m({showMore:{cursor:"pointer"},feedCommentsContainer:{padding:"0 16px 0 24px"},feedCommentsList:{marginTop:24},feedCommentsListContent:{height:function(o){var s=o.commentsListHeight;return s&&s-8},overflow:function(o){return o.commentsListHeight&&"scroll"}},feedCommentsListContentWrapper:{position:"relative"},gradient:{position:"absolute",bottom:0,left:0,width:"100%",height:16,background:function(o){var s=o.isInsideDcApp;return"linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ".concat(s?"#414141":"3b3b3b"," 100%)")}}});function g(i){var m,g=i.openCommentInput,D=i.openCommentList,h=i.feedItem,S=i.currentUser,b=h.comments,P=b.length,f=P>3,T=s(!1),x=o(T,2),L=x[0],H=x[1],B=s(!1),k=o(B,2),F=k[0],M=k[1],y=s(!1),q=o(y,2),O=q[0],R=q[1],w=s(null),E=o(w,2),W=E[0],G=E[1],U=t(),z=t(),N=e((function(){var o=p(h.comments,(function(o){return-c(o.created_at).unix()}));return O?O&&!F?o.slice(0,5):O&&F?o:[]:o.slice(0,3)}),[b,F,O]);n((function(){if(5===N.length&&!W){var o=z.current.clientHeight;G(o),M(!0)}W&&!O&&(G(null),M(!1))}),[N.length,W,O]);var _=V(),K=v({commentsListHeight:W,isAllCommentsVisibleKeyPressed:O,isInsideDcApp:_});return C("div",{className:(g||!!P)&&K.feedCommentsContainer,children:[g&&!I&&A(j,{inputRef:U,postComment:function(o){u(h.id,o)},setIsPosting:H,companyId:h.company_id,autoFocus:!1,currentUser:S,parentId:"".concat(h.id,"-").concat(null===(m=h.comments)||void 0===m?void 0:m.size)}),D&&C("div",{className:K.feedCommentsList,children:[A("div",{className:K.feedCommentsListContentWrapper,children:C("div",{className:K.feedCommentsListContent,ref:z,children:[N.map((function(o){return A(l,{comment:o,handleDeleteCallback:r,patchCommentCallback:r,companyId:h.company_id,currentUser:S},o.id)})),W&&A("div",{className:K.gradient})]})}),f&&A(a,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:K.showMore,onClick:function(){R(!O)},children:O?"Hide older comments":"See all comments"})]}),L&&A(d,{})]})}g.propTypes={openCommentInput:i.bool.isRequired,feedItem:i.shape().isRequired,currentUser:i.shape().isRequired};export{g as default};
 //# sourceMappingURL=FeedComments.js.map

package/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","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","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}

package/components/FilesDropzone/FilesDropzone.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{jsxs as s,jsx as c,Fragment as i}from"react/jsx-runtime";import{useDropzone as n}from"react-dropzone";import t from"classnames";import{useStyles as e}from"./styles.js";import{FileAdditionOne as r}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as m}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import{Regular14 as p}from"../Typography.js";import u from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{parseAccept as l,formatDescription as a}from"../../componentsV2/FilesDropzone/utils.js";function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function d(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var I=function(o){var j=o.multiple,I=o.children,h=o.accept,b=o.onDrop,f=o.className,O=o.maxFiles,v=o.maxSize,y=o.errorText,g=o.disabled,P=e(),F=l(h),x=F.mimetypes,C=F.extensions,D=x.length||C.length?d({"*/*":C},Object.fromEntries(x.map((function(o){return[o,[]]})))):void 0,k=a(C,v),z=n({onDrop:b,multiple:j,accept:D,maxFiles:O,maxSize:v,disabled:g}),A=z.getRootProps,B=z.getInputProps,S=z.isDragActive;return s("div",{className:f,children:[s("div",d(d({},A()),{},{className:t(P.root,g&&P.disabled,S&&P.active),children:[c("input",d({},B())),I||s(i,{children:[c(r,{size:24,className:P.icon}),c(p,{children:"Drag & Drop your file here or"}),c(u,{variation:"tertiary",size:"small",disabled:g,className:P.uploadButton,children:"Choose file"})]})]})),!y&&k&&c(p,{className:t(P.description,g&&P.disabled),children:k}),y&&s(p,{className:P.error,children:[c(m,{size:20}),y]})]})};export{I as FilesDropzone};
+import o from"@babel/runtime/helpers/defineProperty";import{jsxs as s,jsx as c,Fragment as i}from"react/jsx-runtime";import{useDropzone as n}from"react-dropzone";import t from"classnames";import{useStyles as r}from"./styles.js";import{FileAdditionOne as e}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as m}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import{Regular14 as p}from"../Typography.js";import u from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{parseAccept as a,formatDescription as l}from"../../componentsV2/FilesDropzone/utils.js";function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=function(o){var j=o.multiple,d=o.children,b=o.accept,h=o.onDrop,O=o.className,f=o.maxFiles,C=o.maxSize,v=o.errorText,y=o.disabled,P=r(),g=a(b),F=g.mimetypes,D=g.extensions,x=F.length||D.length?I({"*/*":D},Object.fromEntries(F.map((function(o){return[o,[]]})))):void 0,A=l(D,C),z=n({onDrop:h,multiple:j,accept:x,maxFiles:f,maxSize:C,disabled:y}),B=z.getRootProps,S=z.getInputProps,k=z.isDragActive;return s("div",{className:O,children:[s("div",I(I({},B()),{},{className:t(P.root,y&&P.disabled,k&&P.active),children:[c("input",I({},S())),d||s(i,{children:[c(e,{size:24,className:P.icon}),c(p,{children:"Drag & Drop your file here or"}),c(u,{variation:"tertiary",size:"small",disabled:y,className:P.uploadButton,children:"Choose file"})]})]})),!v&&A&&c(p,{className:t(P.description,y&&P.disabled),children:A}),v&&s(p,{className:P.error,children:[c(m,{size:20}),v]})]})};export{d as FilesDropzone};
 //# sourceMappingURL=FilesDropzone.js.map

package/components/FilesLoader/FilesLoader.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{jsxs as s,jsx as e,Fragment as i}from"react/jsx-runtime";import{useState as t,useEffect as c,useMemo as r}from"react";import a from"prop-types";import l from"classnames";import{Typography as m,LinearProgress as u}from"@material-ui/core";import p from"../IconButton/index.js";import d from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseSmallIcon as f,DeleteFourIcon as j,CheckOneIcon as h,RedoIcon as I,UploadIcon as g}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import v from"./Icons/IconWarning.js";import{FileIcon as b}from"../FileIcon/FileIcon.js";import{useStyles as z}from"./useStyles.js";function y(o,n){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);n&&(e=e.filter((function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable}))),s.push.apply(s,e)}return s}function B(n){for(var s=1;s<arguments.length;s++){var e=null!=arguments[s]?arguments[s]:{};s%2?y(Object(e),!0).forEach((function(s){o(n,s,e[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):y(Object(e)).forEach((function(o){Object.defineProperty(n,o,Object.getOwnPropertyDescriptor(e,o))}))}return n}function C(a){var y=a.size,C=a.unit,N=a.name,O=a.customUnitName,P=a.sizeBytes,S=a.handleCancel,w=a.onReload,L=a.onDelete,k=a.loadedBytes,A=a.error,F=a.errorText,x=a.formatError,M=a.importButtonType,D=a.isLoadingAnimation,E=a.showActions,T=z(),R=t({}),U=n(R,2),W=U[0],q=U[1],G=t(0),K=n(G,2),Z=K[0],H=K[1],J=t(!0),Q=n(J,2),V=Q[0],X=Q[1],Y="large"===y,$=Y?24:16,_=Y?"medium":"small";c((function(){q(function(o,n,s){return"time"===n?{downloaded:0,unit:"min",convertedSize:o}:"custom"===n?{downloaded:0,unit:s,convertedSize:o}:o>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(o/Math.pow(10,5))/10}:o>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(o/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*o)/10}}(null!=P?P:1,null!=C?C:"size",null!=O?O:""))}),[P,C]),c((function(){if(k&&P){var o=Math.round(k/P*100);q((function(n){var s;return B(B({},n),{},{downloaded:Math.floor((null!==(s=n.convertedSize)&&void 0!==s?s:0)*o/10)/10})})),H(o)}}),[k,P]),c((function(){var o;return L&&Z>=100&&(X(!0),o=setTimeout((function(){X(!1)}),5e3)),function(){return o&&clearTimeout(o)}}),[Z]),c((function(){A&&(H(0),q((function(o){return B(B({},o),{},{downloaded:0})})))}),[A]);var oo=r((function(){return[l(T.iconButton,o({},T.iconButtonLarge,Y)),l(T.actionIcon,o({},T.actionIconLarge,Y))]}),[Y]),no=n(oo,2),so=no[0],eo=no[1];return s("div",{className:T.fileStateWrapper,children:[e("div",{className:T.fileIconContainer,children:e(b,{name:null!=N?N:"",style:{fontSize:Y?48:32}})}),s("div",{className:T.fileState,children:[s("div",{className:T.fileStateProgress,children:[e("div",{className:T.fileNameWrapper,children:e(m,{className:l(T.fileName,o({},T.fileNameLarge,Y)),children:N&&N.length>7?s(i,{children:[e("span",{className:T.firstPart,children:N.slice(0,N.length-7)}),e("span",{children:N.slice(-7)})]}):N})}),!D&&e(u,{className:T.progressBar,variant:"determinate",value:Z,classes:{colorPrimary:l(T.progressBackground,o({},T.progressBarError,A)),barColorPrimary:l(T.progressBarColor,o({},T.progressBarError,A))}}),s("div",{className:T.loaderProgressContainer,children:[!D&&e(m,{className:l(T.fileSize,o({},T.fileSizeLarge,Y)),component:"span",children:"".concat(W.downloaded," of ").concat(W.convertedSize," ").concat(W.unit)}),s("div",{className:l(T.progressStatus,o({},T.fileSizeLarge,Y)),children:[A&&s(m,{component:"div",className:T.errorContainer,children:[e(v,{size:y}),e(m,{component:"span",className:l(T.errorText,o({},T.fileSizeLarge,Y)),children:x?"Upload Error. Unacceptable file format.":"Upload Error".concat(F&&". ".concat(F))})]}),!A&&!D&&"".concat(Z," %")]})]})]}),E&&s("div",{className:T.fileActions,children:[Z<100&&!A&&e(i,{children:D?e("div",{className:l(T.loadingIcon,o({},T.loadingLargeIcon,Y)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):e(p,{tooltipProps:{title:"Cancel"},className:so,onClick:function(){null==S||S(N),H(0),q((function(o){return B(B({},o),{},{downloaded:0})}))},size:_,children:e(f,{className:eo,size:$})})}),100===Z&&!A&&(!V&&L?e(p,{variant:"contained",tooltipProps:{title:"Delete"},className:so,onClick:L,size:_,children:e(j,{className:eo,size:$})}):e(h,{fill:"#75DB29",size:$,style:{marginLeft:12}})),w&&A&&e(i,{children:x?e(i,{children:"default"===M?e(d,{size:Y?"medium":"small",variation:"primary",startIcon:e(g,{}),onClick:w,children:"Import"}):e(p,{size:_,tooltipProps:{title:"Import File"},className:so,onClick:w,children:e(g,{size:$})})}):e(p,{size:_,tooltipProps:{title:"Reload"},className:so,onClick:w,children:e(I,{size:$})})})]})]})]})}var N={size:a.oneOf(["small","large"]),unit:a.oneOf(["size","time","custom"]),customUnitName:a.string,onDelete:a.func,onReload:a.func,handleCancel:a.func,name:a.string,sizeBytes:a.number,error:a.bool,errorText:a.string,formatError:a.bool,importButtonType:a.oneOf(["default","icon"]),loadedBytes:a.number.isRequired,isLoadingAnimation:a.bool,showActions:a.bool};C.propTypes=N,C.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};export{C as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{jsxs as n,jsx as i,Fragment as c}from"react/jsx-runtime";import{useState as t,useEffect as e,useMemo as r}from"react";import m from"prop-types";import a from"classnames";import{Typography as l,LinearProgress as p}from"@material-ui/core";import u from"../IconButton/index.js";import d from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseSmallIcon as j,DeleteFourIcon as I,CheckOneIcon as f,RedoIcon as h,UploadIcon as g}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import v from"./Icons/IconWarning.js";import{FileIcon as b}from"../FileIcon/FileIcon.js";import{useStyles as C}from"./useStyles.js";function z(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function y(s){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?z(Object(i),!0).forEach((function(n){o(s,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):z(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}function O(m){var z=m.size,O=m.unit,B=m.name,P=m.customUnitName,N=m.sizeBytes,S=m.handleCancel,w=m.onReload,A=m.onDelete,F=m.loadedBytes,M=m.error,L=m.errorText,k=m.formatError,D=m.importButtonType,T=m.isLoadingAnimation,x=m.showActions,E=C(),R=t({}),U=s(R,2),W=U[0],q=U[1],G=t(0),K=s(G,2),Z=K[0],H=K[1],J=t(!0),Q=s(J,2),V=Q[0],X=Q[1],Y="large"===z,$=Y?24:16,_=Y?"medium":"small";e((function(){q(function(o,s,n){return"time"===s?{downloaded:0,unit:"min",convertedSize:o}:"custom"===s?{downloaded:0,unit:n,convertedSize:o}:o>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(o/Math.pow(10,5))/10}:o>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(o/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*o)/10}}(null!=N?N:1,null!=O?O:"size",null!=P?P:""))}),[N,O]),e((function(){if(F&&N){var o=Math.round(F/N*100);q((function(s){var n;return y(y({},s),{},{downloaded:Math.floor((null!==(n=s.convertedSize)&&void 0!==n?n:0)*o/10)/10})})),H(o)}}),[F,N]),e((function(){var o;return A&&Z>=100&&(X(!0),o=setTimeout((function(){X(!1)}),5e3)),function(){return o&&clearTimeout(o)}}),[Z]),e((function(){M&&(H(0),q((function(o){return y(y({},o),{},{downloaded:0})})))}),[M]);var oo=r((function(){return[a(E.iconButton,o({},E.iconButtonLarge,Y)),a(E.actionIcon,o({},E.actionIconLarge,Y))]}),[Y]),so=s(oo,2),no=so[0],io=so[1];return n("div",{className:E.fileStateWrapper,children:[i("div",{className:E.fileIconContainer,children:i(b,{name:null!=B?B:"",style:{fontSize:Y?48:32}})}),n("div",{className:E.fileState,children:[n("div",{className:E.fileStateProgress,children:[i("div",{className:E.fileNameWrapper,children:i(l,{className:a(E.fileName,o({},E.fileNameLarge,Y)),children:B&&B.length>7?n(c,{children:[i("span",{className:E.firstPart,children:B.slice(0,B.length-7)}),i("span",{children:B.slice(-7)})]}):B})}),!T&&i(p,{className:E.progressBar,variant:"determinate",value:Z,classes:{colorPrimary:a(E.progressBackground,o({},E.progressBarError,M)),barColorPrimary:a(E.progressBarColor,o({},E.progressBarError,M))}}),n("div",{className:E.loaderProgressContainer,children:[!T&&i(l,{className:a(E.fileSize,o({},E.fileSizeLarge,Y)),component:"span",children:"".concat(W.downloaded," of ").concat(W.convertedSize," ").concat(W.unit)}),n("div",{className:a(E.progressStatus,o({},E.fileSizeLarge,Y)),children:[M&&n(l,{component:"div",className:E.errorContainer,children:[i(v,{size:z}),i(l,{component:"span",className:a(E.errorText,o({},E.fileSizeLarge,Y)),children:k?"Upload Error. Unacceptable file format.":"Upload Error".concat(L&&". ".concat(L))})]}),!M&&!T&&"".concat(Z," %")]})]})]}),x&&n("div",{className:E.fileActions,children:[Z<100&&!M&&i(c,{children:T?i("div",{className:a(E.loadingIcon,o({},E.loadingLargeIcon,Y)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):i(u,{tooltipProps:{title:"Cancel"},className:no,onClick:function(){null==S||S(B),H(0),q((function(o){return y(y({},o),{},{downloaded:0})}))},size:_,children:i(j,{className:io,size:$})})}),100===Z&&!M&&(!V&&A?i(u,{variant:"contained",tooltipProps:{title:"Delete"},className:no,onClick:A,size:_,children:i(I,{className:io,size:$})}):i(f,{fill:"#75DB29",size:$,style:{marginLeft:12}})),w&&M&&i(c,{children:k?i(c,{children:"default"===D?i(d,{size:Y?"medium":"small",variation:"primary",startIcon:i(g,{}),onClick:w,children:"Import"}):i(u,{size:_,tooltipProps:{title:"Import File"},className:no,onClick:w,children:i(g,{size:$})})}):i(u,{size:_,tooltipProps:{title:"Reload"},className:no,onClick:w,children:i(h,{size:$})})})]})]})]})}var B={size:m.oneOf(["small","large"]),unit:m.oneOf(["size","time","custom"]),customUnitName:m.string,onDelete:m.func,onReload:m.func,handleCancel:m.func,name:m.string,sizeBytes:m.number,error:m.bool,errorText:m.string,formatError:m.bool,importButtonType:m.oneOf(["default","icon"]),loadedBytes:m.number.isRequired,isLoadingAnimation:m.bool,showActions:m.bool};O.propTypes=B,O.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};export{O as default};
 //# sourceMappingURL=FilesLoader.js.map

package/components/FilesLoaderV2/FilesLoaderV2.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as s,Fragment as c}from"react/jsx-runtime";import i from"classnames";import{LinearProgress as n}from"@material-ui/core";import{FileIcon as t}from"../FileIcon/FileIcon.js";import r from"../IconButton/index.js";import{CloseIcon as e,DeleteFourIcon as m,RedoIcon as l}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as a}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import{MiddleTruncatedText as p}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{Regular14 as u,Regular12 as d}from"../Typography.js";import{formatSizeProgress as j}from"./utils.js";import{useStyles as I}from"./styles.js";var h=function(h){var v=h.formatProgress,C=void 0===v?j:v,F=h.className,f=h.name,x=h.current,k=h.total,N=h.errorText,g=h.onCancel,T=h.onReload,P=h.onDelete,R=I(),A=void 0!==k&&k>=0&&void 0!==x&&x>=0,M=Math.min(100,Math.ceil((null!=x?x:0)/(null!=k?k:1)*100)),b=void 0!==x&&void 0!==k&&x>=k;return o("div",{className:i(R.root,F),children:[s(t,{name:f,className:R.icon,strokeWidth:2}),o("div",{className:R.content,children:[s(u,{className:R.name,children:s(p,{children:f},f)}),!N&&!b&&o(c,{children:[s(n,{className:R.progressBar,variant:A?"determinate":void 0,value:M}),o("div",{className:R.progressTextContainer,children:[s(d,{className:R.progressText,children:C(k,x)}),A&&o(d,{className:R.progressText,children:[M,"%"]})]})]}),N&&o(u,{className:R.error,children:[s(a,{size:16}),N]})]}),g&&!N&&!b&&s(r,{onClick:g,size:"small",tooltipProps:{title:"Cancel"},children:s(e,{})}),P&&(N||b)&&s(r,{onClick:P,size:"small",tooltipProps:{title:"Remove File"},children:s(m,{})}),T&&N&&s(r,{onClick:T,size:"small",tooltipProps:{title:"Reload"},children:s(l,{})})]})};export{h as FilesLoaderV2};
+import{jsxs as o,jsx as s,Fragment as c}from"react/jsx-runtime";import i from"classnames";import{LinearProgress as n}from"@material-ui/core";import{FileIcon as t}from"../FileIcon/FileIcon.js";import m from"../IconButton/index.js";import{CloseIcon as r,DeleteFourIcon as e,RedoIcon as p}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as l}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import{MiddleTruncatedText as a}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{Regular14 as u,Regular12 as j}from"../Typography.js";import{formatSizeProgress as I}from"./utils.js";import{useStyles as d}from"./styles.js";var h=function(h){var C=h.formatProgress,v=void 0===C?I:C,F=h.className,f=h.name,x=h.current,O=h.total,P=h.errorText,g=h.onCancel,M=h.onReload,T=h.onDelete,b=d(),k=void 0!==O&&O>=0&&void 0!==x&&x>=0,N=Math.min(100,Math.ceil((null!=x?x:0)/(null!=O?O:1)*100)),A=void 0!==x&&void 0!==O&&x>=O;return o("div",{className:i(b.root,F),children:[s(t,{name:f,className:b.icon,strokeWidth:2}),o("div",{className:b.content,children:[s(u,{className:b.name,children:s(a,{children:f},f)}),!P&&!A&&o(c,{children:[s(n,{className:b.progressBar,variant:k?"determinate":void 0,value:N}),o("div",{className:b.progressTextContainer,children:[s(j,{className:b.progressText,children:v(O,x)}),k&&o(j,{className:b.progressText,children:[N,"%"]})]})]}),P&&o(u,{className:b.error,children:[s(l,{size:16}),P]})]}),g&&!P&&!A&&s(m,{onClick:g,size:"small",tooltipProps:{title:"Cancel"},children:s(r,{})}),T&&(P||A)&&s(m,{onClick:T,size:"small",tooltipProps:{title:"Remove File"},children:s(e,{})}),M&&P&&s(m,{onClick:M,size:"small",tooltipProps:{title:"Reload"},children:s(p,{})})]})};export{h as FilesLoaderV2};
 //# sourceMappingURL=FilesLoaderV2.js.map

package/components/Formula/CloseSuggestion.js

@@ -1,2 +1,2 @@
-import{makeStyles as o}from"@material-ui/core";import{Tooltip as s}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{CloseSmallIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import{jsx as i}from"react/jsx-runtime";var n=o((function(o){return{buttonWrapper:{display:"flex",alignItems:"center",color:o.palette.primary.text7,"&:hover":{color:o.palette.primary.text1,cursor:"pointer"},marginLeft:"-24px",zIndex:999}}}));function t(o){var t=o.onClose,r=n();return i("div",{className:r.buttonWrapper,onClick:t,children:i(s,{title:"Clear",placement:"bottom",children:i(c,{size:16,strokeWidth:3})})})}export{t as default};
+import{makeStyles as o}from"@material-ui/core";import{Tooltip as s}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{CloseSmallIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import{jsx as i}from"react/jsx-runtime";var n=o((function(o){return{buttonWrapper:{display:"flex",alignItems:"center",color:o.palette.primary.text7,"&:hover":{color:o.palette.primary.text1,cursor:"pointer"},marginLeft:"-24px",zIndex:999}}}));function t(o){var t=o.onClose,m=n();return i("div",{className:m.buttonWrapper,onClick:t,children:i(s,{title:"Clear",placement:"bottom",children:i(c,{size:16,strokeWidth:3})})})}export{t as default};
 //# sourceMappingURL=CloseSuggestion.js.map

package/components/Formula/CloseSuggestion.js.map

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

package/components/Formula/Formula.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{jsxs as i,jsx as n}from"react/jsx-runtime";import{useState as c,useMemo as r,useRef as e,useCallback as t,useEffect as l}from"react";import a from"classnames";import{useTheme as m,Button as u}from"@material-ui/core";import{replaceStringToLabel as p}from"./utils.js";import{useFormulaFunction as d}from"./useFormulaFunction.js";import{useFormulaStyles as f}from"./useFormulaStyles.js";import h from"./RootXIcon.js";import j from"./FormulaTextEditor.js";import I from"./CloseSuggestion.js";import v from"./SuggestionsMenu.js";import{CloseSmallIcon as b,InfoIcon as C}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import F from"../../effects/useOutsideClick.js";import{Tooltip as g}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";var y=[{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"}],N=function(o,s,i){return s?i?o.palette.error.main:o.palette.primary.main:o.palette.primary.text7},k=function(k){var S,T=k.suggestions,x=void 0===T?[]:T,W=k.initFormula,A=void 0===W?"":W,O=k.onSave,E=void 0===O?function(){}:O,H=c(!0),P=s(H,2),R=P[0],U=P[1],V=c(!1),L=s(V,2),M=L[0],q=L[1],D=c(!1),G=s(D,2),z=G[0],B=G[1],X=c(A),Z=s(X,2),w=Z[0],J=Z[1],K=c(0),Q=s(K,2),Y=Q[0],$=Q[1],_=c(0),oo=s(_,2),so=oo[0],io=oo[1],no=p(w,x),co=no.search("/f"),ro=-1!==co,eo=r((function(){return x.map((function(o){return o.key}))}),[x]),to=no.substring(co+"/f".length,Y),lo=e(null),ao=f({isValue:!ro&&!!w}),mo=m(),uo=d(w,eo),po=uo.formulaFunction,fo=uo.error;F(lo,(function(){B(!1)}));var ho=function(o){var s,i=x.find((function(s){return s.key===o}));q(!0),B(!0),J((function(s){return s.replace("".concat("/f").concat(to),o?"[".concat(o,"]"):"")})),$(co+((null==i||null===(s=i.label)||void 0===s?void 0:s.length)||0))},jo=t((function(o,s){Y!==s&&$(s),o!==w&&(J(o),U(!1))}),[w,Y]);return l((function(){J(A)}),[A]),i("div",{className:ao.formulaContainer,children:[i("div",{className:ao.formulaHeaderWrapper,children:[i("div",{className:ao.formulaHeaderTextWrapper,children:[n(h,{color:N(mo,z,fo)}),n("div",{className:ao.formulaHeaderText,style:{color:N(mo,z,fo)},children:"Formula Expression"})]}),i("div",{className:ao.formulaHeaderButtonWrapper,onClick:function(){ro||(U(!1),J(""),$(0),q(!0))},children:[n(b,{strokeWidth:3,size:16}),n("div",{className:ao.formulaHeaderText,children:"Clear"})]})]}),i("div",{className:ao.formulaEditorWrapper,children:[n("div",{ref:lo,onClick:function(){B(!0)},children:n(j,{initFormula:w,cursorPos:Y,color:N(mo,z,fo),suggestions:x,isValueUpdated:M,setIsValueUpdated:q,onChange:jo})}),ro&&n(I,{onClose:function(){return ho("")}})]}),ro&&n(v,{suggestions:x,keyStr:to,onAddSuggestion:ho,onChangeHeight:io}),i("div",{className:ao.formulaFooterWrapper,style:{marginTop:ro?-so:0},children:[n(C,{className:ao.formulaFooterIcon,strokeWidth:3,size:16}),n("div",{className:ao.formulaFooterTextWrapper,children:i("div",{className:ao.formulaFooterText,children:["Type ",n("span",{className:ao.funcText,children:"/f"})," to do add live channels to your equation. Use your keybord for numbers and"," ",n(g,{title:n("div",{className:ao.tooltipWrapper,children:y.map((function(o){return i("div",{className:ao.tooltipLine,children:[n("span",{className:ao.tooltipValue,children:o.value}),i("div",{className:ao.tooltipLabelContainer,children:[!!o.isShift&&n("span",{className:ao.tooltipSymbol,children:"⇧"}),n("span",{children:o.label})]},o.value)]},o.value)}))}),placement:"bottom",children:n("span",{className:ao.successColor,children:"math symbols"})})]})})]}),n(u,{className:ao.verifyButton,variant:"contained",color:"primary",onClick:function(){U(!0);var o=x.map((function(o){return o.key})).filter((function(o){return w&&w.includes(o)}));E({formula:w,variables:o,formulaFunc:po})},disabled:R||!po,children:"Verify"}),!!w&&n("span",{className:a(ao.resultText,(S={},o(S,ao.errorColor,!!fo),o(S,ao.resultSuccessColor,!fo),S)),children:fo?"The formula is not valid":"The formula is valid"})]})};export{k as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{jsxs as i,jsx as c}from"react/jsx-runtime";import{useState as n,useMemo as t,useRef as r,useCallback as e,useEffect as m}from"react";import l from"classnames";import{useTheme as a,Button as u}from"@material-ui/core";import{replaceStringToLabel as p}from"./utils.js";import{useFormulaFunction as d}from"./useFormulaFunction.js";import{useFormulaStyles as j}from"./useFormulaStyles.js";import I from"./RootXIcon.js";import f from"./FormulaTextEditor.js";import h from"./CloseSuggestion.js";import v from"./SuggestionsMenu.js";import{CloseSmallIcon as C,InfoIcon as b}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import F from"../../effects/useOutsideClick.js";import{Tooltip as g}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";var y=[{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"}],N=function(o,s,i){return s?i?o.palette.error.main:o.palette.primary.main:o.palette.primary.text7},S=function(S){var T,k=S.suggestions,x=void 0===k?[]:k,O=S.initFormula,A=void 0===O?"":O,P=S.onSave,W=void 0===P?function(){}:P,M=n(!0),E=s(M,2),U=E[0],H=E[1],R=n(!1),D=s(R,2),V=D[0],z=D[1],B=n(!1),L=s(B,2),q=L[0],G=L[1],K=n(A),X=s(K,2),Z=X[0],w=X[1],J=n(0),Q=s(J,2),Y=Q[0],$=Q[1],_=n(0),oo=s(_,2),so=oo[0],io=oo[1],co=p(Z,x),no=co.search("/f"),to=-1!==no,ro=t((function(){return x.map((function(o){return o.key}))}),[x]),eo=co.substring(no+"/f".length,Y),mo=r(null),lo=j({isValue:!to&&!!Z}),ao=a(),uo=d(Z,ro),po=uo.formulaFunction,jo=uo.error;F(mo,(function(){G(!1)}));var Io=function(o){var s,i=x.find((function(s){return s.key===o}));z(!0),G(!0),w((function(s){return s.replace("".concat("/f").concat(eo),o?"[".concat(o,"]"):"")})),$(no+((null==i||null===(s=i.label)||void 0===s?void 0:s.length)||0))},fo=e((function(o,s){Y!==s&&$(s),o!==Z&&(w(o),H(!1))}),[Z,Y]);return m((function(){w(A)}),[A]),i("div",{className:lo.formulaContainer,children:[i("div",{className:lo.formulaHeaderWrapper,children:[i("div",{className:lo.formulaHeaderTextWrapper,children:[c(I,{color:N(ao,q,jo)}),c("div",{className:lo.formulaHeaderText,style:{color:N(ao,q,jo)},children:"Formula Expression"})]}),i("div",{className:lo.formulaHeaderButtonWrapper,onClick:function(){to||(H(!1),w(""),$(0),z(!0))},children:[c(C,{strokeWidth:3,size:16}),c("div",{className:lo.formulaHeaderText,children:"Clear"})]})]}),i("div",{className:lo.formulaEditorWrapper,children:[c("div",{ref:mo,onClick:function(){G(!0)},children:c(f,{initFormula:Z,cursorPos:Y,color:N(ao,q,jo),suggestions:x,isValueUpdated:V,setIsValueUpdated:z,onChange:fo})}),to&&c(h,{onClose:function(){return Io("")}})]}),to&&c(v,{suggestions:x,keyStr:eo,onAddSuggestion:Io,onChangeHeight:io}),i("div",{className:lo.formulaFooterWrapper,style:{marginTop:to?-so:0},children:[c(b,{className:lo.formulaFooterIcon,strokeWidth:3,size:16}),c("div",{className:lo.formulaFooterTextWrapper,children:i("div",{className:lo.formulaFooterText,children:["Type ",c("span",{className:lo.funcText,children:"/f"})," to do add live channels to your equation. Use your keybord for numbers and"," ",c(g,{title:c("div",{className:lo.tooltipWrapper,children:y.map((function(o){return i("div",{className:lo.tooltipLine,children:[c("span",{className:lo.tooltipValue,children:o.value}),i("div",{className:lo.tooltipLabelContainer,children:[!!o.isShift&&c("span",{className:lo.tooltipSymbol,children:"⇧"}),c("span",{children:o.label})]},o.value)]},o.value)}))}),placement:"bottom",children:c("span",{className:lo.successColor,children:"math symbols"})})]})})]}),c(u,{className:lo.verifyButton,variant:"contained",color:"primary",onClick:function(){H(!0);var o=x.map((function(o){return o.key})).filter((function(o){return Z&&Z.includes(o)}));W({formula:Z,variables:o,formulaFunc:po})},disabled:U||!po,children:"Verify"}),!!Z&&c("span",{className:l(lo.resultText,(T={},o(T,lo.errorColor,!!jo),o(T,lo.resultSuccessColor,!jo),T)),children:jo?"The formula is not valid":"The formula is valid"})]})};export{S as default};
 //# sourceMappingURL=Formula.js.map