@corva/ui 3.80.0-1 → 3.80.0-10

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

@@ -1 +1 @@
-{"version":3,"file":"FeedItem.js","sources":["../../../../src/components/FeedItem/FeedItem.js"],"sourcesContent":["import { Divider, makeStyles, Paper, Typography } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\nimport classNames from 'classnames';\nimport { includes, noop, startCase } from 'lodash';\nimport { useRef, useState } from 'react';\n\nimport { useDevCenterRouter } from '../DevCenter';\n\nimport Actions from './components/Actions';\nimport CompletionDateTimestamp from './components/CompletionDateTimestamp';\nimport Content from './components/Content';\nimport CreatedAt from './components/CreatedAt';\nimport FeedComments from './components/FeedComments';\nimport Icon from './components/Icon';\nimport Reactions from './components/Reactions';\nimport RigAndWell from './components/RigAndWell';\nimport TypeAndAssetTitle from './components/TypeAndAssetTitle';\n\nimport styles from './FeedItem.css';\n\nimport { deleteFeedItem, toggleFeedItemLike } from '~/clients/jsonApi';\nimport ConfirmationDialog from '~/components/ConfirmationDialog';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport ErrorBoundary from '~/components/ErrorBoundary';\nimport LoadingIndicator from '~/components/LoadingIndicator';\nimport { OPEN_ALERT_DETAILS_ID_STORAGE_KEY } from '~/constants/alerts';\nimport { FEED_ITEM_TYPES, FEED_ITEM_TYPES_BY_KEY } from '~/constants/feed';\nimport { showSuccessNotification } from '~/utils';\nimport utils from '~/utils/main';\nimport { isNativeDetected } from '~/utils/mobileDetect';\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] used for alert navigation by host applications\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 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    const alertRouter = router || devCenterRouter;\n\n    if (alertRouter) {\n      alertRouter.push(feedItemSourceLink);\n      return;\n    }\n\n    localStorage.setItem(OPEN_ALERT_DETAILS_ID_STORAGE_KEY, feedItem.context.alert.id);\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            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","_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","canDeleteFeedItem","includes","allowed_actions","useIsInsideIsolatedDcApp","classes","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","openCommentInput","setOpenCommentInput","_useState6","_useState5","openCommentList","setOpenCommentList","_useState8","_useState7","openDeleteDialog","setOpenDeleteDialog","isPost","type","FEED_ITEM_TYPES_BY_KEY","isEditableItem","isRecommended","geosteering_comments","data","isRecommendation","typeCategory","category","userFullName","utils","getUserFullName","user","typeLabel","showCreatorToLabel","label","startCase","feedItemSourceLink","alert","id","isFeedItemClickable","handleDeleteFeedItem","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","deleteFeedItem","t0","abrupt","finish","showSuccessNotification","stop","apply","this","arguments","isBeingLikedRef","useRef","handleToggleLike","_callee2","feedItemId","_context2","current","toggleFeedItemLike","devCenterRouter","useDevCenterRouter","_jsxs","Paper","PAGE_NAME","concat","_feedItem$rig","_feedItem$well","_feedItem$well$parent","rig","name","well","parent_asset","getRigName","className","classNames","styles","hideOverflow","elevation","children","jsxs","onClick","alertRouter","push","localStorage","setItem","OPEN_ALERT_DETAILS_ID_STORAGE_KEY","mainContainer","mainContainerClickable","mainContainerNative","isNativeDetected","_jsx","Icon","displayName","mainContainerTop","mainContainerTopNative","mainContainerTopLine","TypeAndAssetTitle","mainContainerTopMenu","CreatedAt","Actions","handleEditMenuItem","handleDeleteMenuItem","copyFeedItemLink","feedId","text","window","location","host","copyToClipboard","RigAndWell","Divider","CompletionDateTimestamp","ErrorBoundary","ErrorView","Typography","Content","_objectSpread","Reactions","FeedComments","loadingContainer","style","grey","LoadingIndicator","jsx","ConfirmationDialog","open","title","handleClose","handleOk","okText"],"mappings":"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"}
+{"version":3,"file":"FeedItem.js","sources":["../../../../src/components/FeedItem/FeedItem.js"],"sourcesContent":["import { Divider, makeStyles, Paper, Typography } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\nimport classNames from 'classnames';\nimport { includes, noop, startCase } from 'lodash';\nimport { useRef, useState } from 'react';\n\nimport { useDevCenterRouter } from '../DevCenter';\n\nimport Actions from './components/Actions';\nimport CompletionDateTimestamp from './components/CompletionDateTimestamp';\nimport Content from './components/Content';\nimport CreatedAt from './components/CreatedAt';\nimport FeedComments from './components/FeedComments';\nimport Icon from './components/Icon';\nimport Reactions from './components/Reactions';\nimport RigAndWell from './components/RigAndWell';\nimport TypeAndAssetTitle from './components/TypeAndAssetTitle';\n\nimport styles from './FeedItem.css';\n\nimport { deleteFeedItem, toggleFeedItemLike } from '~/clients/jsonApi';\nimport ConfirmationDialog from '~/components/ConfirmationDialog';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport ErrorBoundary from '~/components/ErrorBoundary';\nimport LoadingIndicator from '~/components/LoadingIndicator';\nimport { OPEN_ALERT_DETAILS_ID_STORAGE_KEY } from '~/constants/alerts';\nimport { FEED_ITEM_TYPES, FEED_ITEM_TYPES_BY_KEY } from '~/constants/feed';\nimport { showSuccessNotification } from '~/utils';\nimport utils from '~/utils/main';\nimport { isNativeDetected } from '~/utils/mobileDetect';\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] used for alert navigation by host applications\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 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    const alertRouter = router || devCenterRouter;\n\n    if (alertRouter) {\n      alertRouter.push(feedItemSourceLink);\n      return;\n    }\n\n    localStorage.setItem(OPEN_ALERT_DETAILS_ID_STORAGE_KEY, feedItem.context.alert.id);\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            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","_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","canDeleteFeedItem","includes","allowed_actions","useIsInsideIsolatedDcApp","classes","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","openCommentInput","setOpenCommentInput","_useState6","_useState5","openCommentList","setOpenCommentList","_useState8","_useState7","openDeleteDialog","setOpenDeleteDialog","isPost","type","FEED_ITEM_TYPES_BY_KEY","isEditableItem","isRecommended","geosteering_comments","data","isRecommendation","typeCategory","category","userFullName","utils","getUserFullName","user","typeLabel","showCreatorToLabel","label","startCase","feedItemSourceLink","alert","id","isFeedItemClickable","handleDeleteFeedItem","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","deleteFeedItem","t0","abrupt","finish","showSuccessNotification","stop","apply","this","arguments","isBeingLikedRef","useRef","handleToggleLike","_callee2","feedItemId","_context2","current","toggleFeedItemLike","devCenterRouter","useDevCenterRouter","_jsxs","Paper","PAGE_NAME","concat","_feedItem$rig","_feedItem$well","_feedItem$well$parent","rig","name","well","parent_asset","getRigName","className","classNames","styles","hideOverflow","elevation","children","jsxs","onClick","alertRouter","push","localStorage","setItem","OPEN_ALERT_DETAILS_ID_STORAGE_KEY","mainContainer","mainContainerClickable","mainContainerNative","isNativeDetected","_jsx","Icon","displayName","mainContainerTop","mainContainerTopNative","mainContainerTopLine","TypeAndAssetTitle","mainContainerTopMenu","CreatedAt","Actions","handleEditMenuItem","handleDeleteMenuItem","copyFeedItemLink","feedId","text","window","location","host","copyToClipboard","RigAndWell","Divider","CompletionDateTimestamp","ErrorBoundary","ErrorView","Typography","Content","_objectSpread","Reactions","FeedComments","loadingContainer","style","grey","LoadingIndicator","jsx","ConfirmationDialog","open","title","handleClose","handleOk","okText"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/regenerator"),s=require("prop-types"),i=require("react"),u=require("./FeedItemEditModal.js");require("../../UserMention/utils/index.js"),require("@babel/runtime/helpers/defineProperty"),require("../../../utils/convert.js"),require("../../../constants/completion.js"),require("moment"),require("../../../constants/alerts.js"),require("../../../utils/casing/validation.js"),require("lodash/mean"),require("lodash"),require("../../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../GradientManager/configuration/constants.js"),require("../../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../../utils/ga.js"),require("../../../utils/goalsConfig/goalsConfig.js"),require("../../../utils/lasParser.js"),require("../../../utils/main.js"),require("../../../utils/metrics/metricsConfig.js"),require("../../../utils/mobileDetect.js"),require("../../../utils/feed.js"),require("../../../utils/reports.js"),require("moment-timezone");var n=require("../../../utils/notificationToasts.js");require("@babel/runtime/helpers/typeof"),require("../../../utils/dashboardReports.js"),require("../../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../utils/jsonaDataFormatter.js"),require("../../../utils/bha.js"),require("jsona");var a=require("../../../clients/jsonApi/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../../../utils/charts/Styles.scss.js"),require("../../../utils/getSingleAsset.js");var o=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),d=l(r),q=l(t),f=l(s),p=i.createContext(),j=function(e){var r,t=e.children,s=e.tracesMinDateSec,l=void 0===s?null:s,f=e.tracesMaxDateSec,j=void 0===f?null:f,b=e.tracesAssetId,v=void 0===b?null:b,h=e.exitFunc,g=void 0===h?m:h,x=i.useState(null),y=d.default(x,2),S=y[0],I=y[1],M=function(){g(),I(null)},D=(r=c.default(q.default.mark((function e(r){return q.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,a.patchFeedItem(S.id,{context:r});case 3:e.next=9;break;case 5:return e.prev=5,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return");case 9:M(),n.showSuccessNotification("Successfully updated");case 11:case"end":return e.stop()}}),e,null,[[0,5]])}))),function(e){return r.apply(this,arguments)});return o.jsxs(p.Provider,{value:{editedFeedItem:S,setEditedFeedItem:I},children:[S&&o.jsx(u,{feedItem:S,onClose:M,onSave:function(e){var r=e.context;D(r)},tracesMinDateSec:l,tracesMaxDateSec:j,tracesAssetId:v}),t]})};j.propTypes={children:f.default.node.isRequired,tracesMinDateSec:f.default.oneOfType([f.default.string,f.default.number]),tracesMaxDateSec:f.default.oneOfType([f.default.string,f.default.number]),tracesAssetId:f.default.oneOfType([f.default.string,f.default.number]),exitFunc:f.default.func};var m=function(){return null};exports.FeedItemEditProvider=j,exports.useFeedItemEditProvider=function(){return i.useContext(p)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/regenerator"),s=require("prop-types"),i=require("react"),u=require("./FeedItemEditModal.js");require("../../UserMention/utils/index.js"),require("@babel/runtime/helpers/defineProperty"),require("../../../utils/convert.js"),require("../../../constants/completion.js"),require("moment"),require("../../../constants/alerts.js"),require("../../../utils/casing/validation.js"),require("lodash/mean"),require("lodash"),require("../../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../GradientManager/configuration/constants.js"),require("../../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../../utils/ga.js"),require("../../../utils/goalsConfig/goalsConfig.js"),require("../../../utils/lasParser.js"),require("../../../utils/main.js"),require("../../../utils/metrics/metricsConfig.js"),require("../../../utils/mobileDetect.js"),require("../../../utils/feed.js"),require("../../../utils/reports.js"),require("moment-timezone");var n=require("../../../utils/notificationToasts.js");require("@babel/runtime/helpers/typeof"),require("../../../utils/dashboardReports.js"),require("../../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../utils/jsonaDataFormatter.js"),require("../../../utils/bha.js"),require("jsona");var a=require("../../../clients/jsonApi/index.js");require("../../../utils/shareRecentRequest.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../../../utils/charts/Styles.scss.js"),require("../../../utils/getSingleAsset.js");var o=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),d=l(r),q=l(t),f=l(s),j=i.createContext(),p=function(e){var r,t=e.children,s=e.tracesMinDateSec,l=void 0===s?null:s,f=e.tracesMaxDateSec,p=void 0===f?null:f,b=e.tracesAssetId,h=void 0===b?null:b,v=e.exitFunc,g=void 0===v?m:v,x=i.useState(null),y=d.default(x,2),S=y[0],I=y[1],M=function(){g(),I(null)},D=(r=c.default(q.default.mark((function e(r){return q.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,a.patchFeedItem(S.id,{context:r});case 3:e.next=9;break;case 5:return e.prev=5,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return");case 9:M(),n.showSuccessNotification("Successfully updated");case 11:case"end":return e.stop()}}),e,null,[[0,5]])}))),function(e){return r.apply(this,arguments)});return o.jsxs(j.Provider,{value:{editedFeedItem:S,setEditedFeedItem:I},children:[S&&o.jsx(u,{feedItem:S,onClose:M,onSave:function(e){var r=e.context;D(r)},tracesMinDateSec:l,tracesMaxDateSec:p,tracesAssetId:h}),t]})};p.propTypes={children:f.default.node.isRequired,tracesMinDateSec:f.default.oneOfType([f.default.string,f.default.number]),tracesMaxDateSec:f.default.oneOfType([f.default.string,f.default.number]),tracesAssetId:f.default.oneOfType([f.default.string,f.default.number]),exitFunc:f.default.func};var m=function(){return null};exports.FeedItemEditProvider=p,exports.useFeedItemEditProvider=function(){return i.useContext(j)};
 //# sourceMappingURL=FeedItemEditProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedItemEditProvider.js","sources":["../../../../../src/components/FeedItem/FeedItemEditProvider/FeedItemEditProvider.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { createContext, useState, useContext } from 'react';\n\nimport FeedItemEditModal from './FeedItemEditModal';\n\nimport { showSuccessNotification } from '~/utils';\nimport { patchFeedItem } from '~/clients/jsonApi';\n\nconst FeedItemEditContext = createContext();\n\nconst FeedItemEditProvider = ({\n  children,\n  tracesMinDateSec = null,\n  tracesMaxDateSec = null,\n  tracesAssetId = null,\n  exitFunc = DEFAULT_FEED_ITEM_EDIT_PROVIDER_EXIT_FUNC,\n}) => {\n  const [editedFeedItem, setEditedFeedItem] = useState(null);\n\n  const exitEdit = () => {\n    exitFunc();\n    setEditedFeedItem(null);\n  };\n\n  const handlePatchFeedItem = async newContext => {\n    try {\n      await patchFeedItem(editedFeedItem.id, { context: newContext });\n    } catch (error) {\n      console.error(error);\n      return;\n    }\n\n    exitEdit();\n    showSuccessNotification('Successfully updated');\n  };\n\n  const onSave = ({ context }) => {\n    handlePatchFeedItem(context);\n  };\n\n  return (\n    <FeedItemEditContext.Provider value={{ editedFeedItem, setEditedFeedItem }}>\n      {editedFeedItem && (\n        <FeedItemEditModal\n          feedItem={editedFeedItem}\n          onClose={exitEdit}\n          onSave={onSave}\n          tracesMinDateSec={tracesMinDateSec}\n          tracesMaxDateSec={tracesMaxDateSec}\n          tracesAssetId={tracesAssetId}\n        />\n      )}\n      {children}\n    </FeedItemEditContext.Provider>\n  );\n};\n\nFeedItemEditProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  tracesMinDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tracesMaxDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tracesAssetId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  exitFunc: PropTypes.func,\n};\n\nconst DEFAULT_FEED_ITEM_EDIT_PROVIDER_EXIT_FUNC = () => null;\n\nfunction useFeedItemEditProvider() {\n  return useContext(FeedItemEditContext);\n}\n\nexport { FeedItemEditProvider, useFeedItemEditProvider };\n"],"names":["FeedItemEditContext","createContext","FeedItemEditProvider","_ref","_ref2","children","_ref$tracesMinDateSec","tracesMinDateSec","_ref$tracesMaxDateSec","tracesMaxDateSec","_ref$tracesAssetId","tracesAssetId","_ref$exitFunc","exitFunc","DEFAULT_FEED_ITEM_EDIT_PROVIDER_EXIT_FUNC","useState","_useState2","_slicedToArray","_useState","editedFeedItem","setEditedFeedItem","exitEdit","handlePatchFeedItem","_asyncToGenerator","_regeneratorRuntime","mark","newContext","wrap","_context","prev","next","patchFeedItem","id","context","t0","console","error","abrupt","showSuccessNotification","stop","_callee","_x","apply","this","arguments","_jsxs","jsxs","Provider","value","_jsx","jsx","FeedItemEditModal","feedItem","onClose","onSave","_ref3","propTypes","PropTypes","node","isRequired","oneOfType","string","number","func","useContext"],"mappings":"s4EAQMA,EAAsBC,EAAaA,gBAEnCC,EAAuB,SAMvBC,GAAA,IAQqBC,EAbzBC,IAAAA,SAAQC,EAAAH,EACRI,iBAAAA,aAAmB,KAAID,EAAAE,EAAAL,EACvBM,iBAAAA,aAAmB,KAAID,EAAAE,EAAAP,EACvBQ,cAAAA,aAAgB,KAAID,EAAAE,EAAAT,EACpBU,SAAAA,aAAWC,EAAyCF,EAERG,EAAAA,EAAQA,SAAC,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAnDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GAElCK,EAAW,WACfR,IACAO,EAAkB,OAGdE,GAAmBlB,EAAAmB,EAAAA,QAAAC,EAAAA,QAAAC,MAAG,WAAMC,GAAU,OAAAF,UAAAG,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAElCC,EAAaA,cAACZ,EAAea,GAAI,CAAEC,QAASP,IAAa,KAAA,EAAAE,EAAAE,KAAA,EAAA,MAAA,KAAA,EAE1C,OAF0CF,EAAAC,KAAA,EAAAD,EAAAM,GAAAN,EAAA,MAAA,GAE/DO,QAAQC,MAAYR,EAAAM,IAACN,EAAAS,OAAA,UAAA,KAAA,EAIvBhB,IACAiB,EAAuBA,wBAAC,wBAAwB,KAAA,GAAA,IAAA,MAAA,OAAAV,EAAAW,OAAA,GAAAC,EAAA,KAAA,CAAA,CAAA,EAAA,IACjD,KAAA,SAVwBC,GAAA,OAAArC,EAAAsC,MAAAC,KAAAC,UAAA,GAgBzB,OACEC,EAAAC,KAAC9C,EAAoB+C,SAAQ,CAACC,MAAO,CAAE7B,eAAAA,EAAgBC,kBAAAA,GAAoBf,SACxEc,CAAAA,GACC8B,EAAAC,IAACC,EAAiB,CAChBC,SAAUjC,EACVkC,QAAShC,EACTiC,OAVO,SAAiBC,GAAA,IAAdtB,IAAAA,QAChBX,EAAoBW,IAUd1B,iBAAkBA,EAClBE,iBAAkBA,EAClBE,cAAeA,IAGlBN,IAGP,EAEAH,EAAqBsD,UAAY,CAC/BnD,SAAUoD,EAAAA,QAAUC,KAAKC,WACzBpD,iBAAkBkD,EAAS,QAACG,UAAU,CAACH,EAAS,QAACI,OAAQJ,EAAAA,QAAUK,SACnErD,iBAAkBgD,EAAS,QAACG,UAAU,CAACH,EAAS,QAACI,OAAQJ,EAAAA,QAAUK,SACnEnD,cAAe8C,EAAS,QAACG,UAAU,CAACH,EAAS,QAACI,OAAQJ,EAAAA,QAAUK,SAChEjD,SAAU4C,EAAS,QAACM,MAGtB,IAAMjD,EAA4C,WAAH,OAAS,IAAI,iEAE5D,WACE,OAAOkD,EAAAA,WAAWhE,EACpB"}
+{"version":3,"file":"FeedItemEditProvider.js","sources":["../../../../../src/components/FeedItem/FeedItemEditProvider/FeedItemEditProvider.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { createContext, useState, useContext } from 'react';\n\nimport FeedItemEditModal from './FeedItemEditModal';\n\nimport { showSuccessNotification } from '~/utils';\nimport { patchFeedItem } from '~/clients/jsonApi';\n\nconst FeedItemEditContext = createContext();\n\nconst FeedItemEditProvider = ({\n  children,\n  tracesMinDateSec = null,\n  tracesMaxDateSec = null,\n  tracesAssetId = null,\n  exitFunc = DEFAULT_FEED_ITEM_EDIT_PROVIDER_EXIT_FUNC,\n}) => {\n  const [editedFeedItem, setEditedFeedItem] = useState(null);\n\n  const exitEdit = () => {\n    exitFunc();\n    setEditedFeedItem(null);\n  };\n\n  const handlePatchFeedItem = async newContext => {\n    try {\n      await patchFeedItem(editedFeedItem.id, { context: newContext });\n    } catch (error) {\n      console.error(error);\n      return;\n    }\n\n    exitEdit();\n    showSuccessNotification('Successfully updated');\n  };\n\n  const onSave = ({ context }) => {\n    handlePatchFeedItem(context);\n  };\n\n  return (\n    <FeedItemEditContext.Provider value={{ editedFeedItem, setEditedFeedItem }}>\n      {editedFeedItem && (\n        <FeedItemEditModal\n          feedItem={editedFeedItem}\n          onClose={exitEdit}\n          onSave={onSave}\n          tracesMinDateSec={tracesMinDateSec}\n          tracesMaxDateSec={tracesMaxDateSec}\n          tracesAssetId={tracesAssetId}\n        />\n      )}\n      {children}\n    </FeedItemEditContext.Provider>\n  );\n};\n\nFeedItemEditProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  tracesMinDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tracesMaxDateSec: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tracesAssetId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  exitFunc: PropTypes.func,\n};\n\nconst DEFAULT_FEED_ITEM_EDIT_PROVIDER_EXIT_FUNC = () => null;\n\nfunction useFeedItemEditProvider() {\n  return useContext(FeedItemEditContext);\n}\n\nexport { FeedItemEditProvider, useFeedItemEditProvider };\n"],"names":["FeedItemEditContext","createContext","FeedItemEditProvider","_ref","_ref2","children","_ref$tracesMinDateSec","tracesMinDateSec","_ref$tracesMaxDateSec","tracesMaxDateSec","_ref$tracesAssetId","tracesAssetId","_ref$exitFunc","exitFunc","DEFAULT_FEED_ITEM_EDIT_PROVIDER_EXIT_FUNC","useState","_useState2","_slicedToArray","_useState","editedFeedItem","setEditedFeedItem","exitEdit","handlePatchFeedItem","_asyncToGenerator","_regeneratorRuntime","mark","newContext","wrap","_context","prev","next","patchFeedItem","id","context","t0","console","error","abrupt","showSuccessNotification","stop","_callee","_x","apply","this","arguments","_jsxs","jsxs","Provider","value","_jsx","jsx","FeedItemEditModal","feedItem","onClose","onSave","_ref3","propTypes","PropTypes","node","isRequired","oneOfType","string","number","func","useContext"],"mappings":"s7EAQMA,EAAsBC,EAAaA,gBAEnCC,EAAuB,SAMvBC,GAAA,IAQqBC,EAbzBC,IAAAA,SAAQC,EAAAH,EACRI,iBAAAA,aAAmB,KAAID,EAAAE,EAAAL,EACvBM,iBAAAA,aAAmB,KAAID,EAAAE,EAAAP,EACvBQ,cAAAA,aAAgB,KAAID,EAAAE,EAAAT,EACpBU,SAAAA,aAAWC,EAAyCF,EAERG,EAAAA,EAAQA,SAAC,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAnDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GAElCK,EAAW,WACfR,IACAO,EAAkB,OAGdE,GAAmBlB,EAAAmB,EAAAA,QAAAC,EAAAA,QAAAC,MAAG,WAAMC,GAAU,OAAAF,UAAAG,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAElCC,EAAaA,cAACZ,EAAea,GAAI,CAAEC,QAASP,IAAa,KAAA,EAAAE,EAAAE,KAAA,EAAA,MAAA,KAAA,EAE1C,OAF0CF,EAAAC,KAAA,EAAAD,EAAAM,GAAAN,EAAA,MAAA,GAE/DO,QAAQC,MAAYR,EAAAM,IAACN,EAAAS,OAAA,UAAA,KAAA,EAIvBhB,IACAiB,EAAuBA,wBAAC,wBAAwB,KAAA,GAAA,IAAA,MAAA,OAAAV,EAAAW,OAAA,GAAAC,EAAA,KAAA,CAAA,CAAA,EAAA,IACjD,KAAA,SAVwBC,GAAA,OAAArC,EAAAsC,MAAAC,KAAAC,UAAA,GAgBzB,OACEC,EAAAC,KAAC9C,EAAoB+C,SAAQ,CAACC,MAAO,CAAE7B,eAAAA,EAAgBC,kBAAAA,GAAoBf,SACxEc,CAAAA,GACC8B,EAAAC,IAACC,EAAiB,CAChBC,SAAUjC,EACVkC,QAAShC,EACTiC,OAVO,SAAiBC,GAAA,IAAdtB,IAAAA,QAChBX,EAAoBW,IAUd1B,iBAAkBA,EAClBE,iBAAkBA,EAClBE,cAAeA,IAGlBN,IAGP,EAEAH,EAAqBsD,UAAY,CAC/BnD,SAAUoD,EAAAA,QAAUC,KAAKC,WACzBpD,iBAAkBkD,EAAS,QAACG,UAAU,CAACH,EAAS,QAACI,OAAQJ,EAAAA,QAAUK,SACnErD,iBAAkBgD,EAAS,QAACG,UAAU,CAACH,EAAS,QAACI,OAAQJ,EAAAA,QAAUK,SACnEnD,cAAe8C,EAAS,QAACG,UAAU,CAACH,EAAS,QAACI,OAAQJ,EAAAA,QAAUK,SAChEjD,SAAU4C,EAAS,QAACM,MAGtB,IAAMjD,EAA4C,WAAH,OAAS,IAAI,iEAE5D,WACE,OAAOkD,EAAAA,WAAWhE,EACpB"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../UserMention/utils/index.js"),require("@babel/runtime/helpers/defineProperty"),require("../../utils/convert.js"),require("../../constants/completion.js"),require("moment"),require("../../constants/alerts.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../utils/casing/validation.js"),require("@babel/runtime/helpers/slicedToArray"),require("lodash/mean"),require("lodash"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/mobileDetect.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("../../clients/jsonApi/index.js");var e=require("../../utils/formatFileSize.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js");exports.formatSizeProgress=function(r,s){return void 0!==r&&r>=0&&void 0!==s&&s>=0?"".concat(e.formatFileSize(s)," of ").concat(e.formatFileSize(r)):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../UserMention/utils/index.js"),require("@babel/runtime/helpers/defineProperty"),require("../../utils/convert.js"),require("../../constants/completion.js"),require("moment"),require("../../constants/alerts.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../utils/casing/validation.js"),require("@babel/runtime/helpers/slicedToArray"),require("lodash/mean"),require("lodash"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/mobileDetect.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("../../clients/jsonApi/index.js"),require("../../utils/shareRecentRequest.js");var e=require("../../utils/formatFileSize.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js");exports.formatSizeProgress=function(r,s){return void 0!==r&&r>=0&&void 0!==s&&s>=0?"".concat(e.formatFileSize(s)," of ").concat(e.formatFileSize(r)):null};
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/FilesLoaderV2/utils.ts"],"sourcesContent":["import { formatFileSize } from '~/utils';\n\nexport const formatSizeProgress = (total?: number, current?: number) => {\n  if (total !== undefined && total >= 0 && current !== undefined && current >= 0) {\n    return `${formatFileSize(current)!} of ${formatFileSize(total)!}`;\n  }\n\n  return null;\n};\n"],"names":["total","current","undefined","formatFileSize"],"mappings":"glEAEkC,SAACA,EAAgBC,GACjD,YAAcC,IAAVF,GAAuBA,GAAS,QAAiBE,IAAZD,GAAyBA,GAAW,EACjEE,GAAAA,OAAAA,EAAcA,eAACF,kBAAgBE,EAAAA,eAAeH,IAGnD,IACT"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/FilesLoaderV2/utils.ts"],"sourcesContent":["import { formatFileSize } from '~/utils';\n\nexport const formatSizeProgress = (total?: number, current?: number) => {\n  if (total !== undefined && total >= 0 && current !== undefined && current >= 0) {\n    return `${formatFileSize(current)!} of ${formatFileSize(total)!}`;\n  }\n\n  return null;\n};\n"],"names":["total","current","undefined","formatFileSize"],"mappings":"6nEAEkC,SAACA,EAAgBC,GACjD,YAAcC,IAAVF,GAAuBA,GAAS,QAAiBE,IAAZD,GAAyBA,GAAW,EACjEE,GAAAA,OAAAA,EAAcA,eAACF,kBAAgBE,EAAAA,eAAeH,IAGnD,IACT"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),r=require("@material-ui/core"),o=require("lodash"),n=require("react"),i=require("../IconButton/index.js"),t=require("../GradientPicker/GradientPicker.js");require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("classnames"),require("../../componentsV2/Header/Header.scss.js");var c=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../componentsV2/TextInput/TextInput.js");var u=require("../../componentsV2/TextInputNext/TextInputNext.js");require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.js");var a=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("../../constants/completion.js"),require("moment"),require("../../constants/alerts.js"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js");var p=require("./configuration/constants.js");require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/mobileDetect.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("../../clients/jsonApi/index.js"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("querystring"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../StatusBadge/constants.js"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppPanel/AppPanelsContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js"),require("../../componentsV2/Select/Select.js"),require("../../componentsV2/AppPanel/AppPanel.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js");var l=require("./GradientList.js"),d=require("./GradientSelect.js"),m=require("./GradientManager.styles.js");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=q(e),V=q(s);function A(e,s){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),r.push.apply(r,o)}return r}function I(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?A(Object(r),!0).forEach((function(s){j.default(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))}))}return e}exports.GradientManager=function(e){var s,q,j=e.gradientId,A=e.onGradientEditStateChange,C=void 0===A?o.noop:A,g=e.onChange,v=void 0===g?o.noop:g,h=e.defaultGradients,S=void 0===h?p.DEFAULT_GRADIENTS:h,x=e.defaultGradientStops,b=void 0===x?p.DEFAULT_GRADIENT_STOPS:x,P=e.allowNoname,D=e.scaleOptions,f=(D=void 0===D?{}:D).scaleFrom,T=void 0===f?0:f,y=D.scaleTo,k=void 0===y?100:y,O=D.scaleUnit,F=e.className,G=m.useStyles(),B=n.useMemo((function(){return new l.GradientList(e.gradients||[],S,e.onGradientsChange)}),[e.gradients,S,e.onGradientsChange]),E=n.useState(null),M=V.default(E,2),H=M[0],L=M[1],w=e.disableGradientsManagement||!e.onGradientsChange,N=B.getHelperText({name:null!==(s=null==H?void 0:H.name)&&void 0!==s?s:"",allowNoname:null!=P&&P,gradientId:j});n.useEffect((function(){C(Boolean(H))}),[Boolean(H)]);var R=(null===(q=B.getById(j))||void 0===q?void 0:q.gradientStops)||e.gradientStops||b,U=n.useCallback((function(){L(null)}),[]),W=n.useCallback((function(){L({name:"",gradientStops:b,id:p.TEMP_GRADIENT_ID})}),[b]),_=n.useCallback((function(){var e;B.isDefault(j)?L({name:B.newName(),gradientStops:R,id:p.TEMP_GRADIENT_ID}):L({name:(null===(e=B.getById(j))||void 0===e?void 0:e.name)||"",gradientStops:R})}),[B,j,R]),z=function(){if(o.isEmpty(N)&&H){var e=H.gradientStops;if(e){var s=o.trim(H.name);if(L(null),s){if(B.getById(H.id||j))return B.update(j,{gradientStops:e,name:s}),void v({gradientId:j,gradientStops:e});var r=B.add(s,e);v({gradientId:r.id,gradientStops:e})}else P&&v({gradientStops:e,gradientId:null})}}},K=n.useCallback((function(e){e===j&&(v({gradientId:null,gradientStops:R}),L(null)),B.remove(e)}),[R,B,v,j]),X=function(e){var s=e.trimStart().substring(0,p.GRADIENT_MAX_NAME_LENGTH);L(I(I({},H),{},{name:s}))},Z=n.useCallback((function(e,s){switch(e){case"add":W();break;case"delete":K(s)}}),[W,K]),J=n.useCallback((function(e){var s,r=B.getById(e);v({gradientId:e,gradientStops:null!==(s=null==r?void 0:r.gradientStops)&&void 0!==s?s:b})}),[B,v,b]);return c.jsxs(r.Grid,{container:!0,className:F,children:[c.jsx(r.Grid,{item:!0,xs:6,children:H?c.jsx(u.TextInputNext,{className:G.customGradientName,label:"Gradient Name",value:H.name,onChange:X,onFocus:function(e){e.target.select()},onKeyDown:function(e){if("Enter"===e.key){var s=e.target.value;s&&(X(s),z())}},autoFocus:!0,status:null!=N&&N.error?"error":void 0,message:null==N?void 0:N.helperText}):c.jsx(d.GradientSelect,{value:j,gradients:e.gradients||[],onChange:J,defaultGradients:S,onAction:Z,readonly:w})}),c.jsx(r.Grid,{item:!0,xs:6,children:c.jsx(r.Box,{display:"flex",alignItems:"center",height:"100%",children:c.jsx(r.Box,{display:"flex",paddingLeft:1,children:H?c.jsxs(c.Fragment,{children:[c.jsx(i,{"data-testid":"save-gradient-btn",onClick:z,tooltipProps:{title:"Save"},disabled:!!N||w,children:c.jsx(a.CheckSmallIcon,{})}),c.jsx(i,{"data-testid":"cancel-edit-btn",onClick:U,tooltipProps:{title:"Cancel"},children:c.jsx(a.CloseSmallIcon,{})})]}):c.jsxs(c.Fragment,{children:[c.jsx(i,{"data-testid":"edit-gradient-btn",onClick:_,tooltipProps:{title:"Edit"},disabled:w,children:c.jsx(a.WriteIcon,{})}),!!B.getById(j)&&!B.isDefault(j)&&c.jsx(i,{"data-testid":"delete-gradient-btn",onClick:function(){return K(j)},tooltipProps:{title:"Remove"},disabled:w,children:c.jsx(a.DeleteFourIcon,{})})]})})})}),c.jsx(r.Grid,{item:!0,xs:12,children:c.jsx(t.GradientPicker,{from:T,to:k,unit:O,noScale:!0,gradientStops:(null==H?void 0:H.gradientStops)||R,onChange:function(e){L(I(I({},H),{},{gradientStops:e}))},readonly:!H,isMoveInputVisible:!0})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),r=require("@material-ui/core"),o=require("lodash"),n=require("react"),i=require("../IconButton/index.js"),t=require("../GradientPicker/GradientPicker.js");require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("classnames"),require("../../componentsV2/Header/Header.scss.js");var c=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../componentsV2/TextInput/TextInput.js");var u=require("../../componentsV2/TextInputNext/TextInputNext.js");require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.js");var a=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("../../constants/completion.js"),require("moment"),require("../../constants/alerts.js"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js");var p=require("./configuration/constants.js");require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/mobileDetect.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("../../clients/jsonApi/index.js"),require("../../utils/shareRecentRequest.js"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("querystring"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../StatusBadge/constants.js"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppPanel/AppPanelsContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js"),require("../../componentsV2/Select/Select.js"),require("../../componentsV2/AppPanel/AppPanel.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/ColorPicker.constants.js"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js");var l=require("./GradientList.js"),d=require("./GradientSelect.js"),m=require("./GradientManager.styles.js");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=q(e),V=q(s);function A(e,s){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),r.push.apply(r,o)}return r}function I(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?A(Object(r),!0).forEach((function(s){j.default(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))}))}return e}exports.GradientManager=function(e){var s,q,j=e.gradientId,A=e.onGradientEditStateChange,C=void 0===A?o.noop:A,g=e.onChange,v=void 0===g?o.noop:g,h=e.defaultGradients,S=void 0===h?p.DEFAULT_GRADIENTS:h,x=e.defaultGradientStops,P=void 0===x?p.DEFAULT_GRADIENT_STOPS:x,b=e.allowNoname,D=e.scaleOptions,f=(D=void 0===D?{}:D).scaleFrom,T=void 0===f?0:f,k=D.scaleTo,y=void 0===k?100:k,O=D.scaleUnit,F=e.className,G=m.useStyles(),B=n.useMemo((function(){return new l.GradientList(e.gradients||[],S,e.onGradientsChange)}),[e.gradients,S,e.onGradientsChange]),E=n.useState(null),M=V.default(E,2),H=M[0],L=M[1],R=e.disableGradientsManagement||!e.onGradientsChange,w=B.getHelperText({name:null!==(s=null==H?void 0:H.name)&&void 0!==s?s:"",allowNoname:null!=b&&b,gradientId:j});n.useEffect((function(){C(Boolean(H))}),[Boolean(H)]);var N=(null===(q=B.getById(j))||void 0===q?void 0:q.gradientStops)||e.gradientStops||P,U=n.useCallback((function(){L(null)}),[]),W=n.useCallback((function(){L({name:"",gradientStops:P,id:p.TEMP_GRADIENT_ID})}),[P]),_=n.useCallback((function(){var e;B.isDefault(j)?L({name:B.newName(),gradientStops:N,id:p.TEMP_GRADIENT_ID}):L({name:(null===(e=B.getById(j))||void 0===e?void 0:e.name)||"",gradientStops:N})}),[B,j,N]),z=function(){if(o.isEmpty(w)&&H){var e=H.gradientStops;if(e){var s=o.trim(H.name);if(L(null),s){if(B.getById(H.id||j))return B.update(j,{gradientStops:e,name:s}),void v({gradientId:j,gradientStops:e});var r=B.add(s,e);v({gradientId:r.id,gradientStops:e})}else b&&v({gradientStops:e,gradientId:null})}}},K=n.useCallback((function(e){e===j&&(v({gradientId:null,gradientStops:N}),L(null)),B.remove(e)}),[N,B,v,j]),X=function(e){var s=e.trimStart().substring(0,p.GRADIENT_MAX_NAME_LENGTH);L(I(I({},H),{},{name:s}))},Z=n.useCallback((function(e,s){switch(e){case"add":W();break;case"delete":K(s)}}),[W,K]),J=n.useCallback((function(e){var s,r=B.getById(e);v({gradientId:e,gradientStops:null!==(s=null==r?void 0:r.gradientStops)&&void 0!==s?s:P})}),[B,v,P]);return c.jsxs(r.Grid,{container:!0,className:F,children:[c.jsx(r.Grid,{item:!0,xs:6,children:H?c.jsx(u.TextInputNext,{className:G.customGradientName,label:"Gradient Name",value:H.name,onChange:X,onFocus:function(e){e.target.select()},onKeyDown:function(e){if("Enter"===e.key){var s=e.target.value;s&&(X(s),z())}},autoFocus:!0,status:null!=w&&w.error?"error":void 0,message:null==w?void 0:w.helperText}):c.jsx(d.GradientSelect,{value:j,gradients:e.gradients||[],onChange:J,defaultGradients:S,onAction:Z,readonly:R})}),c.jsx(r.Grid,{item:!0,xs:6,children:c.jsx(r.Box,{display:"flex",alignItems:"center",height:"100%",children:c.jsx(r.Box,{display:"flex",paddingLeft:1,children:H?c.jsxs(c.Fragment,{children:[c.jsx(i,{"data-testid":"save-gradient-btn",onClick:z,tooltipProps:{title:"Save"},disabled:!!w||R,children:c.jsx(a.CheckSmallIcon,{})}),c.jsx(i,{"data-testid":"cancel-edit-btn",onClick:U,tooltipProps:{title:"Cancel"},children:c.jsx(a.CloseSmallIcon,{})})]}):c.jsxs(c.Fragment,{children:[c.jsx(i,{"data-testid":"edit-gradient-btn",onClick:_,tooltipProps:{title:"Edit"},disabled:R,children:c.jsx(a.WriteIcon,{})}),!!B.getById(j)&&!B.isDefault(j)&&c.jsx(i,{"data-testid":"delete-gradient-btn",onClick:function(){return K(j)},tooltipProps:{title:"Remove"},disabled:R,children:c.jsx(a.DeleteFourIcon,{})})]})})})}),c.jsx(r.Grid,{item:!0,xs:12,children:c.jsx(t.GradientPicker,{from:T,to:y,unit:O,noScale:!0,gradientStops:(null==H?void 0:H.gradientStops)||N,onChange:function(e){L(I(I({},H),{},{gradientStops:e}))},readonly:!H,isMoveInputVisible:!0})})]})};
 //# sourceMappingURL=GradientManager.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GradientManager.js","sources":["../../../../src/components/GradientManager/GradientManager.tsx"],"sourcesContent":["import { Box, Grid } from '@material-ui/core';\nimport { isEmpty, noop, trim } from 'lodash';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport IconButton from '../IconButton';\nimport { GradientPicker } from '../GradientPicker';\nimport { TextInputNext } from '../../componentsV2';\n\nimport {\n  DEFAULT_GRADIENT_STOPS,\n  DEFAULT_GRADIENTS,\n  GRADIENT_MAX_NAME_LENGTH,\n  TEMP_GRADIENT_ID,\n} from './configuration/constants';\nimport { GradientList } from './GradientList';\nimport { GradientSelect } from './GradientSelect';\nimport { GradientManagerProps } from './GradientManagerProps';\nimport { useStyles } from './GradientManager.styles';\n\nimport { CheckSmallIcon, CloseSmallIcon, DeleteFourIcon, WriteIcon } from '~/icons';\nimport type { CustomGradient, GradientFillStop } from '~/types';\n\nexport const GradientManager: React.FC<GradientManagerProps> = props => {\n  const {\n    gradientId,\n    onGradientEditStateChange = noop,\n    onChange = noop,\n    defaultGradients = DEFAULT_GRADIENTS,\n    defaultGradientStops = DEFAULT_GRADIENT_STOPS,\n    allowNoname,\n    scaleOptions: { scaleFrom = 0, scaleTo = 100, scaleUnit } = {},\n    className,\n  } = props;\n\n  const classes = useStyles();\n  const gradientList = useMemo(\n    () => new GradientList(props.gradients || [], defaultGradients, props.onGradientsChange!),\n    [props.gradients, defaultGradients, props.onGradientsChange]\n  );\n  const [currentlyEdited, setCurrentlyEdited] = useState<Partial<CustomGradient> | null>(null);\n  const disableGradientsManagement = props.disableGradientsManagement || !props.onGradientsChange;\n  const validationResult = gradientList.getHelperText({\n    name: currentlyEdited?.name ?? '',\n    allowNoname: allowNoname ?? false,\n    gradientId,\n  });\n\n  /**\n   * Calls editStateChange handler when gradient edit starts or ends.\n   * Will be called with false on component mount\n   */\n  useEffect(() => {\n    onGradientEditStateChange(Boolean(currentlyEdited));\n  }, [Boolean(currentlyEdited)]);\n\n  /**\n   * Use stops from the stored gradient first, then fallback to stored in the trace\n   * and finally, use defaultGradientStops if none of above is available\n   */\n  const gradientStops =\n    gradientList.getById(gradientId)?.gradientStops || props.gradientStops || defaultGradientStops;\n\n  const cancelEdit = useCallback(() => {\n    setCurrentlyEdited(null);\n  }, []);\n\n  const startAddGradient = useCallback(() => {\n    setCurrentlyEdited({\n      name: '',\n      gradientStops: defaultGradientStops,\n      id: TEMP_GRADIENT_ID,\n    });\n  }, [defaultGradientStops]);\n\n  const startEditGradient = useCallback(() => {\n    if (gradientList.isDefault(gradientId)) {\n      setCurrentlyEdited({\n        name: gradientList.newName(),\n        gradientStops,\n        id: TEMP_GRADIENT_ID,\n      });\n      return;\n    }\n\n    setCurrentlyEdited({\n      name: gradientList.getById(gradientId)?.name || '',\n      gradientStops,\n    });\n  }, [gradientList, gradientId, gradientStops]);\n\n  const saveChanges = () => {\n    if (!isEmpty(validationResult) || !currentlyEdited) {\n      return;\n    }\n\n    const { gradientStops } = currentlyEdited;\n    if (!gradientStops) return;\n\n    const name = trim(currentlyEdited.name);\n\n    setCurrentlyEdited(null);\n\n    // No name - no need to create a gradient. Saving stops to the trace.\n    if (!name) {\n      if (allowNoname) {\n        onChange({ gradientStops, gradientId: null });\n      }\n      return;\n    }\n\n    /**\n     * Gradient exists - Updating\n     * simple check that gradientId is not null is NOT enough because\n     * Deleted gradients have gradientId but should be handles as non-existing ones.\n     */\n    if (gradientList.getById(currentlyEdited.id || gradientId)) {\n      gradientList.update(gradientId, {\n        gradientStops,\n        name,\n      });\n      onChange({\n        gradientId,\n        gradientStops,\n      });\n      return;\n    }\n\n    // Creating a new gradient\n    const newGradient = gradientList.add(name, gradientStops);\n    onChange({\n      gradientId: newGradient.id,\n      gradientStops,\n    });\n  };\n\n  const deleteGradient = useCallback(\n    (id: string) => {\n      if (id === gradientId) {\n        onChange({\n          gradientId: null,\n          gradientStops,\n        });\n        setCurrentlyEdited(null);\n      }\n      gradientList.remove(id);\n    },\n    [gradientStops, gradientList, onChange, gradientId]\n  );\n\n  const handleNameChange = (value: string) => {\n    const name = value.trimStart().substring(0, GRADIENT_MAX_NAME_LENGTH);\n    setCurrentlyEdited({ ...currentlyEdited, name });\n  };\n\n  const handleGradientAction = useCallback(\n    (type: 'delete' | 'add', id: string) => {\n      switch (type) {\n        case 'add':\n          startAddGradient();\n          break;\n        case 'delete': {\n          deleteGradient(id);\n          break;\n        }\n        default:\n      }\n    },\n    [startAddGradient, deleteGradient]\n  );\n\n  const handleGradientSelect = useCallback(\n    (id: string) => {\n      const gradient = gradientList.getById(id);\n      onChange({\n        gradientId: id,\n        gradientStops: gradient?.gradientStops ?? defaultGradientStops,\n      });\n    },\n    [gradientList, onChange, defaultGradientStops]\n  );\n\n  const handleGradientChange = (gradientStops: GradientFillStop[]) => {\n    setCurrentlyEdited({\n      ...currentlyEdited,\n      gradientStops,\n    });\n  };\n\n  const handleNameKeyDown = (evt: React.KeyboardEvent<HTMLInputElement>) => {\n    if (evt.key === 'Enter') {\n      const { value } = evt.target as HTMLInputElement;\n      if (value) {\n        handleNameChange(value);\n        saveChanges();\n      }\n    }\n  };\n\n  return (\n    <Grid container className={className}>\n      <Grid item xs={6}>\n        {currentlyEdited ? (\n          <TextInputNext\n            className={classes.customGradientName}\n            label=\"Gradient Name\"\n            value={currentlyEdited.name}\n            onChange={handleNameChange}\n            onFocus={event => {\n              event.target.select();\n            }}\n            onKeyDown={handleNameKeyDown}\n            autoFocus\n            status={validationResult?.error ? 'error' : undefined}\n            message={validationResult?.helperText}\n          />\n        ) : (\n          <GradientSelect\n            value={gradientId}\n            gradients={props.gradients || []}\n            onChange={handleGradientSelect}\n            defaultGradients={defaultGradients}\n            onAction={handleGradientAction}\n            readonly={disableGradientsManagement}\n          />\n        )}\n      </Grid>\n      <Grid item xs={6}>\n        <Box display=\"flex\" alignItems=\"center\" height=\"100%\">\n          {/* Control panel */}\n          <Box display=\"flex\" paddingLeft={1}>\n            {currentlyEdited ? (\n              <>\n                <IconButton\n                  data-testid=\"save-gradient-btn\"\n                  onClick={saveChanges}\n                  tooltipProps={{ title: 'Save' }}\n                  disabled={!!validationResult || disableGradientsManagement}\n                >\n                  <CheckSmallIcon />\n                </IconButton>\n                <IconButton\n                  data-testid=\"cancel-edit-btn\"\n                  onClick={cancelEdit}\n                  tooltipProps={{ title: 'Cancel' }}\n                >\n                  <CloseSmallIcon />\n                </IconButton>\n              </>\n            ) : (\n              <>\n                <IconButton\n                  data-testid=\"edit-gradient-btn\"\n                  onClick={startEditGradient}\n                  tooltipProps={{ title: 'Edit' }}\n                  disabled={disableGradientsManagement}\n                >\n                  <WriteIcon />\n                </IconButton>\n                {!!gradientList.getById(gradientId) && !gradientList.isDefault(gradientId) && (\n                  <IconButton\n                    data-testid=\"delete-gradient-btn\"\n                    onClick={() => deleteGradient(gradientId)}\n                    tooltipProps={{ title: 'Remove' }}\n                    disabled={disableGradientsManagement}\n                  >\n                    <DeleteFourIcon />\n                  </IconButton>\n                )}\n              </>\n            )}\n          </Box>\n        </Box>\n      </Grid>\n      <Grid item xs={12}>\n        <GradientPicker\n          from={scaleFrom}\n          to={scaleTo}\n          unit={scaleUnit}\n          noScale\n          gradientStops={currentlyEdited?.gradientStops || gradientStops}\n          onChange={handleGradientChange}\n          readonly={!currentlyEdited}\n          isMoveInputVisible\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":["props","_currentlyEdited$name","_gradientList$getById","gradientId","_props$onGradientEdit","onGradientEditStateChange","noop","_props$onChange","onChange","_props$defaultGradien","defaultGradients","DEFAULT_GRADIENTS","_props$defaultGradien2","defaultGradientStops","DEFAULT_GRADIENT_STOPS","allowNoname","_props$scaleOptions","scaleOptions","_props$scaleOptions$s","scaleFrom","_props$scaleOptions$s2","scaleTo","scaleUnit","className","classes","useStyles","gradientList","useMemo","GradientList","gradients","onGradientsChange","useState","_useState2","_slicedToArray","_useState","currentlyEdited","setCurrentlyEdited","disableGradientsManagement","validationResult","getHelperText","name","useEffect","Boolean","gradientStops","getById","cancelEdit","useCallback","startAddGradient","id","TEMP_GRADIENT_ID","startEditGradient","_gradientList$getById2","isDefault","newName","saveChanges","isEmpty","trim","update","newGradient","add","deleteGradient","remove","handleNameChange","value","trimStart","substring","GRADIENT_MAX_NAME_LENGTH","handleGradientAction","type","handleGradientSelect","_gradient$gradientSto","gradient","_jsxs","Grid","container","children","_jsx","item","xs","jsx","TextInputNext","customGradientName","label","onFocus","event","target","select","onKeyDown","evt","key","autoFocus","status","error","undefined","message","helperText","GradientSelect","onAction","readonly","Box","display","alignItems","height","paddingLeft","jsxs","_Fragment","IconButton","onClick","tooltipProps","title","disabled","CheckSmallIcon","CloseSmallIcon","WriteIcon","DeleteFourIcon","GradientPicker","from","to","unit","noScale","isMoveInputVisible"],"mappings":"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"}
+{"version":3,"file":"GradientManager.js","sources":["../../../../src/components/GradientManager/GradientManager.tsx"],"sourcesContent":["import { Box, Grid } from '@material-ui/core';\nimport { isEmpty, noop, trim } from 'lodash';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport IconButton from '../IconButton';\nimport { GradientPicker } from '../GradientPicker';\nimport { TextInputNext } from '../../componentsV2';\n\nimport {\n  DEFAULT_GRADIENT_STOPS,\n  DEFAULT_GRADIENTS,\n  GRADIENT_MAX_NAME_LENGTH,\n  TEMP_GRADIENT_ID,\n} from './configuration/constants';\nimport { GradientList } from './GradientList';\nimport { GradientSelect } from './GradientSelect';\nimport { GradientManagerProps } from './GradientManagerProps';\nimport { useStyles } from './GradientManager.styles';\n\nimport { CheckSmallIcon, CloseSmallIcon, DeleteFourIcon, WriteIcon } from '~/icons';\nimport type { CustomGradient, GradientFillStop } from '~/types';\n\nexport const GradientManager: React.FC<GradientManagerProps> = props => {\n  const {\n    gradientId,\n    onGradientEditStateChange = noop,\n    onChange = noop,\n    defaultGradients = DEFAULT_GRADIENTS,\n    defaultGradientStops = DEFAULT_GRADIENT_STOPS,\n    allowNoname,\n    scaleOptions: { scaleFrom = 0, scaleTo = 100, scaleUnit } = {},\n    className,\n  } = props;\n\n  const classes = useStyles();\n  const gradientList = useMemo(\n    () => new GradientList(props.gradients || [], defaultGradients, props.onGradientsChange!),\n    [props.gradients, defaultGradients, props.onGradientsChange]\n  );\n  const [currentlyEdited, setCurrentlyEdited] = useState<Partial<CustomGradient> | null>(null);\n  const disableGradientsManagement = props.disableGradientsManagement || !props.onGradientsChange;\n  const validationResult = gradientList.getHelperText({\n    name: currentlyEdited?.name ?? '',\n    allowNoname: allowNoname ?? false,\n    gradientId,\n  });\n\n  /**\n   * Calls editStateChange handler when gradient edit starts or ends.\n   * Will be called with false on component mount\n   */\n  useEffect(() => {\n    onGradientEditStateChange(Boolean(currentlyEdited));\n  }, [Boolean(currentlyEdited)]);\n\n  /**\n   * Use stops from the stored gradient first, then fallback to stored in the trace\n   * and finally, use defaultGradientStops if none of above is available\n   */\n  const gradientStops =\n    gradientList.getById(gradientId)?.gradientStops || props.gradientStops || defaultGradientStops;\n\n  const cancelEdit = useCallback(() => {\n    setCurrentlyEdited(null);\n  }, []);\n\n  const startAddGradient = useCallback(() => {\n    setCurrentlyEdited({\n      name: '',\n      gradientStops: defaultGradientStops,\n      id: TEMP_GRADIENT_ID,\n    });\n  }, [defaultGradientStops]);\n\n  const startEditGradient = useCallback(() => {\n    if (gradientList.isDefault(gradientId)) {\n      setCurrentlyEdited({\n        name: gradientList.newName(),\n        gradientStops,\n        id: TEMP_GRADIENT_ID,\n      });\n      return;\n    }\n\n    setCurrentlyEdited({\n      name: gradientList.getById(gradientId)?.name || '',\n      gradientStops,\n    });\n  }, [gradientList, gradientId, gradientStops]);\n\n  const saveChanges = () => {\n    if (!isEmpty(validationResult) || !currentlyEdited) {\n      return;\n    }\n\n    const { gradientStops } = currentlyEdited;\n    if (!gradientStops) return;\n\n    const name = trim(currentlyEdited.name);\n\n    setCurrentlyEdited(null);\n\n    // No name - no need to create a gradient. Saving stops to the trace.\n    if (!name) {\n      if (allowNoname) {\n        onChange({ gradientStops, gradientId: null });\n      }\n      return;\n    }\n\n    /**\n     * Gradient exists - Updating\n     * simple check that gradientId is not null is NOT enough because\n     * Deleted gradients have gradientId but should be handles as non-existing ones.\n     */\n    if (gradientList.getById(currentlyEdited.id || gradientId)) {\n      gradientList.update(gradientId, {\n        gradientStops,\n        name,\n      });\n      onChange({\n        gradientId,\n        gradientStops,\n      });\n      return;\n    }\n\n    // Creating a new gradient\n    const newGradient = gradientList.add(name, gradientStops);\n    onChange({\n      gradientId: newGradient.id,\n      gradientStops,\n    });\n  };\n\n  const deleteGradient = useCallback(\n    (id: string) => {\n      if (id === gradientId) {\n        onChange({\n          gradientId: null,\n          gradientStops,\n        });\n        setCurrentlyEdited(null);\n      }\n      gradientList.remove(id);\n    },\n    [gradientStops, gradientList, onChange, gradientId]\n  );\n\n  const handleNameChange = (value: string) => {\n    const name = value.trimStart().substring(0, GRADIENT_MAX_NAME_LENGTH);\n    setCurrentlyEdited({ ...currentlyEdited, name });\n  };\n\n  const handleGradientAction = useCallback(\n    (type: 'delete' | 'add', id: string) => {\n      switch (type) {\n        case 'add':\n          startAddGradient();\n          break;\n        case 'delete': {\n          deleteGradient(id);\n          break;\n        }\n        default:\n      }\n    },\n    [startAddGradient, deleteGradient]\n  );\n\n  const handleGradientSelect = useCallback(\n    (id: string) => {\n      const gradient = gradientList.getById(id);\n      onChange({\n        gradientId: id,\n        gradientStops: gradient?.gradientStops ?? defaultGradientStops,\n      });\n    },\n    [gradientList, onChange, defaultGradientStops]\n  );\n\n  const handleGradientChange = (gradientStops: GradientFillStop[]) => {\n    setCurrentlyEdited({\n      ...currentlyEdited,\n      gradientStops,\n    });\n  };\n\n  const handleNameKeyDown = (evt: React.KeyboardEvent<HTMLInputElement>) => {\n    if (evt.key === 'Enter') {\n      const { value } = evt.target as HTMLInputElement;\n      if (value) {\n        handleNameChange(value);\n        saveChanges();\n      }\n    }\n  };\n\n  return (\n    <Grid container className={className}>\n      <Grid item xs={6}>\n        {currentlyEdited ? (\n          <TextInputNext\n            className={classes.customGradientName}\n            label=\"Gradient Name\"\n            value={currentlyEdited.name}\n            onChange={handleNameChange}\n            onFocus={event => {\n              event.target.select();\n            }}\n            onKeyDown={handleNameKeyDown}\n            autoFocus\n            status={validationResult?.error ? 'error' : undefined}\n            message={validationResult?.helperText}\n          />\n        ) : (\n          <GradientSelect\n            value={gradientId}\n            gradients={props.gradients || []}\n            onChange={handleGradientSelect}\n            defaultGradients={defaultGradients}\n            onAction={handleGradientAction}\n            readonly={disableGradientsManagement}\n          />\n        )}\n      </Grid>\n      <Grid item xs={6}>\n        <Box display=\"flex\" alignItems=\"center\" height=\"100%\">\n          {/* Control panel */}\n          <Box display=\"flex\" paddingLeft={1}>\n            {currentlyEdited ? (\n              <>\n                <IconButton\n                  data-testid=\"save-gradient-btn\"\n                  onClick={saveChanges}\n                  tooltipProps={{ title: 'Save' }}\n                  disabled={!!validationResult || disableGradientsManagement}\n                >\n                  <CheckSmallIcon />\n                </IconButton>\n                <IconButton\n                  data-testid=\"cancel-edit-btn\"\n                  onClick={cancelEdit}\n                  tooltipProps={{ title: 'Cancel' }}\n                >\n                  <CloseSmallIcon />\n                </IconButton>\n              </>\n            ) : (\n              <>\n                <IconButton\n                  data-testid=\"edit-gradient-btn\"\n                  onClick={startEditGradient}\n                  tooltipProps={{ title: 'Edit' }}\n                  disabled={disableGradientsManagement}\n                >\n                  <WriteIcon />\n                </IconButton>\n                {!!gradientList.getById(gradientId) && !gradientList.isDefault(gradientId) && (\n                  <IconButton\n                    data-testid=\"delete-gradient-btn\"\n                    onClick={() => deleteGradient(gradientId)}\n                    tooltipProps={{ title: 'Remove' }}\n                    disabled={disableGradientsManagement}\n                  >\n                    <DeleteFourIcon />\n                  </IconButton>\n                )}\n              </>\n            )}\n          </Box>\n        </Box>\n      </Grid>\n      <Grid item xs={12}>\n        <GradientPicker\n          from={scaleFrom}\n          to={scaleTo}\n          unit={scaleUnit}\n          noScale\n          gradientStops={currentlyEdited?.gradientStops || gradientStops}\n          onChange={handleGradientChange}\n          readonly={!currentlyEdited}\n          isMoveInputVisible\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":["props","_currentlyEdited$name","_gradientList$getById","gradientId","_props$onGradientEdit","onGradientEditStateChange","noop","_props$onChange","onChange","_props$defaultGradien","defaultGradients","DEFAULT_GRADIENTS","_props$defaultGradien2","defaultGradientStops","DEFAULT_GRADIENT_STOPS","allowNoname","_props$scaleOptions","scaleOptions","_props$scaleOptions$s","scaleFrom","_props$scaleOptions$s2","scaleTo","scaleUnit","className","classes","useStyles","gradientList","useMemo","GradientList","gradients","onGradientsChange","useState","_useState2","_slicedToArray","_useState","currentlyEdited","setCurrentlyEdited","disableGradientsManagement","validationResult","getHelperText","name","useEffect","Boolean","gradientStops","getById","cancelEdit","useCallback","startAddGradient","id","TEMP_GRADIENT_ID","startEditGradient","_gradientList$getById2","isDefault","newName","saveChanges","isEmpty","trim","update","newGradient","add","deleteGradient","remove","handleNameChange","value","trimStart","substring","GRADIENT_MAX_NAME_LENGTH","handleGradientAction","type","handleGradientSelect","_gradient$gradientSto","gradient","_jsxs","Grid","container","children","_jsx","item","xs","jsx","TextInputNext","customGradientName","label","onFocus","event","target","select","onKeyDown","evt","key","autoFocus","status","error","undefined","message","helperText","GradientSelect","onAction","readonly","Box","display","alignItems","height","paddingLeft","jsxs","_Fragment","IconButton","onClick","tooltipProps","title","disabled","CheckSmallIcon","CloseSmallIcon","WriteIcon","DeleteFourIcon","GradientPicker","from","to","unit","noScale","isMoveInputVisible"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),s=require("react"),r=require("../../componentsV2/Text/Text.js");require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("@babel/runtime/helpers/defineProperty"),require("classnames"),require("../../componentsV2/Header/Header.scss.js");var o=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js");var n=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),i=require("../../componentsV2/Tooltip/Tooltip.js");require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@material-ui/core"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/TextInputNext/TextInputNext.js"),require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js");var t=require("../../componentsV2/TextEndTruncated/TextEndTruncated.js");require("@babel/runtime/helpers/slicedToArray"),require("lodash"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("uuid"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.js");var c=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("../../constants/completion.js"),require("moment"),require("../../constants/alerts.js"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("./configuration/constants.js"),require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/mobileDetect.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("../../clients/jsonApi/index.js"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("querystring"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../StatusBadge/constants.js"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppPanel/AppPanelsContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js");var u=require("../../componentsV2/Select/Select.js");require("../../componentsV2/AppPanel/AppPanel.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js");var a=require("./GradientPreview/GradientPreview.js"),p=require("./GradientSelect.scss.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=l(e),m=function(e,s){return{id:e.id,title:e.name,prefix:o.jsx(a.GradientPreview,{gradientStops:e.gradientStops}),group:s?"default":"custom"}},d=function(e){return e.group};exports.GradientSelect=function(e){var a=e.value,l=e.gradients,j=e.onChange,V=e.defaultGradients,A=e.onAction,C=e.readonly,I=!(null==l||!l.length),v=s.useMemo((function(){return[].concat(q.default((null==l?void 0:l.map((function(e){return m(e,!1)})))||[]),q.default((null==V?void 0:V.map((function(e){return m(e,!0)})))||[]))}),[l,V]),h=s.useMemo((function(){return v.find((function(e){return e.id===a}))}),[v,a]),g=s.useCallback((function(e){e&&j(e.id)}),[j]),x=s.useCallback((function(){A("add")}),[A]),S=s.useCallback((function(e){var t=e.children,u=e.group,a=e.key,l=C?null:o.jsx(i.Tooltip,{title:"Create Custom Gradient",children:o.jsx(n.ButtonIcon,{size:"xs",onClick:x,testId:"add-gradient-btn",type:"tertiaryBg",children:o.jsx(c.PlusIcon,{})})});return o.jsxs(s.Fragment,{children:[o.jsx(r.Text,{size:12,color:"T6",className:p.group,testId:"gradient-group-header",children:"default"===u?o.jsxs(o.Fragment,{children:["Default Gradients ",!I&&l]}):o.jsxs(o.Fragment,{children:["My Gradients ",I&&l]})}),t]},a)}),[I,C,x]),P=s.useCallback((function(e){var s=e.title,r=e.id,u=e.group;return o.jsxs("div",{className:p.option,children:[o.jsx(t.TextEndTruncated,{children:s}),"custom"===u&&o.jsx(i.Tooltip,{title:"Delete Gradient",children:o.jsx(n.ButtonIcon,{size:"xs",onClick:function(e){e.stopPropagation(),e.preventDefault(),A("delete",r)},children:o.jsx(c.DeleteFourIcon,{})})})]})}),[A]),D=s.useCallback((function(e){e.stopPropagation(),e.preventDefault()}),[]);return o.jsx(u.Select,{label:"Gradients",options:v,value:a||"",clearable:!1,onChange:g,testId:"gradient-select",className:p.root,prefix:null==h?void 0:h.prefix,groupBy:d,renderGroup:S,renderOption:C?void 0:P,noOptionsMessage:o.jsxs("div",{className:p.noGradientsMessage,onMouseDown:D,children:["No Gradients",!C&&o.jsx(i.Tooltip,{title:"Create Custom Gradient",children:o.jsx(n.ButtonIcon,{size:"xs",onClick:x,testId:"add-gradient-btn",type:"tertiaryBg",children:o.jsx(c.PlusIcon,{})})})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),s=require("react"),r=require("../../componentsV2/Text/Text.js");require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("@babel/runtime/helpers/defineProperty"),require("classnames"),require("../../componentsV2/Header/Header.scss.js");var o=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js");var n=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),i=require("../../componentsV2/Tooltip/Tooltip.js");require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@material-ui/core"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/TextInputNext/TextInputNext.js"),require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js");var t=require("../../componentsV2/TextEndTruncated/TextEndTruncated.js");require("@babel/runtime/helpers/slicedToArray"),require("lodash"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("uuid"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.js");var c=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("../../constants/completion.js"),require("moment"),require("../../constants/alerts.js"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("./configuration/constants.js"),require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/mobileDetect.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("../../clients/jsonApi/index.js"),require("../../utils/shareRecentRequest.js"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("querystring"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../StatusBadge/constants.js"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppPanel/AppPanelsContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js");var u=require("../../componentsV2/Select/Select.js");require("../../componentsV2/AppPanel/AppPanel.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/ColorPicker.constants.js"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js");var a=require("./GradientPreview/GradientPreview.js"),p=require("./GradientSelect.scss.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=l(e),m=function(e,s){return{id:e.id,title:e.name,prefix:o.jsx(a.GradientPreview,{gradientStops:e.gradientStops}),group:s?"default":"custom"}},j=function(e){return e.group};exports.GradientSelect=function(e){var a=e.value,l=e.gradients,d=e.onChange,V=e.defaultGradients,A=e.onAction,C=e.readonly,I=!(null==l||!l.length),v=s.useMemo((function(){return[].concat(q.default((null==l?void 0:l.map((function(e){return m(e,!1)})))||[]),q.default((null==V?void 0:V.map((function(e){return m(e,!0)})))||[]))}),[l,V]),h=s.useMemo((function(){return v.find((function(e){return e.id===a}))}),[v,a]),g=s.useCallback((function(e){e&&d(e.id)}),[d]),x=s.useCallback((function(){A("add")}),[A]),S=s.useCallback((function(e){var t=e.children,u=e.group,a=e.key,l=C?null:o.jsx(i.Tooltip,{title:"Create Custom Gradient",children:o.jsx(n.ButtonIcon,{size:"xs",onClick:x,testId:"add-gradient-btn",type:"tertiaryBg",children:o.jsx(c.PlusIcon,{})})});return o.jsxs(s.Fragment,{children:[o.jsx(r.Text,{size:12,color:"T6",className:p.group,testId:"gradient-group-header",children:"default"===u?o.jsxs(o.Fragment,{children:["Default Gradients ",!I&&l]}):o.jsxs(o.Fragment,{children:["My Gradients ",I&&l]})}),t]},a)}),[I,C,x]),P=s.useCallback((function(e){var s=e.title,r=e.id,u=e.group;return o.jsxs("div",{className:p.option,children:[o.jsx(t.TextEndTruncated,{children:s}),"custom"===u&&o.jsx(i.Tooltip,{title:"Delete Gradient",children:o.jsx(n.ButtonIcon,{size:"xs",onClick:function(e){e.stopPropagation(),e.preventDefault(),A("delete",r)},children:o.jsx(c.DeleteFourIcon,{})})})]})}),[A]),D=s.useCallback((function(e){e.stopPropagation(),e.preventDefault()}),[]);return o.jsx(u.Select,{label:"Gradients",options:v,value:a||"",clearable:!1,onChange:g,testId:"gradient-select",className:p.root,prefix:null==h?void 0:h.prefix,groupBy:j,renderGroup:S,renderOption:C?void 0:P,noOptionsMessage:o.jsxs("div",{className:p.noGradientsMessage,onMouseDown:D,children:["No Gradients",!C&&o.jsx(i.Tooltip,{title:"Create Custom Gradient",children:o.jsx(n.ButtonIcon,{size:"xs",onClick:x,testId:"add-gradient-btn",type:"tertiaryBg",children:o.jsx(c.PlusIcon,{})})})]})})};
 //# sourceMappingURL=GradientSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GradientSelect.js","sources":["../../../../src/components/GradientManager/GradientSelect.tsx"],"sourcesContent":["import { type FC, Fragment, MouseEventHandler, useCallback, useMemo } from 'react';\n\nimport {\n  ButtonIcon,\n  Select,\n  SelectChangeHandler,\n  SelectProps,\n  Text,\n  TextEndTruncated,\n  Tooltip,\n} from '../../componentsV2';\n\nimport { GradientPreview } from './GradientPreview/GradientPreview';\n\nimport styles from './GradientSelect.scss';\n\nimport { DeleteFourIcon, PlusIcon } from '~/icons';\nimport { CustomGradient } from '~/types';\n\ninterface GradientSelectProps {\n  gradients: CustomGradient[];\n  value: string;\n  onChange: (id: string) => void;\n  defaultGradients: CustomGradient[];\n  onAction: (type: 'delete' | 'add', data?: any) => void;\n  readonly: boolean;\n}\n\nconst gradientToOption = (gradient: CustomGradient, isDefault: boolean) => ({\n  id: gradient.id,\n  title: gradient.name,\n  prefix: <GradientPreview gradientStops={gradient.gradientStops} />,\n  group: isDefault ? 'default' : 'custom',\n});\n\ntype Option = ReturnType<typeof gradientToOption>;\n\nconst groupBy = ({ group }: Option) => group;\n\nexport const GradientSelect: FC<GradientSelectProps> = ({\n  value,\n  gradients,\n  onChange,\n  defaultGradients,\n  onAction,\n  readonly,\n}) => {\n  const hasCustomGradients = !!gradients?.length;\n\n  const options = useMemo<Option[]>(\n    () => [\n      ...(gradients?.map(g => gradientToOption(g, false)) || []),\n      ...(defaultGradients?.map(g => gradientToOption(g, true)) || []),\n    ],\n    [gradients, defaultGradients]\n  );\n\n  const currentOption = useMemo(() => options.find(({ id }) => id === value), [options, value]);\n\n  const onSelectChange = useCallback<SelectChangeHandler<Option>>(\n    option => {\n      if (option) {\n        onChange(option.id);\n      }\n    },\n    [onChange]\n  );\n\n  const onAddClick = useCallback(() => {\n    onAction('add');\n  }, [onAction]);\n\n  const renderGroup = useCallback<Required<SelectProps<Option>>['renderGroup']>(\n    ({ children, group, key }) => {\n      const addButton = readonly ? null : (\n        <Tooltip title=\"Create Custom Gradient\">\n          <ButtonIcon size=\"xs\" onClick={onAddClick} testId=\"add-gradient-btn\" type=\"tertiaryBg\">\n            <PlusIcon />\n          </ButtonIcon>\n        </Tooltip>\n      );\n\n      return (\n        <Fragment key={key}>\n          <Text size={12} color=\"T6\" className={styles.group} testId=\"gradient-group-header\">\n            {group === 'default' ? (\n              <>Default Gradients {!hasCustomGradients && addButton}</>\n            ) : (\n              <>My Gradients {hasCustomGradients && addButton}</>\n            )}\n          </Text>\n          {children}\n        </Fragment>\n      );\n    },\n    [hasCustomGradients, readonly, onAddClick]\n  );\n\n  const renderOption = useCallback<Required<SelectProps<Option>>['renderOption']>(\n    ({ title, id, group }) => {\n      return (\n        <div className={styles.option}>\n          <TextEndTruncated>{title}</TextEndTruncated>\n\n          {group === 'custom' && (\n            <Tooltip title=\"Delete Gradient\">\n              <ButtonIcon\n                size=\"xs\"\n                onClick={e => {\n                  e.stopPropagation();\n                  e.preventDefault();\n                  onAction('delete', id);\n                }}\n              >\n                <DeleteFourIcon />\n              </ButtonIcon>\n            </Tooltip>\n          )}\n        </div>\n      );\n    },\n    [onAction]\n  );\n\n  const noGradientsMouseHandler = useCallback<MouseEventHandler>(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  return (\n    <Select\n      label=\"Gradients\"\n      options={options}\n      value={value || ''}\n      clearable={false}\n      onChange={onSelectChange}\n      testId=\"gradient-select\"\n      className={styles.root}\n      prefix={currentOption?.prefix}\n      groupBy={groupBy}\n      renderGroup={renderGroup}\n      renderOption={readonly ? undefined : renderOption}\n      noOptionsMessage={\n        <div className={styles.noGradientsMessage} onMouseDown={noGradientsMouseHandler}>\n          No Gradients\n          {!readonly && (\n            <Tooltip title=\"Create Custom Gradient\">\n              <ButtonIcon\n                size=\"xs\"\n                onClick={onAddClick}\n                testId=\"add-gradient-btn\"\n                type=\"tertiaryBg\"\n              >\n                <PlusIcon />\n              </ButtonIcon>\n            </Tooltip>\n          )}\n        </div>\n      }\n    />\n  );\n};\n"],"names":["gradientToOption","gradient","isDefault","id","title","name","prefix","_jsx","GradientPreview","gradientStops","group","groupBy","_ref","_ref2","value","gradients","onChange","defaultGradients","onAction","readonly","hasCustomGradients","length","options","useMemo","concat","_toConsumableArray","map","g","currentOption","find","_ref3","onSelectChange","useCallback","option","onAddClick","renderGroup","_ref4","children","key","addButton","Tooltip","ButtonIcon","size","onClick","testId","type","PlusIcon","_jsxs","Fragment","Text","color","className","styles","_Fragment","jsxs","renderOption","_ref5","TextEndTruncated","e","stopPropagation","preventDefault","DeleteFourIcon","noGradientsMouseHandler","Select","label","clearable","root","undefined","noOptionsMessage","noGradientsMessage","onMouseDown"],"mappings":"u/dA4BMA,EAAmB,SAACC,EAA0BC,GAAkB,MAAM,CAC1EC,GAAIF,EAASE,GACbC,MAAOH,EAASI,KAChBC,OAAQC,MAACC,kBAAe,CAACC,cAAeR,EAASQ,gBACjDC,MAAOR,EAAY,UAAY,SAChC,EAIKS,EAAU,SAAHC,GAAW,SAALF,KAAyB,yBAEW,SAOjDG,GAAA,IANJC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,SACAC,IAAAA,SAEMC,IAAuBL,UAAAA,EAAWM,QAElCC,EAAUC,EAAAA,SACd,WAAA,MACM,GAAAC,OAAAC,EAAA,SAAAV,aAAS,EAATA,EAAWW,KAAI,SAAAC,GAAC,OAAI3B,EAAiB2B,GAAG,EAAM,MAAK,IACnDF,EAAA,SAAAR,aAAgB,EAAhBA,EAAkBS,KAAI,SAAAC,GAAC,OAAI3B,EAAiB2B,GAAG,EAAK,MAAK,IAAE,GAEjE,CAACZ,EAAWE,IAGRW,EAAgBL,EAAAA,SAAQ,WAAA,OAAMD,EAAQO,MAAK,SAAAC,GAAK,SAAF3B,KAAgBW,IAAM,GAAE,CAACQ,EAASR,IAEhFiB,EAAiBC,eACrB,SAAAC,GACMA,GACFjB,EAASiB,EAAO9B,GAEpB,GACA,CAACa,IAGGkB,EAAaF,EAAAA,aAAY,WAC7Bd,EAAS,MACX,GAAG,CAACA,IAEEiB,EAAcH,eAClB,SAA8BI,GAAA,IAA3BC,IAAAA,SAAU3B,IAAAA,MAAO4B,IAAAA,IACZC,EAAYpB,EAAW,KAC3BZ,EAAAA,IAACiC,EAAAA,QAAO,CAACpC,MAAM,yBAAwBiC,SACrC9B,MAACkC,aAAU,CAACC,KAAK,KAAKC,QAAST,EAAYU,OAAO,mBAAmBC,KAAK,aAAYR,SACpF9B,EAAAA,IAACuC,EAAQA,SAAA,QAKf,OACEC,EAAAA,KAACC,EAAAA,SAAQ,CAAAX,SAAA,CACP9B,MAAC0C,OAAI,CAACP,KAAM,GAAIQ,MAAM,KAAKC,UAAWC,EAAO1C,MAAOkC,OAAO,wBAAuBP,SACrE,YAAV3B,EACCqC,EAAAA,KAAAM,EAAAA,SAAA,CAAAhB,SAAqB,CAAA,sBAACjB,GAAsBmB,KAE5CQ,EAAAO,KAAAD,WAAA,CAAAhB,SAAgBjB,CAAAA,gBAAAA,GAAsBmB,OAGzCF,IARYC,EAWlB,GACD,CAAClB,EAAoBD,EAAUe,IAG3BqB,EAAevB,eACnB,SAA0BwB,GAAA,IAAvBpD,IAAAA,MAAOD,IAAAA,GAAIO,IAAAA,MACZ,OACEqC,EAAAA,KAAA,MAAA,CAAKI,UAAWC,EAAOnB,OAAOI,SAAA,CAC5B9B,MAACkD,mBAAgB,CAAApB,SAAEjC,IAER,WAAVM,GACCH,EAAAA,IAACiC,EAAAA,QAAO,CAACpC,MAAM,kBAAiBiC,SAC9B9B,MAACkC,aAAU,CACTC,KAAK,KACLC,QAAS,SAAAe,GACPA,EAAEC,kBACFD,EAAEE,iBACF1C,EAAS,SAAUf,EACnB,EAAAkC,SAEF9B,EAAAA,IAACsD,EAAcA,eAAA,UAM3B,GACA,CAAC3C,IAGG4C,EAA0B9B,eAA+B,SAAA0B,GAC7DA,EAAEC,kBACFD,EAAEE,gBACH,GAAE,IAEH,OACErD,EAAAA,IAACwD,EAAAA,OAAM,CACLC,MAAM,YACN1C,QAASA,EACTR,MAAOA,GAAS,GAChBmD,WAAW,EACXjD,SAAUe,EACVa,OAAO,kBACPO,UAAWC,EAAOc,KAClB5D,OAAQsB,aAAAA,EAAAA,EAAetB,OACvBK,QAASA,EACTwB,YAAaA,EACboB,aAAcpC,OAAWgD,EAAYZ,EACrCa,iBACErB,EAAAO,KAAA,MAAA,CAAKH,UAAWC,EAAOiB,mBAAoBC,YAAaR,EAAwBzB,SAAA,CAAA,gBAE5ElB,GACAZ,EAAAA,IAACiC,EAAAA,QAAO,CAACpC,MAAM,yBAAwBiC,SACrC9B,MAACkC,aAAU,CACTC,KAAK,KACLC,QAAST,EACTU,OAAO,mBACPC,KAAK,aAAYR,SAEjB9B,EAAAA,IAACuC,EAAQA,SAAA,YAQzB"}
+{"version":3,"file":"GradientSelect.js","sources":["../../../../src/components/GradientManager/GradientSelect.tsx"],"sourcesContent":["import { type FC, Fragment, MouseEventHandler, useCallback, useMemo } from 'react';\n\nimport {\n  ButtonIcon,\n  Select,\n  SelectChangeHandler,\n  SelectProps,\n  Text,\n  TextEndTruncated,\n  Tooltip,\n} from '../../componentsV2';\n\nimport { GradientPreview } from './GradientPreview/GradientPreview';\n\nimport styles from './GradientSelect.scss';\n\nimport { DeleteFourIcon, PlusIcon } from '~/icons';\nimport { CustomGradient } from '~/types';\n\ninterface GradientSelectProps {\n  gradients: CustomGradient[];\n  value: string;\n  onChange: (id: string) => void;\n  defaultGradients: CustomGradient[];\n  onAction: (type: 'delete' | 'add', data?: any) => void;\n  readonly: boolean;\n}\n\nconst gradientToOption = (gradient: CustomGradient, isDefault: boolean) => ({\n  id: gradient.id,\n  title: gradient.name,\n  prefix: <GradientPreview gradientStops={gradient.gradientStops} />,\n  group: isDefault ? 'default' : 'custom',\n});\n\ntype Option = ReturnType<typeof gradientToOption>;\n\nconst groupBy = ({ group }: Option) => group;\n\nexport const GradientSelect: FC<GradientSelectProps> = ({\n  value,\n  gradients,\n  onChange,\n  defaultGradients,\n  onAction,\n  readonly,\n}) => {\n  const hasCustomGradients = !!gradients?.length;\n\n  const options = useMemo<Option[]>(\n    () => [\n      ...(gradients?.map(g => gradientToOption(g, false)) || []),\n      ...(defaultGradients?.map(g => gradientToOption(g, true)) || []),\n    ],\n    [gradients, defaultGradients]\n  );\n\n  const currentOption = useMemo(() => options.find(({ id }) => id === value), [options, value]);\n\n  const onSelectChange = useCallback<SelectChangeHandler<Option>>(\n    option => {\n      if (option) {\n        onChange(option.id);\n      }\n    },\n    [onChange]\n  );\n\n  const onAddClick = useCallback(() => {\n    onAction('add');\n  }, [onAction]);\n\n  const renderGroup = useCallback<Required<SelectProps<Option>>['renderGroup']>(\n    ({ children, group, key }) => {\n      const addButton = readonly ? null : (\n        <Tooltip title=\"Create Custom Gradient\">\n          <ButtonIcon size=\"xs\" onClick={onAddClick} testId=\"add-gradient-btn\" type=\"tertiaryBg\">\n            <PlusIcon />\n          </ButtonIcon>\n        </Tooltip>\n      );\n\n      return (\n        <Fragment key={key}>\n          <Text size={12} color=\"T6\" className={styles.group} testId=\"gradient-group-header\">\n            {group === 'default' ? (\n              <>Default Gradients {!hasCustomGradients && addButton}</>\n            ) : (\n              <>My Gradients {hasCustomGradients && addButton}</>\n            )}\n          </Text>\n          {children}\n        </Fragment>\n      );\n    },\n    [hasCustomGradients, readonly, onAddClick]\n  );\n\n  const renderOption = useCallback<Required<SelectProps<Option>>['renderOption']>(\n    ({ title, id, group }) => {\n      return (\n        <div className={styles.option}>\n          <TextEndTruncated>{title}</TextEndTruncated>\n\n          {group === 'custom' && (\n            <Tooltip title=\"Delete Gradient\">\n              <ButtonIcon\n                size=\"xs\"\n                onClick={e => {\n                  e.stopPropagation();\n                  e.preventDefault();\n                  onAction('delete', id);\n                }}\n              >\n                <DeleteFourIcon />\n              </ButtonIcon>\n            </Tooltip>\n          )}\n        </div>\n      );\n    },\n    [onAction]\n  );\n\n  const noGradientsMouseHandler = useCallback<MouseEventHandler>(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  return (\n    <Select\n      label=\"Gradients\"\n      options={options}\n      value={value || ''}\n      clearable={false}\n      onChange={onSelectChange}\n      testId=\"gradient-select\"\n      className={styles.root}\n      prefix={currentOption?.prefix}\n      groupBy={groupBy}\n      renderGroup={renderGroup}\n      renderOption={readonly ? undefined : renderOption}\n      noOptionsMessage={\n        <div className={styles.noGradientsMessage} onMouseDown={noGradientsMouseHandler}>\n          No Gradients\n          {!readonly && (\n            <Tooltip title=\"Create Custom Gradient\">\n              <ButtonIcon\n                size=\"xs\"\n                onClick={onAddClick}\n                testId=\"add-gradient-btn\"\n                type=\"tertiaryBg\"\n              >\n                <PlusIcon />\n              </ButtonIcon>\n            </Tooltip>\n          )}\n        </div>\n      }\n    />\n  );\n};\n"],"names":["gradientToOption","gradient","isDefault","id","title","name","prefix","_jsx","GradientPreview","gradientStops","group","groupBy","_ref","_ref2","value","gradients","onChange","defaultGradients","onAction","readonly","hasCustomGradients","length","options","useMemo","concat","_toConsumableArray","map","g","currentOption","find","_ref3","onSelectChange","useCallback","option","onAddClick","renderGroup","_ref4","children","key","addButton","Tooltip","ButtonIcon","size","onClick","testId","type","PlusIcon","_jsxs","Fragment","Text","color","className","styles","_Fragment","jsxs","renderOption","_ref5","TextEndTruncated","e","stopPropagation","preventDefault","DeleteFourIcon","noGradientsMouseHandler","Select","label","clearable","root","undefined","noOptionsMessage","noGradientsMessage","onMouseDown"],"mappings":"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"}