npm - @corva/ui - Versions diffs - 3.75.0-10 → 3.75.0-11 - Mend

@corva/ui 3.75.0-10 → 3.75.0-11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1098) hide show

package/componentsV2/AppHeader/V3/Actions/Actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.js","sources":["../../../../../src/componentsV2/AppHeader/V3/Actions/Actions.tsx"],"sourcesContent":["import {\n CSSProperties,\n Fragment,\n RefObject,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../../ButtonIcon';\nimport { Tooltip } from '../../../Tooltip';\nimport { SettingsButton } from '../SettingsButton';\nimport { AdditionalAction, AdditionalActionObject } from '../constants';\nimport { Menu } from '../../../Menu';\nimport { useAppCommonsInternal } from '../../../AppCommonsProvider';\nimport { Popover } from '../../../Popover';\nimport { AppSettings } from '../../../AppSettings';\nimport { useAppSettingPinning } from '../../../AppSettings/AppSettingsPinningContext';\nimport { useAppSize } from '../../../AppSizeProvider';\nimport { HideInNativeApp } from '../../../HideInNativeApp';\n\nimport { ActionsTestIds } from './Actions.constants';\n\nimport styles from './Actions.scss';\n\nimport {\n AddMessageCustomIcon,\n CloseSmallIcon,\n CollapseIcon,\n ExpandIcon,\n MessageIcon,\n MoreOneIcon,\n SettingTwoIcon,\n} from '~/icons';\nimport { useAppCommentsMode, useOutsideClick, useSetAppCommentsMode } from '~/effects';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\ntype ActionsProps = {\n rootRef: RefObject<HTMLDivElement>;\n additionalActions?: AdditionalAction[];\n showComments?: boolean;\n disableSettings?: boolean;\n hideSettingsUnderMore?: boolean;\n};\n\nconst isActionObject = (action: AdditionalAction): action is AdditionalActionObject =>\n !!action && typeof action === 'object' && 'title' in action;\n\nconst LONG_PRESS_DELAY_MS = 500;\n\nexport const Actions = ({\n additionalActions,\n showComments,\n disableSettings,\n rootRef,\n hideSettingsUnderMore,\n}: ActionsProps) => {\n const {\n maximized,\n setMaximized,\n appSettingsComponent,\n isExpanded,\n isBrowserFullscreen,\n enterBrowserFullscreen,\n exitBrowserFullscreen,\n isSeparateWindow,\n openSeparateWindow,\n closeSeparateWindow,\n } = useAppCommonsInternal();\n const commentsEnabled = useAppCommentsMode();\n const setCommentsMode = useSetAppCommentsMode();\n const [moreMenuOpen, setMoreMenuOpen] = useState(false);\n const moreButtonRef = useRef<HTMLButtonElement>(null);\n const maximizeButtonRef = useRef<HTMLButtonElement>(null);\n const settingsButtonRef = useRef<HTMLButtonElement>(null);\n const [showMaximizeTooltip, setShowMaximizeTooltip] = useState(true);\n const [isModesMenuOpen, setIsModesMenuOpen] = useState(false);\n const longPressTimerRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n const isLongPressRef = useRef(false);\n\n const popoverContentRef = useRef<HTMLDivElement>(null);\n const { isPinned, close, open, isPopoverOpen, animatePopover } = useAppSettingPinning();\n const closeSettings = useCallback(() => {\n close(false);\n }, [close]);\n const { height } = useAppSize() \|\| {};\n const settingsVisible = !!appSettingsComponent && !disableSettings;\n\n const wrapperStyle = useMemo<CSSProperties>(() => ({ maxHeight: `${height}px` }), [height]);\n\n const toggleMoreMenu = useCallback(() => {\n setMoreMenuOpen(value => !value);\n }, []);\n\n const toggleCommentsMode = useCallback(() => {\n setCommentsMode(value => !value);\n }, [setCommentsMode]);\n\n const closeModesMenu = useCallback(() => {\n isLongPressRef.current = false;\n setIsModesMenuOpen(false);\n }, []);\n\n const toggleMaximized = useCallback(() => {\n setShowMaximizeTooltip(false);\n closeModesMenu();\n\n if (isSeparateWindow) {\n closeSeparateWindow?.();\n return;\n }\n\n if (isBrowserFullscreen) {\n exitBrowserFullscreen?.();\n return;\n }\n\n setMaximized(!maximized);\n }, [\n closeModesMenu,\n closeSeparateWindow,\n exitBrowserFullscreen,\n isBrowserFullscreen,\n isSeparateWindow,\n maximized,\n setMaximized,\n ]);\n\n const maximizeTooltip = isSeparateWindow\n ? 'Close Separate Window'\n : isExpanded\n ? 'Restore'\n : 'Maximize';\n\n const cancelLongPress = useCallback(() => {\n if (longPressTimerRef.current) {\n clearTimeout(longPressTimerRef.current);\n longPressTimerRef.current = null;\n }\n }, []);\n\n const handleMaximizeMouseDown = useCallback(() => {\n if (isExpanded \|\| !enterBrowserFullscreen) return;\n\n cancelLongPress();\n longPressTimerRef.current = setTimeout(() => {\n isLongPressRef.current = true;\n setIsModesMenuOpen(true);\n }, LONG_PRESS_DELAY_MS);\n }, [cancelLongPress, enterBrowserFullscreen, isExpanded]);\n\n useEffect(() => cancelLongPress, [cancelLongPress]);\n\n const handleMaximizeClick = useCallback(() => {\n if (isLongPressRef.current) {\n isLongPressRef.current = false;\n return;\n }\n\n toggleMaximized();\n }, [toggleMaximized]);\n\n const handleSeparateWindowClick = useCallback(() => {\n closeModesMenu();\n openSeparateWindow?.();\n }, [closeModesMenu, openSeparateWindow]);\n\n const handleBrowserFullscreenClick = useCallback(() => {\n closeModesMenu();\n enterBrowserFullscreen?.();\n }, [closeModesMenu, enterBrowserFullscreen]);\n\n useEffect(() => {\n setShowMaximizeTooltip(true);\n }, [isExpanded]);\n\n const menuActionItems = useMemo(() => {\n if (isInsideNewMobileApp) return [];\n\n const getOnClick = (handler: AdditionalActionObject['onClick']) => () => {\n toggleMoreMenu();\n handler?.();\n };\n\n const objectActions = (additionalActions \|\| [])\n .filter(isActionObject)\n .map(item => ({ ...item, onClick: getOnClick(item.onClick) }));\n\n const commentItem: AdditionalActionObject = {\n icon: <MessageIcon />,\n onClick: getOnClick(toggleCommentsMode),\n title: commentsEnabled ? 'Close Comments Mode' : 'Add Comment',\n };\n\n const maximizeItem: AdditionalActionObject = {\n title: maximizeTooltip,\n onClick: getOnClick(toggleMaximized),\n icon: isExpanded ? <CollapseIcon /> : <ExpandIcon />,\n };\n\n const settingsItem = {\n title: 'Settings',\n onClick: getOnClick(open),\n icon: <SettingTwoIcon />,\n };\n\n return [\n ...objectActions,\n ...(showComments ? [commentItem] : []),\n ...(hideSettingsUnderMore && settingsVisible ? [settingsItem] : []),\n maximizeItem,\n ];\n }, [\n additionalActions,\n commentsEnabled,\n hideSettingsUnderMore,\n isExpanded,\n maximizeTooltip,\n open,\n settingsVisible,\n showComments,\n toggleCommentsMode,\n toggleMaximized,\n toggleMoreMenu,\n ]);\n\n useOutsideClick(popoverContentRef, closeSettings, [\n settingsButtonRef.current,\n // Do not react on clicks inside popovers/modals/autocomplete dropdowns, etc\n '[role=\"tooltip\"]',\n '[role=\"presentation\"]',\n ]);\n\n // Show menu only if there's something there besides the fullscreen item\n const hasMenu = menuActionItems.length > 1;\n\n const maximizeButton = (\n <ButtonIcon\n size=\"small\"\n type=\"tertiaryBg\"\n ref={maximizeButtonRef}\n onClick={handleMaximizeClick}\n onMouseDown={handleMaximizeMouseDown}\n onMouseUp={cancelLongPress}\n onMouseLeave={cancelLongPress}\n className={hasMenu ? styles.fullscreenButton : undefined}\n testId={isExpanded ? ActionsTestIds.CollapseButtonTestId : ActionsTestIds.ExpandButtonTestId}\n >\n {isExpanded ? <CollapseIcon /> : <ExpandIcon />}\n </ButtonIcon>\n );\n\n return (\n <>\n <HideInNativeApp>\n {additionalActions?.map((action, index) =>\n !isActionObject(action) ? (\n <Fragment key={index}>{action}</Fragment>\n ) : (\n <Tooltip title={action.title} key={index}>\n <ButtonIcon\n size=\"small\"\n type=\"tertiary\"\n onClick={action.onClick}\n className={classNames(styles.additionalActionButton)}\n testId={ActionsTestIds.AdditionalActionItemTestId}\n >\n {action.icon}\n </ButtonIcon>\n </Tooltip>\n )\n )}\n </HideInNativeApp>\n\n <HideInNativeApp>\n {showComments && (\n <Tooltip title={commentsEnabled ? 'Close Comments Mode' : 'Add Comment'}>\n <ButtonIcon\n size=\"small\"\n type={commentsEnabled ? 'secondaryBg' : 'tertiaryBg'}\n onClick={toggleCommentsMode}\n className={hasMenu ? styles.commentButton : undefined}\n testId={\n commentsEnabled\n ? ActionsTestIds.CloseCommentButtonTestId\n : ActionsTestIds.AddMessageButtonTestId\n }\n >\n {commentsEnabled ? <CloseSmallIcon /> : <AddMessageCustomIcon fill=\"currentColor\" />}\n </ButtonIcon>\n </Tooltip>\n )}\n </HideInNativeApp>\n\n {settingsVisible && (\n <SettingsButton\n ref={settingsButtonRef}\n closeSettings={closeSettings}\n className={\n hideSettingsUnderMore && !isInsideNewMobileApp\n ? styles.settingsHiddenUnderMore\n : undefined\n }\n />\n )}\n\n {/* \n Our \"pseudo-fullscreen\" system gets a stroke when we try to go fullscreen when a tooltip is shown (and we're in a \"pseudo-fullscreen\" mode) \n and we change actual \"fullscreen\" status of an app.\n So we don't show tooltip when user clicks the button, and we expect the \"fullscreen\" status to change.\n */}\n <HideInNativeApp>\n {showMaximizeTooltip ? (\n <Tooltip title={maximizeTooltip}>{maximizeButton}</Tooltip>\n ) : (\n maximizeButton\n )}\n\n {maximizeButtonRef.current && (\n <Menu\n anchorEl={maximizeButtonRef.current}\n open={isModesMenuOpen}\n onClose={closeModesMenu}\n placement=\"bottom-end\"\n >\n <Menu.Item onClick={toggleMaximized} testId={ActionsTestIds.MaximizeItemTestId}>\n Maximize\n </Menu.Item>\n <Menu.Item\n onClick={handleBrowserFullscreenClick}\n testId={ActionsTestIds.BrowserFullscreenItemTestId}\n >\n Full Screen\n </Menu.Item>\n <Menu.Item\n onClick={handleSeparateWindowClick}\n testId={ActionsTestIds.SeparateWindowItemTestId}\n >\n Separate Window\n </Menu.Item>\n </Menu>\n )}\n </HideInNativeApp>\n\n <HideInNativeApp>\n {hasMenu && (\n <Tooltip title=\"More\">\n <ButtonIcon\n type={\n moreMenuOpen \|\| (hideSettingsUnderMore && isPopoverOpen)\n ? 'secondaryBg'\n : 'tertiaryBg'\n }\n className={styles.moreButton}\n ref={moreButtonRef}\n onClick={toggleMoreMenu}\n size=\"small\"\n >\n <MoreOneIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n\n {hasMenu && moreButtonRef.current && (\n <Menu\n anchorEl={moreButtonRef.current}\n open={moreMenuOpen}\n onClose={toggleMoreMenu}\n placement=\"bottom-end\"\n >\n {menuActionItems.map((item, index) => (\n <Menu.Item size=\"large\" prefix={item.icon} key={index} onClick={item.onClick}>\n {item.title}\n </Menu.Item>\n ))}\n </Menu>\n )}\n </HideInNativeApp>\n\n {settingsVisible && rootRef.current && !isPinned && (\n <Popover\n open={isPopoverOpen}\n placement=\"bottom-end\"\n anchorEl={rootRef.current}\n onClose={closeSettings}\n className={styles.settingsPopover}\n preventScroll={false}\n backdrop={false}\n animate={animatePopover}\n >\n <AppSettings rootStyles={wrapperStyle} ref={popoverContentRef} onClose={closeSettings} />\n </Popover>\n )}\n </>\n );\n};\n"],"names":["isActionObject","action","_typeof","Actions","_ref","additionalActions","showComments","disableSettings","rootRef","hideSettingsUnderMore","_useAppCommonsInterna","useAppCommonsInternal","maximized","setMaximized","appSettingsComponent","isExpanded","isBrowserFullscreen","enterBrowserFullscreen","exitBrowserFullscreen","isSeparateWindow","openSeparateWindow","closeSeparateWindow","commentsEnabled","useAppCommentsMode","setCommentsMode","useSetAppCommentsMode","useState","_useState2","_slicedToArray","_useState","moreMenuOpen","setMoreMenuOpen","moreButtonRef","useRef","maximizeButtonRef","settingsButtonRef","_useState4","_useState3","showMaximizeTooltip","setShowMaximizeTooltip","_useState6","_useState5","isModesMenuOpen","setIsModesMenuOpen","longPressTimerRef","isLongPressRef","popoverContentRef","_useAppSettingPinning","useAppSettingPinning","isPinned","close","open","isPopoverOpen","animatePopover","closeSettings","useCallback","height","useAppSize","settingsVisible","wrapperStyle","useMemo","maxHeight","toggleMoreMenu","value","toggleCommentsMode","closeModesMenu","current","toggleMaximized","maximizeTooltip","cancelLongPress","clearTimeout","handleMaximizeMouseDown","setTimeout","useEffect","handleMaximizeClick","handleSeparateWindowClick","handleBrowserFullscreenClick","menuActionItems","isInsideNewMobileApp","getOnClick","handler","objectActions","filter","map","item","_objectSpread","onClick","commentItem","icon","_jsx","MessageIcon","title","maximizeItem","CollapseIcon","ExpandIcon","settingsItem","SettingTwoIcon","_toConsumableArray","useOutsideClick","hasMenu","length","maximizeButton","ButtonIcon","size","type","ref","onMouseDown","onMouseUp","onMouseLeave","className","styles","fullscreenButton","undefined","testId","ActionsTestIds","CollapseButtonTestId","ExpandButtonTestId","children","_jsxs","_Fragment","HideInNativeApp","index","Tooltip","classNames","additionalActionButton","AdditionalActionItemTestId","Fragment","commentButton","CloseCommentButtonTestId","AddMessageButtonTestId","CloseSmallIcon","AddMessageCustomIcon","fill","SettingsButton","settingsHiddenUnderMore","Menu","anchorEl","onClose","placement","Item","MaximizeItemTestId","BrowserFullscreenItemTestId","SeparateWindowItemTestId","moreButton","MoreOneIcon","prefix","Popover","settingsPopover","preventScroll","backdrop","animate","AppSettings","rootStyles"],"mappings":"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"}
1	+ {"version":3,"file":"Actions.js","sources":["../../../../../src/componentsV2/AppHeader/V3/Actions/Actions.tsx"],"sourcesContent":["import {\n CSSProperties,\n Fragment,\n RefObject,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../../ButtonIcon';\nimport { Tooltip } from '../../../Tooltip';\nimport { SettingsButton } from '../SettingsButton';\nimport { AdditionalAction, AdditionalActionObject } from '../constants';\nimport { Menu } from '../../../Menu';\nimport { useAppCommonsInternal } from '../../../AppCommonsProvider';\nimport { Popover } from '../../../Popover';\nimport { AppSettings } from '../../../AppSettings';\nimport { useAppSettingPinning } from '../../../AppSettings/AppSettingsPinningContext';\nimport { useAppSize } from '../../../AppSizeProvider';\nimport { HideInNativeApp } from '../../../HideInNativeApp';\n\nimport { ActionsTestIds } from './Actions.constants';\n\nimport styles from './Actions.scss';\n\nimport {\n AddMessageCustomIcon,\n CloseSmallIcon,\n CollapseIcon,\n ExpandIcon,\n MessageIcon,\n MoreOneIcon,\n SettingTwoIcon,\n} from '~/icons';\nimport { useAppCommentsMode, useOutsideClick, useSetAppCommentsMode } from '~/effects';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\ntype ActionsProps = {\n rootRef: RefObject<HTMLDivElement>;\n additionalActions?: AdditionalAction[];\n showComments?: boolean;\n disableSettings?: boolean;\n hideSettingsUnderMore?: boolean;\n};\n\nconst isActionObject = (action: AdditionalAction): action is AdditionalActionObject =>\n !!action && typeof action === 'object' && 'title' in action;\n\nconst LONG_PRESS_DELAY_MS = 500;\n\nexport const Actions = ({\n additionalActions,\n showComments,\n disableSettings,\n rootRef,\n hideSettingsUnderMore,\n}: ActionsProps) => {\n const {\n maximized,\n setMaximized,\n appSettingsComponent,\n isExpanded,\n isBrowserFullscreen,\n enterBrowserFullscreen,\n exitBrowserFullscreen,\n isSeparateWindow,\n openSeparateWindow,\n closeSeparateWindow,\n } = useAppCommonsInternal();\n const commentsEnabled = useAppCommentsMode();\n const setCommentsMode = useSetAppCommentsMode();\n const [moreMenuOpen, setMoreMenuOpen] = useState(false);\n const moreButtonRef = useRef<HTMLButtonElement>(null);\n const maximizeButtonRef = useRef<HTMLButtonElement>(null);\n const settingsButtonRef = useRef<HTMLButtonElement>(null);\n const [showMaximizeTooltip, setShowMaximizeTooltip] = useState(true);\n const [isModesMenuOpen, setIsModesMenuOpen] = useState(false);\n const longPressTimerRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n const isLongPressRef = useRef(false);\n\n const popoverContentRef = useRef<HTMLDivElement>(null);\n const { isPinned, close, open, isPopoverOpen, animatePopover } = useAppSettingPinning();\n const closeSettings = useCallback(() => {\n close(false);\n }, [close]);\n const { height } = useAppSize() \|\| {};\n const settingsVisible = !!appSettingsComponent && !disableSettings;\n\n const wrapperStyle = useMemo<CSSProperties>(() => ({ maxHeight: `${height}px` }), [height]);\n\n const toggleMoreMenu = useCallback(() => {\n setMoreMenuOpen(value => !value);\n }, []);\n\n const toggleCommentsMode = useCallback(() => {\n setCommentsMode(value => !value);\n }, [setCommentsMode]);\n\n const closeModesMenu = useCallback(() => {\n isLongPressRef.current = false;\n setIsModesMenuOpen(false);\n }, []);\n\n const toggleMaximized = useCallback(() => {\n setShowMaximizeTooltip(false);\n closeModesMenu();\n\n if (isSeparateWindow) {\n closeSeparateWindow?.();\n return;\n }\n\n if (isBrowserFullscreen) {\n exitBrowserFullscreen?.();\n return;\n }\n\n setMaximized(!maximized);\n }, [\n closeModesMenu,\n closeSeparateWindow,\n exitBrowserFullscreen,\n isBrowserFullscreen,\n isSeparateWindow,\n maximized,\n setMaximized,\n ]);\n\n const maximizeTooltip = isSeparateWindow\n ? 'Close Separate Window'\n : isExpanded\n ? 'Restore'\n : 'Maximize';\n\n const cancelLongPress = useCallback(() => {\n if (longPressTimerRef.current) {\n clearTimeout(longPressTimerRef.current);\n longPressTimerRef.current = null;\n }\n }, []);\n\n const handleMaximizeMouseDown = useCallback(() => {\n if (isExpanded \|\| !enterBrowserFullscreen) return;\n\n cancelLongPress();\n longPressTimerRef.current = setTimeout(() => {\n isLongPressRef.current = true;\n setIsModesMenuOpen(true);\n }, LONG_PRESS_DELAY_MS);\n }, [cancelLongPress, enterBrowserFullscreen, isExpanded]);\n\n useEffect(() => cancelLongPress, [cancelLongPress]);\n\n const handleMaximizeClick = useCallback(() => {\n if (isLongPressRef.current) {\n isLongPressRef.current = false;\n return;\n }\n\n toggleMaximized();\n }, [toggleMaximized]);\n\n const handleSeparateWindowClick = useCallback(() => {\n closeModesMenu();\n openSeparateWindow?.();\n }, [closeModesMenu, openSeparateWindow]);\n\n const handleBrowserFullscreenClick = useCallback(() => {\n closeModesMenu();\n enterBrowserFullscreen?.();\n }, [closeModesMenu, enterBrowserFullscreen]);\n\n useEffect(() => {\n setShowMaximizeTooltip(true);\n }, [isExpanded]);\n\n const menuActionItems = useMemo(() => {\n if (isInsideNewMobileApp) return [];\n\n const getOnClick = (handler: AdditionalActionObject['onClick']) => () => {\n toggleMoreMenu();\n handler?.();\n };\n\n const objectActions = (additionalActions \|\| [])\n .filter(isActionObject)\n .map(item => ({ ...item, onClick: getOnClick(item.onClick) }));\n\n const commentItem: AdditionalActionObject = {\n icon: <MessageIcon />,\n onClick: getOnClick(toggleCommentsMode),\n title: commentsEnabled ? 'Close Comments Mode' : 'Add Comment',\n };\n\n const maximizeItem: AdditionalActionObject = {\n title: maximizeTooltip,\n onClick: getOnClick(toggleMaximized),\n icon: isExpanded ? <CollapseIcon /> : <ExpandIcon />,\n };\n\n const settingsItem = {\n title: 'Settings',\n onClick: getOnClick(open),\n icon: <SettingTwoIcon />,\n };\n\n return [\n ...objectActions,\n ...(showComments ? [commentItem] : []),\n ...(hideSettingsUnderMore && settingsVisible ? [settingsItem] : []),\n maximizeItem,\n ];\n }, [\n additionalActions,\n commentsEnabled,\n hideSettingsUnderMore,\n isExpanded,\n maximizeTooltip,\n open,\n settingsVisible,\n showComments,\n toggleCommentsMode,\n toggleMaximized,\n toggleMoreMenu,\n ]);\n\n useOutsideClick(popoverContentRef, closeSettings, [\n settingsButtonRef.current,\n // Do not react on clicks inside popovers/modals/autocomplete dropdowns, etc\n '[role=\"tooltip\"]',\n '[role=\"presentation\"]',\n ]);\n\n // Show menu only if there's something there besides the fullscreen item\n const hasMenu = menuActionItems.length > 1;\n\n const maximizeButton = (\n <ButtonIcon\n size=\"small\"\n type=\"tertiaryBg\"\n ref={maximizeButtonRef}\n onClick={handleMaximizeClick}\n onMouseDown={handleMaximizeMouseDown}\n onMouseUp={cancelLongPress}\n onMouseLeave={cancelLongPress}\n className={hasMenu ? styles.fullscreenButton : undefined}\n testId={isExpanded ? ActionsTestIds.CollapseButtonTestId : ActionsTestIds.ExpandButtonTestId}\n >\n {isExpanded ? <CollapseIcon /> : <ExpandIcon />}\n </ButtonIcon>\n );\n\n return (\n <>\n <HideInNativeApp>\n {additionalActions?.map((action, index) =>\n !isActionObject(action) ? (\n <Fragment key={index}>{action}</Fragment>\n ) : (\n <Tooltip title={action.title} key={index}>\n <ButtonIcon\n size=\"small\"\n type=\"tertiary\"\n onClick={action.onClick}\n className={classNames(styles.additionalActionButton)}\n testId={ActionsTestIds.AdditionalActionItemTestId}\n >\n {action.icon}\n </ButtonIcon>\n </Tooltip>\n )\n )}\n </HideInNativeApp>\n\n <HideInNativeApp>\n {showComments && (\n <Tooltip title={commentsEnabled ? 'Close Comments Mode' : 'Add Comment'}>\n <ButtonIcon\n size=\"small\"\n type={commentsEnabled ? 'secondaryBg' : 'tertiaryBg'}\n onClick={toggleCommentsMode}\n className={hasMenu ? styles.commentButton : undefined}\n testId={\n commentsEnabled\n ? ActionsTestIds.CloseCommentButtonTestId\n : ActionsTestIds.AddMessageButtonTestId\n }\n >\n {commentsEnabled ? <CloseSmallIcon /> : <AddMessageCustomIcon fill=\"currentColor\" />}\n </ButtonIcon>\n </Tooltip>\n )}\n </HideInNativeApp>\n\n {settingsVisible && (\n <SettingsButton\n ref={settingsButtonRef}\n closeSettings={closeSettings}\n className={\n hideSettingsUnderMore && !isInsideNewMobileApp\n ? styles.settingsHiddenUnderMore\n : undefined\n }\n />\n )}\n\n {/* \n Our \"pseudo-fullscreen\" system gets a stroke when we try to go fullscreen when a tooltip is shown (and we're in a \"pseudo-fullscreen\" mode) \n and we change actual \"fullscreen\" status of an app.\n So we don't show tooltip when user clicks the button, and we expect the \"fullscreen\" status to change.\n */}\n <HideInNativeApp>\n {showMaximizeTooltip ? (\n <Tooltip title={maximizeTooltip}>{maximizeButton}</Tooltip>\n ) : (\n maximizeButton\n )}\n\n {maximizeButtonRef.current && (\n <Menu\n anchorEl={maximizeButtonRef.current}\n open={isModesMenuOpen}\n onClose={closeModesMenu}\n placement=\"bottom-end\"\n >\n <Menu.Item onClick={toggleMaximized} testId={ActionsTestIds.MaximizeItemTestId}>\n Maximize\n </Menu.Item>\n <Menu.Item\n onClick={handleBrowserFullscreenClick}\n testId={ActionsTestIds.BrowserFullscreenItemTestId}\n >\n Full Screen\n </Menu.Item>\n <Menu.Item\n onClick={handleSeparateWindowClick}\n testId={ActionsTestIds.SeparateWindowItemTestId}\n >\n Separate Window\n </Menu.Item>\n </Menu>\n )}\n </HideInNativeApp>\n\n <HideInNativeApp>\n {hasMenu && (\n <Tooltip title=\"More\">\n <ButtonIcon\n type={\n moreMenuOpen \|\| (hideSettingsUnderMore && isPopoverOpen)\n ? 'secondaryBg'\n : 'tertiaryBg'\n }\n className={styles.moreButton}\n ref={moreButtonRef}\n onClick={toggleMoreMenu}\n size=\"small\"\n >\n <MoreOneIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n\n {hasMenu && moreButtonRef.current && (\n <Menu\n anchorEl={moreButtonRef.current}\n open={moreMenuOpen}\n onClose={toggleMoreMenu}\n placement=\"bottom-end\"\n >\n {menuActionItems.map((item, index) => (\n <Menu.Item size=\"large\" prefix={item.icon} key={index} onClick={item.onClick}>\n {item.title}\n </Menu.Item>\n ))}\n </Menu>\n )}\n </HideInNativeApp>\n\n {settingsVisible && rootRef.current && !isPinned && (\n <Popover\n open={isPopoverOpen}\n placement=\"bottom-end\"\n anchorEl={rootRef.current}\n onClose={closeSettings}\n className={styles.settingsPopover}\n preventScroll={false}\n backdrop={false}\n animate={animatePopover}\n >\n <AppSettings rootStyles={wrapperStyle} ref={popoverContentRef} onClose={closeSettings} />\n </Popover>\n )}\n </>\n );\n};\n"],"names":["isActionObject","action","_typeof","Actions","_ref","additionalActions","showComments","disableSettings","rootRef","hideSettingsUnderMore","_useAppCommonsInterna","useAppCommonsInternal","maximized","setMaximized","appSettingsComponent","isExpanded","isBrowserFullscreen","enterBrowserFullscreen","exitBrowserFullscreen","isSeparateWindow","openSeparateWindow","closeSeparateWindow","commentsEnabled","useAppCommentsMode","setCommentsMode","useSetAppCommentsMode","useState","_useState2","_slicedToArray","_useState","moreMenuOpen","setMoreMenuOpen","moreButtonRef","useRef","maximizeButtonRef","settingsButtonRef","_useState4","_useState3","showMaximizeTooltip","setShowMaximizeTooltip","_useState6","_useState5","isModesMenuOpen","setIsModesMenuOpen","longPressTimerRef","isLongPressRef","popoverContentRef","_useAppSettingPinning","useAppSettingPinning","isPinned","close","open","isPopoverOpen","animatePopover","closeSettings","useCallback","height","useAppSize","settingsVisible","wrapperStyle","useMemo","maxHeight","toggleMoreMenu","value","toggleCommentsMode","closeModesMenu","current","toggleMaximized","maximizeTooltip","cancelLongPress","clearTimeout","handleMaximizeMouseDown","setTimeout","useEffect","handleMaximizeClick","handleSeparateWindowClick","handleBrowserFullscreenClick","menuActionItems","isInsideNewMobileApp","getOnClick","handler","objectActions","filter","map","item","_objectSpread","onClick","commentItem","icon","_jsx","MessageIcon","title","maximizeItem","CollapseIcon","ExpandIcon","settingsItem","SettingTwoIcon","_toConsumableArray","useOutsideClick","hasMenu","length","maximizeButton","ButtonIcon","size","type","ref","onMouseDown","onMouseUp","onMouseLeave","className","styles","fullscreenButton","undefined","testId","ActionsTestIds","CollapseButtonTestId","ExpandButtonTestId","children","_jsxs","_Fragment","HideInNativeApp","index","Tooltip","classNames","additionalActionButton","AdditionalActionItemTestId","Fragment","commentButton","CloseCommentButtonTestId","AddMessageButtonTestId","CloseSmallIcon","AddMessageCustomIcon","fill","SettingsButton","settingsHiddenUnderMore","Menu","anchorEl","onClose","placement","Item","MaximizeItemTestId","BrowserFullscreenItemTestId","SeparateWindowItemTestId","moreButton","MoreOneIcon","prefix","Popover","settingsPopover","preventScroll","backdrop","animate","AppSettings","rootStyles"],"mappings":"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"}

package/componentsV2/AppHeader/V3/AppTitle/AppTitle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import n from"classnames";import{useState as t,useRef as i,useCallback as e,useMemo as c,Fragment as r}from"react";import m from"moment";import{Icon as p}from"@material-ui/core";import{TextEndTruncated as a}from"../../../TextEndTruncated/TextEndTruncated.js";import{Button as l}from"../../../Button/Button.js";import{normalizeAsset as u}from"../../AppHeader.constants.js";import{DqStatusIcon as d}from"../DqStatusIcon/DqStatusIcon.js";import"../DqStatusIcon/DqStatusIcon.constants.js";import{AppDqPopover as I}from"../../../AppDqPopover/AppDqPopover.js";import{Menu as j}from"../../../Menu/Menu.js";import{AppIcon as f}from"../../../../components/AppIcon/AppIcon.js";import{getAppSegment as h}from"../../../../utils/devcenter.js";import{Text as v}from"../../../Text/Text.js";import{Accordion as A}from"../../../Accordion/Accordion.js";import{AppRemoveConfirmationModal as C}from"../AppRemoveConfirmationModal/AppRemoveConfirmationModal.js";import{AssetSelector as b}from"../AssetSelector/AssetSelector.js";import"../AssetSelector/constants.js";import{SEGMENTS as g}from"../../../../constants/segment.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as T}from"../../../AppCommonsProvider/AppCommonsContext.js";import{UniversalLink as y}from"../../../UniversalLink/UniversalLink.js";import{AppTitleTestIds as O}from"./AppTitle.constants.js";import N from"./AppTitle.scss.js";import{DownIcon as M,SettingOneIcon as x,HelpIcon as D,DeleteFourIcon as P}from"../../../../icons/iconParkIcons.js";import{AddMessageCustomIcon as k}from"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/jsonApi/index.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import S from"../../../../effects/useOutsideClick.js";import"../../../../utils/index.js";import{useWellnessAlerts as F}from"../../../../effects/useWellnessAlerts.js";import"lodash/get";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../constants/completion.js";import"../../../../constants/streamSourceType.js";import"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../AppSettings/AppSettingsPinningContext.js";import"@babel/runtime/helpers/toConsumableArray";import{jsx as E,jsxs as z,Fragment as q}from"react/jsx-runtime";function w(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,t)}return n}function R(s){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){o(s,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var B=function(o){var w,B,L,U,H=o.asset,G=o.className,Y=o.dqData,W=o.lastUpdate,V=o.title,K=o.disableAssetSelector,Z=o.titleMenuActions,J=o.style,Q=T(),X=Q.app,$=Q.appId,_=Q.maximized,oo=Q.toggleAnnotationsList,so=Q.onHelpCenterClick,no=Q.secondaryMenuItems,to=Q.appName,io=Q.layoutEnvironment,eo=Q.isInsideNewMobileApp,co=Q.removeApp,ro=Q.disableAppAssetSelection,mo=Q.isMultiRig,po=t(!1),ao=s(po,2),lo=ao[0],uo=ao[1],Io=i(),jo=i(),fo=i(null),ho=i(null),vo=t(!1),Ao=s(vo,2),Co=Ao[0],bo=Ao[1],go=i(null),To=e((function(){return uo((function(o){return!o}))}),[]),yo=e((function(){return bo((function(o){return!o}))}),[]),Oo=e((function(){clearTimeout(Io.current),clearTimeout(jo.current),Io.current=setTimeout((function(){uo(!0)}),300)}),[]),No=e((function(){clearTimeout(Io.current),clearTimeout(jo.current),Io.current=setTimeout((function(){uo(!1)}),700)}),[]);S(ho,To,[fo.current]);var Mo=(H instanceof Array&&H.length>0||!!H)&&!Y&&!eo,xo=F({isDCApp:Mo,appId:$,multiRigAssets:H instanceof Array?H.map(u).filter(Boolean):void 0,asset:H instanceof Array?void 0:u(H),maximized:_,dashboards:[]}),Do=Y||xo,Po=(Mo||!!Y)&&!eo,ko=(null==Do||null===(w=Do.wellnessAlerts)||void 0===w?void 0:w.alertsData)||{},So=function(o){if(o){if("number"==typeof o){var s=Date.now();return Math.abs(s-o)>Math.abs(s-1e3*o)?m.unix(o):m(o)}return m(o)}return null}(W),Fo=e((function(){yo(),null==oo||oo()}),[oo,yo]),Eo=e((function(){yo(),null==so||so()}),[so,yo]),zo=t(!1),qo=s(zo,2),wo=qo[0],Ro=qo[1],Bo=e((function(){yo(),Ro(!0)}),[yo]),Lo=e((function(){Ro(!1)}),[]),Uo=c((function(){return[].concat(no||[]).concat(Z||[]).map((function(o){return R(R({},o),{},{onClick:function(){var s;yo(),null===(s=o.onClick)||void 0===s||s.call(o)}})}))}),[no,Z,yo]),Ho="asset"===(null==io?void 0:io.type),Go=h(X)===g.COMPLETION,Yo=!(ro||K||mo||Ho&&Go),Wo=null!=So&&So.isValid()?"Last Update: ".concat(So.format("MMM D YYYY, hh:mm A")):void 0,Vo=V||to;return eo?E("div",{className:n(N.root,G),children:E("div",{className:N.title,children:E(a,{className:n(N.titleText),testId:O.AppNameTestId,children:Vo})})}):z("div",{className:n(N.root,G),style:J,children:[Po&&E(d,{statusBadgeIconType:Do.statusBadgeIconType,className:N.dqBadge,onClick:To,onMouseEnter:Oo,onMouseLeave:No,ref:fo}),E(l,{type:"tertiary",size:"small",className:N.title,suffix:E("div",{className:n(N.titleChevron,Co&&N.titleChevronOpen),children:E(M,{size:16})}),ref:go,onClick:yo,children:E(a,{className:n(N.titleText,Po&&N.withDq),testId:O.AppNameTestId,children:Vo})}),E(I,{open:lo,anchorEl:fo.current,placement:"bottom-start",alertsData:ko,onClose:To,contentRef:ho,onMouseEnter:Oo,onMouseLeave:No}),z(j,{anchorEl:go.current,open:Co,className:N.menuRoot,onClose:yo,children:[z(y,{href:"/app-store/app/".concat(null==X||null===(B=X.app)||void 0===B?void 0:B.id),className:N.menuHeader,"data-testid":O.AppStoreLinkTestId,children:[E(f,{"data-testid":O.AppIconTestId,className:N.appIcon,segment:[h(X)],iconUrl:null==X||null===(L=X.app)||void 0===L||null===(U=L.icon)||void 0===U?void 0:U.url,height:40,width:40}),z("div",{className:N.menuHeaderText,children:[E(v,{children:E(a,{testId:O.MenuAppNameTestId,children:to})}),E(v,{size:12,color:"T6",children:"Open in Appstore"})]})]}),E("div",{className:N.divider}),Yo&&E(j.Item,{size:"large",disableClickEffect:!0,className:n(N.menuItem,N.assetMenuItem),children:E(A,{title:z("div",{className:N.accordionTitle,children:[E(x,{size:24,className:N.accordionIcon}),"Change Asset"]}),iconPosition:"end",titleHover:!1,testId:O.AssetSelectorAccordionTestId,children:E(b,{})})}),null==Uo?void 0:Uo.map((function(o,s){return z(r,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",onClick:o.onClick,prefix:"string"==typeof o.icon?E(p,{children:o.icon}):o.icon,testId:O.AdditionalSelectionTestId,children:o.title})]},s)})),so&&z(q,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",prefix:E(D,{}),onClick:Eo,testId:O.HelpCenterLinkTestId,children:"Help Center"})]}),oo&&z(q,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",prefix:E(k,{fill:"currentColor"}),onClick:Fo,testId:O.AnnotationsTestId,children:"Add Annotation"})]}),co&&z(q,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",prefix:E(P,{}),type:"destructive",onClick:Bo,testId:O.RemoveAppTestId,children:"Remove App"})]}),(null==So?void 0:So.isValid())&&z(q,{children:[E("div",{className:N.divider}),z("div",{className:N.footer,children:[E(d,{statusBadgeIconType:Do.statusBadgeIconType,className:N.footerDqBadge,ref:fo}),Wo&&E(v,{size:12,color:"T6",children:Wo})]})]})]}),E(C,{open:wo,onClose:Lo})]})};export{B as AppTitle};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import n from"classnames";import{useState as t,useRef as i,useCallback as e,useMemo as c,Fragment as r}from"react";import m from"moment";import{Icon as p}from"@material-ui/core";import{TextEndTruncated as a}from"../../../TextEndTruncated/TextEndTruncated.js";import{Button as l}from"../../../Button/Button.js";import{normalizeAsset as u}from"../../AppHeader.constants.js";import{DqStatusIcon as d}from"../DqStatusIcon/DqStatusIcon.js";import"../DqStatusIcon/DqStatusIcon.constants.js";import{AppDqPopover as I}from"../../../AppDqPopover/AppDqPopover.js";import{Menu as j}from"../../../Menu/Menu.js";import{AppIcon as f}from"../../../../components/AppIcon/AppIcon.js";import{getAppSegment as h}from"../../../../utils/devcenter.js";import{Text as v}from"../../../Text/Text.js";import{Accordion as A}from"../../../Accordion/Accordion.js";import{AppRemoveConfirmationModal as C}from"../AppRemoveConfirmationModal/AppRemoveConfirmationModal.js";import{AssetSelector as b}from"../AssetSelector/AssetSelector.js";import"../AssetSelector/constants.js";import{SEGMENTS as g}from"../../../../constants/segment.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as T}from"../../../AppCommonsProvider/AppCommonsContext.js";import{UniversalLink as y}from"../../../UniversalLink/UniversalLink.js";import{AppTitleTestIds as O}from"./AppTitle.constants.js";import N from"./AppTitle.scss.js";import{DownIcon as M,SettingOneIcon as x,HelpIcon as D,DeleteFourIcon as P}from"../../../../icons/iconParkIcons.js";import{AddMessageCustomIcon as k}from"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/jsonApi/index.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import S from"../../../../effects/useOutsideClick.js";import"../../../../utils/index.js";import{useWellnessAlerts as F}from"../../../../effects/useWellnessAlerts.js";import"lodash/get";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../constants/completion.js";import"../../../../constants/streamSourceType.js";import"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../AppSettings/AppSettingsPinningContext.js";import"@babel/runtime/helpers/toConsumableArray";import{jsx as E,jsxs as z,Fragment as R}from"react/jsx-runtime";function q(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,t)}return n}function w(s){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?q(Object(t),!0).forEach((function(n){o(s,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):q(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var B=function(o){var q,B,L,U,H=o.asset,G=o.className,Y=o.dqData,W=o.lastUpdate,V=o.title,K=o.disableAssetSelector,Z=o.titleMenuActions,J=o.style,Q=T(),X=Q.app,$=Q.appId,_=Q.maximized,oo=Q.toggleAnnotationsList,so=Q.onHelpCenterClick,no=Q.secondaryMenuItems,to=Q.appName,io=Q.layoutEnvironment,eo=Q.isInsideNewMobileApp,co=Q.removeApp,ro=Q.disableAppAssetSelection,mo=Q.isMultiRig,po=t(!1),ao=s(po,2),lo=ao[0],uo=ao[1],Io=i(),jo=i(),fo=i(null),ho=i(null),vo=t(!1),Ao=s(vo,2),Co=Ao[0],bo=Ao[1],go=i(null),To=e((function(){return uo((function(o){return!o}))}),[]),yo=e((function(){return bo((function(o){return!o}))}),[]),Oo=e((function(){clearTimeout(Io.current),clearTimeout(jo.current),Io.current=setTimeout((function(){uo(!0)}),300)}),[]),No=e((function(){clearTimeout(Io.current),clearTimeout(jo.current),Io.current=setTimeout((function(){uo(!1)}),700)}),[]);S(ho,To,[fo.current]);var Mo=(H instanceof Array&&H.length>0||!!H)&&!Y&&!eo,xo=F({isDCApp:Mo,appId:$,multiRigAssets:H instanceof Array?H.map(u).filter(Boolean):void 0,asset:H instanceof Array?void 0:u(H),maximized:_,dashboards:[]}),Do=Y||xo,Po=(Mo||!!Y)&&!eo,ko=(null==Do||null===(q=Do.wellnessAlerts)||void 0===q?void 0:q.alertsData)||{},So=function(o){if(o){if("number"==typeof o){var s=Date.now();return Math.abs(s-o)>Math.abs(s-1e3*o)?m.unix(o):m(o)}return m(o)}return null}(W),Fo=e((function(){yo(),null==oo||oo()}),[oo,yo]),Eo=e((function(){yo(),null==so||so()}),[so,yo]),zo=t(!1),Ro=s(zo,2),qo=Ro[0],wo=Ro[1],Bo=e((function(){yo(),wo(!0)}),[yo]),Lo=e((function(){wo(!1)}),[]),Uo=c((function(){return[].concat(no||[]).concat(Z||[]).map((function(o){return w(w({},o),{},{onClick:function(){var s;yo(),null===(s=o.onClick)||void 0===s||s.call(o)}})}))}),[no,Z,yo]),Ho="asset"===(null==io?void 0:io.type),Go=h(X)===g.COMPLETION,Yo=!(ro||K||mo||Ho&&Go),Wo=null!=So&&So.isValid()?"Last Update: ".concat(So.format("MMM D YYYY, hh:mm A")):void 0,Vo=V||to;return eo?E("div",{className:n(N.root,G),children:E("div",{className:N.title,children:E(a,{className:n(N.titleText),testId:O.AppNameTestId,children:Vo})})}):z("div",{className:n(N.root,G),style:J,children:[Po&&E(d,{statusBadgeIconType:Do.statusBadgeIconType,className:N.dqBadge,onClick:To,onMouseEnter:Oo,onMouseLeave:No,ref:fo}),E(l,{type:"tertiary",size:"small",className:N.title,suffix:E("div",{className:n(N.titleChevron,Co&&N.titleChevronOpen),children:E(M,{size:16})}),ref:go,onClick:yo,children:E(a,{className:n(N.titleText,Po&&N.withDq),testId:O.AppNameTestId,children:Vo})}),E(I,{open:lo,anchorEl:fo.current,placement:"bottom-start",alertsData:ko,onClose:To,contentRef:ho,onMouseEnter:Oo,onMouseLeave:No}),z(j,{anchorEl:go.current,open:Co,className:N.menuRoot,onClose:yo,children:[z(y,{href:"/app-store/app/".concat(null==X||null===(B=X.app)||void 0===B?void 0:B.id),className:N.menuHeader,"data-testid":O.AppStoreLinkTestId,children:[E(f,{"data-testid":O.AppIconTestId,className:N.appIcon,segment:[h(X)],iconUrl:null==X||null===(L=X.app)||void 0===L||null===(U=L.icon)||void 0===U?void 0:U.url,height:40,width:40}),z("div",{className:N.menuHeaderText,children:[E(v,{children:E(a,{testId:O.MenuAppNameTestId,children:to})}),E(v,{size:12,color:"T6",children:"Open in Appstore"})]})]}),E("div",{className:N.divider}),Yo&&E(j.Item,{size:"large",disableClickEffect:!0,className:n(N.menuItem,N.assetMenuItem),children:E(A,{title:z("div",{className:N.accordionTitle,children:[E(x,{size:24,className:N.accordionIcon}),"Change Asset"]}),iconPosition:"end",titleHover:!1,testId:O.AssetSelectorAccordionTestId,children:E(b,{})})}),null==Uo?void 0:Uo.map((function(o,s){return z(r,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",onClick:o.onClick,prefix:"string"==typeof o.icon?E(p,{children:o.icon}):o.icon,testId:O.AdditionalSelectionTestId,children:o.title})]},s)})),so&&z(R,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",prefix:E(D,{}),onClick:Eo,testId:O.HelpCenterLinkTestId,children:"Help Center"})]}),oo&&z(R,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",prefix:E(k,{fill:"currentColor"}),onClick:Fo,testId:O.AnnotationsTestId,children:"Add Annotation"})]}),co&&z(R,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",prefix:E(P,{}),type:"destructive",onClick:Bo,testId:O.RemoveAppTestId,children:"Remove App"})]}),(null==So?void 0:So.isValid())&&z(R,{children:[E("div",{className:N.divider}),z("div",{className:N.footer,children:[E(d,{statusBadgeIconType:Do.statusBadgeIconType,className:N.footerDqBadge,ref:fo}),Wo&&E(v,{size:12,color:"T6",children:Wo})]})]})]}),E(C,{open:qo,onClose:Lo})]})};export{B as AppTitle};
 //# sourceMappingURL=AppTitle.js.map

package/componentsV2/AppHeader/V3/AppTitle/AppTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppTitle.js","sources":["../../../../../src/componentsV2/AppHeader/V3/AppTitle/AppTitle.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Fragment, ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport moment from 'moment';\nimport { Icon } from '@material-ui/core';\n\nimport { TextEndTruncated } from '../../../TextEndTruncated';\nimport { Button } from '../../../Button';\nimport { Asset, normalizeAsset, UseWellnessAlertsReturnType } from '../../AppHeader.constants';\nimport { DqStatusIcon } from '../DqStatusIcon';\nimport { AppDqPopover } from '../../../AppDqPopover';\nimport { Menu } from '../../../Menu';\nimport AppIcon from '../../../../components/AppIcon';\nimport { getAppSegment } from '../../../../utils/devcenter';\nimport { Text } from '../../../Text';\nimport { Accordion } from '../../../Accordion';\nimport { AppRemoveConfirmationModal } from '../AppRemoveConfirmationModal';\nimport { AssetSelector } from '../AssetSelector';\nimport { SEGMENTS } from '../../../../constants/segment';\nimport { useAppCommonsInternal } from '../../../AppCommonsProvider';\nimport { UniversalLink } from '../../../UniversalLink';\nimport { TitleMenuAction } from '../constants';\n\nimport { AppTitleTestIds } from './AppTitle.constants';\n\nimport styles from './AppTitle.scss';\n\nimport { AddMessageCustomIcon, DeleteFourIcon, DownIcon, HelpIcon, SettingOneIcon } from '~/icons';\nimport { useOutsideClick, useWellnessAlerts } from '~/effects';\n\nexport type AppTitleProps = {\n asset?: Asset \| Asset[];\n className?: string;\n dqData?: UseWellnessAlertsReturnType;\n lastUpdate?: number \| string \| Date;\n title?: ReactNode;\n disableAssetSelector?: boolean;\n titleMenuActions?: TitleMenuAction[];\n style?: React.CSSProperties;\n};\n\nconst getLastUpdateMoment = (lastUpdate: AppTitleProps['lastUpdate']) => {\n if (lastUpdate) {\n if (typeof lastUpdate === 'number') {\n // Detecting unix timestamp (no milliseconds)\n const now = Date.now();\n\n if (Math.abs(now - lastUpdate) > Math.abs(now - lastUpdate * 1000)) {\n return moment.unix(lastUpdate);\n }\n\n return moment(lastUpdate);\n } else {\n return moment(lastUpdate);\n }\n }\n\n return null;\n};\n\nconst DqMouseEnterTimeout = 300;\nconst DqMouseLeaveTimeout = 700;\n\nexport const AppTitle = ({\n asset,\n className,\n dqData,\n lastUpdate,\n title,\n disableAssetSelector,\n titleMenuActions,\n style,\n}: AppTitleProps) => {\n const {\n app,\n appId,\n maximized,\n toggleAnnotationsList,\n onHelpCenterClick,\n secondaryMenuItems,\n appName,\n layoutEnvironment,\n isInsideNewMobileApp,\n removeApp,\n disableAppAssetSelection,\n isMultiRig,\n } = useAppCommonsInternal();\n const [isDqOpen, setIsDqOpen] = useState(false);\n const dqMouseEnterTimerRef = useRef<NodeJS.Timeout>();\n const dqMouseLeaveTimerRef = useRef<NodeJS.Timeout>();\n const dqIconRef = useRef<HTMLDivElement>(null);\n const dqContentRef = useRef<HTMLDivElement>(null);\n\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const menuButtonRef = useRef<HTMLButtonElement>(null);\n\n const toggleDq = useCallback(() => setIsDqOpen(value => !value), []);\n const toggleMenu = useCallback(() => setIsMenuOpen(value => !value), []);\n const onDqMouseEnter = useCallback(() => {\n clearTimeout(dqMouseEnterTimerRef.current);\n clearTimeout(dqMouseLeaveTimerRef.current);\n dqMouseEnterTimerRef.current = setTimeout(() => {\n setIsDqOpen(true);\n }, DqMouseEnterTimeout);\n }, []);\n\n const onDqMouseLeave = useCallback(() => {\n clearTimeout(dqMouseEnterTimerRef.current);\n clearTimeout(dqMouseLeaveTimerRef.current);\n dqMouseEnterTimerRef.current = setTimeout(() => {\n setIsDqOpen(false);\n }, DqMouseLeaveTimeout);\n }, []);\n\n useOutsideClick(dqContentRef, toggleDq, [dqIconRef.current]);\n\n const hasDqAsset = (asset instanceof Array && asset.length > 0) \|\| !!asset;\n const shouldLoadDQ = hasDqAsset && !dqData && !isInsideNewMobileApp;\n\n const ownWellnessData = useWellnessAlerts({\n isDCApp: shouldLoadDQ,\n appId,\n multiRigAssets:\n asset instanceof Array\n ? (asset.map(normalizeAsset).filter(Boolean) as { id: number; name: string }[])\n : undefined,\n asset: !(asset instanceof Array) ? normalizeAsset(asset) : undefined,\n maximized,\n dashboards: [],\n });\n\n const wellnessData = dqData \|\| ownWellnessData;\n const hasDQ = (shouldLoadDQ \|\| !!dqData) && !isInsideNewMobileApp;\n const alertsData = wellnessData?.wellnessAlerts?.alertsData \|\| {};\n const lastUpdateMoment = getLastUpdateMoment(lastUpdate);\n\n const onAddAnnotation = useCallback(() => {\n toggleMenu();\n toggleAnnotationsList?.();\n }, [toggleAnnotationsList, toggleMenu]);\n\n const onGoToHelpCenter = useCallback(() => {\n toggleMenu();\n onHelpCenterClick?.();\n }, [onHelpCenterClick, toggleMenu]);\n\n const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);\n\n const onDeleteApp = useCallback(() => {\n toggleMenu();\n setIsDeleteModalOpen(true);\n }, [toggleMenu]);\n\n const onCloseDeleteModal = useCallback(() => {\n setIsDeleteModalOpen(false);\n }, []);\n\n const additionalItems = useMemo(() => {\n return ([] as TitleMenuAction[])\n .concat(secondaryMenuItems \|\| [])\n .concat(titleMenuActions \|\| [])\n .map(item => ({\n ...item,\n onClick: () => {\n toggleMenu();\n item.onClick?.();\n },\n }));\n }, [secondaryMenuItems, titleMenuActions, toggleMenu]);\n\n const isAssetPage = layoutEnvironment?.type === 'asset';\n const isCompletionSegment = getAppSegment(app) === SEGMENTS.COMPLETION;\n const isAssetPageCompletionApp = isAssetPage && isCompletionSegment;\n const isAssetSelectorDisabled =\n disableAppAssetSelection \|\| disableAssetSelector \|\| isMultiRig \|\| isAssetPageCompletionApp;\n const hasAssetSelector = !isAssetSelectorDisabled;\n const lastUpdateString = lastUpdateMoment?.isValid()\n ? `Last Update: ${lastUpdateMoment.format('MMM D YYYY, hh:mm A')}`\n : undefined;\n const actualTitle = title \|\| appName;\n\n if (isInsideNewMobileApp) {\n return (\n <div className={classNames(styles.root, className)}>\n <div className={styles.title}>\n <TextEndTruncated\n className={classNames(styles.titleText)}\n testId={AppTitleTestIds.AppNameTestId}\n >\n {actualTitle}\n </TextEndTruncated>\n </div>\n </div>\n );\n }\n\n return (\n <div className={classNames(styles.root, className)} style={style}>\n {hasDQ && (\n <DqStatusIcon\n statusBadgeIconType={wellnessData.statusBadgeIconType}\n className={styles.dqBadge}\n onClick={toggleDq}\n onMouseEnter={onDqMouseEnter}\n onMouseLeave={onDqMouseLeave}\n ref={dqIconRef}\n />\n )}\n\n <Button\n type=\"tertiary\"\n size=\"small\"\n className={styles.title}\n suffix={\n <div className={classNames(styles.titleChevron, isMenuOpen && styles.titleChevronOpen)}>\n <DownIcon size={16} />\n </div>\n }\n ref={menuButtonRef}\n onClick={toggleMenu}\n >\n <TextEndTruncated\n className={classNames(styles.titleText, hasDQ && styles.withDq)}\n testId={AppTitleTestIds.AppNameTestId}\n >\n {actualTitle}\n </TextEndTruncated>\n </Button>\n\n <AppDqPopover\n open={isDqOpen}\n anchorEl={dqIconRef.current}\n placement=\"bottom-start\"\n alertsData={alertsData}\n onClose={toggleDq}\n contentRef={dqContentRef}\n onMouseEnter={onDqMouseEnter}\n onMouseLeave={onDqMouseLeave}\n />\n\n <Menu\n anchorEl={menuButtonRef.current}\n open={isMenuOpen}\n className={styles.menuRoot}\n onClose={toggleMenu}\n >\n <UniversalLink\n href={`/app-store/app/${app?.app?.id}`}\n className={styles.menuHeader}\n data-testid={AppTitleTestIds.AppStoreLinkTestId}\n >\n <AppIcon\n data-testid={AppTitleTestIds.AppIconTestId}\n className={styles.appIcon}\n segment={[getAppSegment(app)]}\n iconUrl={app?.app?.icon?.url}\n height={40}\n width={40}\n />\n\n <div className={styles.menuHeaderText}>\n <Text>\n <TextEndTruncated testId={AppTitleTestIds.MenuAppNameTestId}>\n {appName}\n </TextEndTruncated>\n </Text>\n <Text size={12} color=\"T6\">\n Open in Appstore\n </Text>\n </div>\n </UniversalLink>\n <div className={styles.divider} />\n\n {hasAssetSelector && (\n <Menu.Item\n size=\"large\"\n disableClickEffect\n className={classNames(styles.menuItem, styles.assetMenuItem)}\n >\n <Accordion\n title={\n <div className={styles.accordionTitle}>\n <SettingOneIcon size={24} className={styles.accordionIcon} />\n Change Asset\n </div>\n }\n iconPosition=\"end\"\n titleHover={false}\n testId={AppTitleTestIds.AssetSelectorAccordionTestId}\n >\n <AssetSelector />\n </Accordion>\n </Menu.Item>\n )}\n\n {additionalItems?.map((item, index) => {\n return (\n <Fragment key={index}>\n <div className={styles.divider} />\n <Menu.Item\n className={styles.menuItem}\n size=\"large\"\n onClick={item.onClick}\n prefix={typeof item.icon === 'string' ? <Icon>{item.icon}</Icon> : item.icon}\n testId={AppTitleTestIds.AdditionalSelectionTestId}\n >\n {item.title}\n </Menu.Item>\n </Fragment>\n );\n })}\n {onHelpCenterClick && (\n <>\n <div className={styles.divider} />\n <Menu.Item\n className={styles.menuItem}\n size=\"large\"\n prefix={<HelpIcon />}\n onClick={onGoToHelpCenter}\n testId={AppTitleTestIds.HelpCenterLinkTestId}\n >\n Help Center\n </Menu.Item>\n </>\n )}\n {toggleAnnotationsList && (\n <>\n <div className={styles.divider} />\n <Menu.Item\n className={styles.menuItem}\n size=\"large\"\n prefix={<AddMessageCustomIcon fill=\"currentColor\" />}\n onClick={onAddAnnotation}\n testId={AppTitleTestIds.AnnotationsTestId}\n >\n Add Annotation\n </Menu.Item>\n </>\n )}\n {removeApp && (\n <>\n <div className={styles.divider} />\n <Menu.Item\n className={styles.menuItem}\n size=\"large\"\n prefix={<DeleteFourIcon />}\n type=\"destructive\"\n onClick={onDeleteApp}\n testId={AppTitleTestIds.RemoveAppTestId}\n >\n Remove App\n </Menu.Item>\n </>\n )}\n {lastUpdateMoment?.isValid() && (\n <>\n <div className={styles.divider} />\n <div className={styles.footer}>\n <DqStatusIcon\n statusBadgeIconType={wellnessData.statusBadgeIconType}\n className={styles.footerDqBadge}\n ref={dqIconRef}\n />\n {lastUpdateString && (\n <Text size={12} color=\"T6\">\n {lastUpdateString}\n </Text>\n )}\n </div>\n </>\n )}\n </Menu>\n\n <AppRemoveConfirmationModal open={isDeleteModalOpen} onClose={onCloseDeleteModal} />\n </div>\n );\n};\n"],"names":["AppTitle","_ref","_wellnessData$wellnes","_app$app","_app$app2","_app$app2$icon","asset","className","dqData","lastUpdate","title","disableAssetSelector","titleMenuActions","style","_useAppCommonsInterna","useAppCommonsInternal","app","appId","maximized","toggleAnnotationsList","onHelpCenterClick","secondaryMenuItems","appName","layoutEnvironment","isInsideNewMobileApp","removeApp","disableAppAssetSelection","isMultiRig","useState","_useState2","_slicedToArray","_useState","isDqOpen","setIsDqOpen","dqMouseEnterTimerRef","useRef","dqMouseLeaveTimerRef","dqIconRef","dqContentRef","_useState4","_useState3","isMenuOpen","setIsMenuOpen","menuButtonRef","toggleDq","useCallback","value","toggleMenu","onDqMouseEnter","clearTimeout","current","setTimeout","onDqMouseLeave","useOutsideClick","shouldLoadDQ","Array","length","ownWellnessData","useWellnessAlerts","isDCApp","multiRigAssets","map","normalizeAsset","filter","Boolean","undefined","dashboards","wellnessData","hasDQ","alertsData","wellnessAlerts","lastUpdateMoment","now","Date","Math","abs","moment","unix","getLastUpdateMoment","onAddAnnotation","onGoToHelpCenter","_useState6","_useState5","isDeleteModalOpen","setIsDeleteModalOpen","onDeleteApp","onCloseDeleteModal","additionalItems","useMemo","concat","item","_objectSpread","onClick","_item$onClick","call","isAssetPage","type","isCompletionSegment","getAppSegment","SEGMENTS","COMPLETION","hasAssetSelector","lastUpdateString","isValid","format","actualTitle","_jsx","classNames","styles","root","children","TextEndTruncated","titleText","testId","AppTitleTestIds","AppNameTestId","_jsxs","DqStatusIcon","statusBadgeIconType","dqBadge","onMouseEnter","onMouseLeave","ref","Button","size","suffix","titleChevron","titleChevronOpen","DownIcon","withDq","AppDqPopover","open","anchorEl","placement","onClose","contentRef","Menu","menuRoot","UniversalLink","href","id","menuHeader","AppStoreLinkTestId","AppIcon","AppIconTestId","appIcon","segment","iconUrl","icon","url","height","width","menuHeaderText","Text","MenuAppNameTestId","color","divider","Item","disableClickEffect","menuItem","assetMenuItem","Accordion","accordionTitle","SettingOneIcon","accordionIcon","iconPosition","titleHover","AssetSelectorAccordionTestId","AssetSelector","index","Fragment","prefix","Icon","AdditionalSelectionTestId","_Fragment","HelpIcon","HelpCenterLinkTestId","AddMessageCustomIcon","fill","AnnotationsTestId","DeleteFourIcon","RemoveAppTestId","footer","footerDqBadge","AppRemoveConfirmationModal"],"mappings":"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"}
1	+ {"version":3,"file":"AppTitle.js","sources":["../../../../../src/componentsV2/AppHeader/V3/AppTitle/AppTitle.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Fragment, ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport moment from 'moment';\nimport { Icon } from '@material-ui/core';\n\nimport { TextEndTruncated } from '../../../TextEndTruncated';\nimport { Button } from '../../../Button';\nimport { Asset, normalizeAsset, UseWellnessAlertsReturnType } from '../../AppHeader.constants';\nimport { DqStatusIcon } from '../DqStatusIcon';\nimport { AppDqPopover } from '../../../AppDqPopover';\nimport { Menu } from '../../../Menu';\nimport AppIcon from '../../../../components/AppIcon';\nimport { getAppSegment } from '../../../../utils/devcenter';\nimport { Text } from '../../../Text';\nimport { Accordion } from '../../../Accordion';\nimport { AppRemoveConfirmationModal } from '../AppRemoveConfirmationModal';\nimport { AssetSelector } from '../AssetSelector';\nimport { SEGMENTS } from '../../../../constants/segment';\nimport { useAppCommonsInternal } from '../../../AppCommonsProvider';\nimport { UniversalLink } from '../../../UniversalLink';\nimport { TitleMenuAction } from '../constants';\n\nimport { AppTitleTestIds } from './AppTitle.constants';\n\nimport styles from './AppTitle.scss';\n\nimport { AddMessageCustomIcon, DeleteFourIcon, DownIcon, HelpIcon, SettingOneIcon } from '~/icons';\nimport { useOutsideClick, useWellnessAlerts } from '~/effects';\n\nexport type AppTitleProps = {\n asset?: Asset \| Asset[];\n className?: string;\n dqData?: UseWellnessAlertsReturnType;\n lastUpdate?: number \| string \| Date;\n title?: ReactNode;\n disableAssetSelector?: boolean;\n titleMenuActions?: TitleMenuAction[];\n style?: React.CSSProperties;\n};\n\nconst getLastUpdateMoment = (lastUpdate: AppTitleProps['lastUpdate']) => {\n if (lastUpdate) {\n if (typeof lastUpdate === 'number') {\n // Detecting unix timestamp (no milliseconds)\n const now = Date.now();\n\n if (Math.abs(now - lastUpdate) > Math.abs(now - lastUpdate * 1000)) {\n return moment.unix(lastUpdate);\n }\n\n return moment(lastUpdate);\n } else {\n return moment(lastUpdate);\n }\n }\n\n return null;\n};\n\nconst DqMouseEnterTimeout = 300;\nconst DqMouseLeaveTimeout = 700;\n\nexport const AppTitle = ({\n asset,\n className,\n dqData,\n lastUpdate,\n title,\n disableAssetSelector,\n titleMenuActions,\n style,\n}: AppTitleProps) => {\n const {\n app,\n appId,\n maximized,\n toggleAnnotationsList,\n onHelpCenterClick,\n secondaryMenuItems,\n appName,\n layoutEnvironment,\n isInsideNewMobileApp,\n removeApp,\n disableAppAssetSelection,\n isMultiRig,\n } = useAppCommonsInternal();\n const [isDqOpen, setIsDqOpen] = useState(false);\n const dqMouseEnterTimerRef = useRef<NodeJS.Timeout>();\n const dqMouseLeaveTimerRef = useRef<NodeJS.Timeout>();\n const dqIconRef = useRef<HTMLDivElement>(null);\n const dqContentRef = useRef<HTMLDivElement>(null);\n\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const menuButtonRef = useRef<HTMLButtonElement>(null);\n\n const toggleDq = useCallback(() => setIsDqOpen(value => !value), []);\n const toggleMenu = useCallback(() => setIsMenuOpen(value => !value), []);\n const onDqMouseEnter = useCallback(() => {\n clearTimeout(dqMouseEnterTimerRef.current);\n clearTimeout(dqMouseLeaveTimerRef.current);\n dqMouseEnterTimerRef.current = setTimeout(() => {\n setIsDqOpen(true);\n }, DqMouseEnterTimeout);\n }, []);\n\n const onDqMouseLeave = useCallback(() => {\n clearTimeout(dqMouseEnterTimerRef.current);\n clearTimeout(dqMouseLeaveTimerRef.current);\n dqMouseEnterTimerRef.current = setTimeout(() => {\n setIsDqOpen(false);\n }, DqMouseLeaveTimeout);\n }, []);\n\n useOutsideClick(dqContentRef, toggleDq, [dqIconRef.current]);\n\n const hasDqAsset = (asset instanceof Array && asset.length > 0) \|\| !!asset;\n const shouldLoadDQ = hasDqAsset && !dqData && !isInsideNewMobileApp;\n\n const ownWellnessData = useWellnessAlerts({\n isDCApp: shouldLoadDQ,\n appId,\n multiRigAssets:\n asset instanceof Array\n ? (asset.map(normalizeAsset).filter(Boolean) as { id: number; name: string }[])\n : undefined,\n asset: !(asset instanceof Array) ? normalizeAsset(asset) : undefined,\n maximized,\n dashboards: [],\n });\n\n const wellnessData = dqData \|\| ownWellnessData;\n const hasDQ = (shouldLoadDQ \|\| !!dqData) && !isInsideNewMobileApp;\n const alertsData = wellnessData?.wellnessAlerts?.alertsData \|\| {};\n const lastUpdateMoment = getLastUpdateMoment(lastUpdate);\n\n const onAddAnnotation = useCallback(() => {\n toggleMenu();\n toggleAnnotationsList?.();\n }, [toggleAnnotationsList, toggleMenu]);\n\n const onGoToHelpCenter = useCallback(() => {\n toggleMenu();\n onHelpCenterClick?.();\n }, [onHelpCenterClick, toggleMenu]);\n\n const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);\n\n const onDeleteApp = useCallback(() => {\n toggleMenu();\n setIsDeleteModalOpen(true);\n }, [toggleMenu]);\n\n const onCloseDeleteModal = useCallback(() => {\n setIsDeleteModalOpen(false);\n }, []);\n\n const additionalItems = useMemo(() => {\n return ([] as TitleMenuAction[])\n .concat(secondaryMenuItems \|\| [])\n .concat(titleMenuActions \|\| [])\n .map(item => ({\n ...item,\n onClick: () => {\n toggleMenu();\n item.onClick?.();\n },\n }));\n }, [secondaryMenuItems, titleMenuActions, toggleMenu]);\n\n const isAssetPage = layoutEnvironment?.type === 'asset';\n const isCompletionSegment = getAppSegment(app) === SEGMENTS.COMPLETION;\n const isAssetPageCompletionApp = isAssetPage && isCompletionSegment;\n const isAssetSelectorDisabled =\n disableAppAssetSelection \|\| disableAssetSelector \|\| isMultiRig \|\| isAssetPageCompletionApp;\n const hasAssetSelector = !isAssetSelectorDisabled;\n const lastUpdateString = lastUpdateMoment?.isValid()\n ? `Last Update: ${lastUpdateMoment.format('MMM D YYYY, hh:mm A')}`\n : undefined;\n const actualTitle = title \|\| appName;\n\n if (isInsideNewMobileApp) {\n return (\n <div className={classNames(styles.root, className)}>\n <div className={styles.title}>\n <TextEndTruncated\n className={classNames(styles.titleText)}\n testId={AppTitleTestIds.AppNameTestId}\n >\n {actualTitle}\n </TextEndTruncated>\n </div>\n </div>\n );\n }\n\n return (\n <div className={classNames(styles.root, className)} style={style}>\n {hasDQ && (\n <DqStatusIcon\n statusBadgeIconType={wellnessData.statusBadgeIconType}\n className={styles.dqBadge}\n onClick={toggleDq}\n onMouseEnter={onDqMouseEnter}\n onMouseLeave={onDqMouseLeave}\n ref={dqIconRef}\n />\n )}\n\n <Button\n type=\"tertiary\"\n size=\"small\"\n className={styles.title}\n suffix={\n <div className={classNames(styles.titleChevron, isMenuOpen && styles.titleChevronOpen)}>\n <DownIcon size={16} />\n </div>\n }\n ref={menuButtonRef}\n onClick={toggleMenu}\n >\n <TextEndTruncated\n className={classNames(styles.titleText, hasDQ && styles.withDq)}\n testId={AppTitleTestIds.AppNameTestId}\n >\n {actualTitle}\n </TextEndTruncated>\n </Button>\n\n <AppDqPopover\n open={isDqOpen}\n anchorEl={dqIconRef.current}\n placement=\"bottom-start\"\n alertsData={alertsData}\n onClose={toggleDq}\n contentRef={dqContentRef}\n onMouseEnter={onDqMouseEnter}\n onMouseLeave={onDqMouseLeave}\n />\n\n <Menu\n anchorEl={menuButtonRef.current}\n open={isMenuOpen}\n className={styles.menuRoot}\n onClose={toggleMenu}\n >\n <UniversalLink\n href={`/app-store/app/${app?.app?.id}`}\n className={styles.menuHeader}\n data-testid={AppTitleTestIds.AppStoreLinkTestId}\n >\n <AppIcon\n data-testid={AppTitleTestIds.AppIconTestId}\n className={styles.appIcon}\n segment={[getAppSegment(app)]}\n iconUrl={app?.app?.icon?.url}\n height={40}\n width={40}\n />\n\n <div className={styles.menuHeaderText}>\n <Text>\n <TextEndTruncated testId={AppTitleTestIds.MenuAppNameTestId}>\n {appName}\n </TextEndTruncated>\n </Text>\n <Text size={12} color=\"T6\">\n Open in Appstore\n </Text>\n </div>\n </UniversalLink>\n <div className={styles.divider} />\n\n {hasAssetSelector && (\n <Menu.Item\n size=\"large\"\n disableClickEffect\n className={classNames(styles.menuItem, styles.assetMenuItem)}\n >\n <Accordion\n title={\n <div className={styles.accordionTitle}>\n <SettingOneIcon size={24} className={styles.accordionIcon} />\n Change Asset\n </div>\n }\n iconPosition=\"end\"\n titleHover={false}\n testId={AppTitleTestIds.AssetSelectorAccordionTestId}\n >\n <AssetSelector />\n </Accordion>\n </Menu.Item>\n )}\n\n {additionalItems?.map((item, index) => {\n return (\n <Fragment key={index}>\n <div className={styles.divider} />\n <Menu.Item\n className={styles.menuItem}\n size=\"large\"\n onClick={item.onClick}\n prefix={typeof item.icon === 'string' ? <Icon>{item.icon}</Icon> : item.icon}\n testId={AppTitleTestIds.AdditionalSelectionTestId}\n >\n {item.title}\n </Menu.Item>\n </Fragment>\n );\n })}\n {onHelpCenterClick && (\n <>\n <div className={styles.divider} />\n <Menu.Item\n className={styles.menuItem}\n size=\"large\"\n prefix={<HelpIcon />}\n onClick={onGoToHelpCenter}\n testId={AppTitleTestIds.HelpCenterLinkTestId}\n >\n Help Center\n </Menu.Item>\n </>\n )}\n {toggleAnnotationsList && (\n <>\n <div className={styles.divider} />\n <Menu.Item\n className={styles.menuItem}\n size=\"large\"\n prefix={<AddMessageCustomIcon fill=\"currentColor\" />}\n onClick={onAddAnnotation}\n testId={AppTitleTestIds.AnnotationsTestId}\n >\n Add Annotation\n </Menu.Item>\n </>\n )}\n {removeApp && (\n <>\n <div className={styles.divider} />\n <Menu.Item\n className={styles.menuItem}\n size=\"large\"\n prefix={<DeleteFourIcon />}\n type=\"destructive\"\n onClick={onDeleteApp}\n testId={AppTitleTestIds.RemoveAppTestId}\n >\n Remove App\n </Menu.Item>\n </>\n )}\n {lastUpdateMoment?.isValid() && (\n <>\n <div className={styles.divider} />\n <div className={styles.footer}>\n <DqStatusIcon\n statusBadgeIconType={wellnessData.statusBadgeIconType}\n className={styles.footerDqBadge}\n ref={dqIconRef}\n />\n {lastUpdateString && (\n <Text size={12} color=\"T6\">\n {lastUpdateString}\n </Text>\n )}\n </div>\n </>\n )}\n </Menu>\n\n <AppRemoveConfirmationModal open={isDeleteModalOpen} onClose={onCloseDeleteModal} />\n </div>\n );\n};\n"],"names":["AppTitle","_ref","_wellnessData$wellnes","_app$app","_app$app2","_app$app2$icon","asset","className","dqData","lastUpdate","title","disableAssetSelector","titleMenuActions","style","_useAppCommonsInterna","useAppCommonsInternal","app","appId","maximized","toggleAnnotationsList","onHelpCenterClick","secondaryMenuItems","appName","layoutEnvironment","isInsideNewMobileApp","removeApp","disableAppAssetSelection","isMultiRig","useState","_useState2","_slicedToArray","_useState","isDqOpen","setIsDqOpen","dqMouseEnterTimerRef","useRef","dqMouseLeaveTimerRef","dqIconRef","dqContentRef","_useState4","_useState3","isMenuOpen","setIsMenuOpen","menuButtonRef","toggleDq","useCallback","value","toggleMenu","onDqMouseEnter","clearTimeout","current","setTimeout","onDqMouseLeave","useOutsideClick","shouldLoadDQ","Array","length","ownWellnessData","useWellnessAlerts","isDCApp","multiRigAssets","map","normalizeAsset","filter","Boolean","undefined","dashboards","wellnessData","hasDQ","alertsData","wellnessAlerts","lastUpdateMoment","now","Date","Math","abs","moment","unix","getLastUpdateMoment","onAddAnnotation","onGoToHelpCenter","_useState6","_useState5","isDeleteModalOpen","setIsDeleteModalOpen","onDeleteApp","onCloseDeleteModal","additionalItems","useMemo","concat","item","_objectSpread","onClick","_item$onClick","call","isAssetPage","type","isCompletionSegment","getAppSegment","SEGMENTS","COMPLETION","hasAssetSelector","lastUpdateString","isValid","format","actualTitle","_jsx","classNames","styles","root","children","TextEndTruncated","titleText","testId","AppTitleTestIds","AppNameTestId","_jsxs","DqStatusIcon","statusBadgeIconType","dqBadge","onMouseEnter","onMouseLeave","ref","Button","size","suffix","titleChevron","titleChevronOpen","DownIcon","withDq","AppDqPopover","open","anchorEl","placement","onClose","contentRef","Menu","menuRoot","UniversalLink","href","id","menuHeader","AppStoreLinkTestId","AppIcon","AppIconTestId","appIcon","segment","iconUrl","icon","url","height","width","menuHeaderText","Text","MenuAppNameTestId","color","divider","Item","disableClickEffect","menuItem","assetMenuItem","Accordion","accordionTitle","SettingOneIcon","accordionIcon","iconPosition","titleHover","AssetSelectorAccordionTestId","AssetSelector","index","Fragment","prefix","Icon","AdditionalSelectionTestId","_Fragment","HelpIcon","HelpCenterLinkTestId","AddMessageCustomIcon","fill","AnnotationsTestId","DeleteFourIcon","RemoveAppTestId","footer","footerDqBadge","AppRemoveConfirmationModal"],"mappings":"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"}

package/componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{forwardRef as o}from"react";import s from"classnames";import{TextMiddleTruncated as c}from"../../../../TextMiddleTruncated/TextMiddleTruncated.js";import"../../../../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{Text as i}from"../../../../Text/Text.js";import{TypeToIconMap as n}from"../constants.js";import t from"./AssetSelectorChip.scss.js";import{DownIcon as m}from"../../../../../icons/iconParkIcons.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/DragOne.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../icons/customIcons/icons/Search.js";import"../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../icons/customIcons/icons/Global.js";import"../../../../../icons/customIcons/icons/Program.js";import"../../../../../icons/customIcons/icons/Rig.js";import"../../../../../icons/customIcons/icons/Well.js";import"../../../../../icons/customIcons/icons/Gap.js";import"../../../../../icons/customIcons/icons/Pin.js";import"../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../icons/customIcons/icons/Archive.js";import"../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../icons/customIcons/icons/Archived.js";import"../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../icons/customIcons/icons/Radius.js";import"../../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../../icons/customIcons/icons/Company.js";import"../../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../../icons/customIcons/icons/Connect.js";import"../../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../../icons/customIcons/icons/Feed.js";import"../../../../../icons/customIcons/icons/Prompt.js";import"../../../../../icons/customIcons/icons/Companies.js";import"../../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../../icons/customIcons/icons/Key.js";import"../../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../../icons/customIcons/icons/MappingManual.js";import"../../../../../icons/customIcons/icons/Mapping.js";import"../../../../../icons/customIcons/icons/Metrics.js";import"../../../../../icons/customIcons/icons/Drops.js";import"../../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../../icons/customIcons/icons/Template.js";import"../../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../../icons/customIcons/icons/NPT.js";import"../../../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as r,jsx as e}from"react/jsx-runtime";var p=o((function(o,p){var u=o.name,a=o.type,j=o.onClick,I=o.active,l=o.testId,d=a&&n[a];return d?e("div",{onClick:j,className:t.root,"data-testid":l,ref:p,children:r(i,{size:14,className:t.text,children:[e(d,{size:16,className:s(t.assetIcon,I&&t.active)}),e(c,{className:t.name,children:u}),e(m,{size:16,className:t.dropdownIcon})]})}):r(i,{size:14,className:t.root,ref:p,color:"T6",children:['Unknown asset type "',String(a),'"']})}));export{p as AssetSelectorChip};
+import{forwardRef as o}from"react";import s from"classnames";import{TextMiddleTruncated as c}from"../../../../TextMiddleTruncated/TextMiddleTruncated.js";import"../../../../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{Text as i}from"../../../../Text/Text.js";import{TypeToIconMap as n}from"../constants.js";import t from"./AssetSelectorChip.scss.js";import{DownIcon as m}from"../../../../../icons/iconParkIcons.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/DragOne.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../icons/customIcons/icons/Search.js";import"../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../icons/customIcons/icons/Global.js";import"../../../../../icons/customIcons/icons/Program.js";import"../../../../../icons/customIcons/icons/Rig.js";import"../../../../../icons/customIcons/icons/Well.js";import"../../../../../icons/customIcons/icons/Gap.js";import"../../../../../icons/customIcons/icons/Pin.js";import"../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../icons/customIcons/icons/Archive.js";import"../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../icons/customIcons/icons/Archived.js";import"../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../icons/customIcons/icons/Radius.js";import"../../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../../icons/customIcons/icons/Company.js";import"../../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../../icons/customIcons/icons/Connect.js";import"../../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../../icons/customIcons/icons/Feed.js";import"../../../../../icons/customIcons/icons/Prompt.js";import"../../../../../icons/customIcons/icons/Companies.js";import"../../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../../icons/customIcons/icons/Key.js";import"../../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../../icons/customIcons/icons/MappingManual.js";import"../../../../../icons/customIcons/icons/Mapping.js";import"../../../../../icons/customIcons/icons/Metrics.js";import"../../../../../icons/customIcons/icons/Drops.js";import"../../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../../icons/customIcons/icons/Template.js";import"../../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../../icons/customIcons/icons/NPT.js";import"../../../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as r,jsx as e}from"react/jsx-runtime";var p=o((function(o,p){var u=o.name,a=o.type,j=o.onClick,I=o.active,l=o.testId,d=a&&n[a];return d?e("div",{onClick:j,className:t.root,"data-testid":l,ref:p,children:r(i,{size:14,className:t.text,children:[e(d,{size:16,className:s(t.assetIcon,I&&t.active)}),e(c,{className:t.name,children:u}),e(m,{size:16,className:t.dropdownIcon})]})}):r(i,{size:14,className:t.root,ref:p,color:"T6",children:['Unknown asset type "',String(a),'"']})}));export{p as AssetSelectorChip};
 //# sourceMappingURL=AssetSelectorChip.js.map

package/componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetSelectorChip.js","sources":["../../../../../../src/componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { TextMiddleTruncated } from '../../../../TextMiddleTruncated';\nimport { Text } from '../../../../Text';\nimport { TypeToIconMap } from '../constants';\nimport { AssetType } from '../AssetSelectorSelect/constants';\n\nimport styles from './AssetSelectorChip.scss';\n\nimport { DownIcon } from '~/icons';\n\ntype AssetSelectorChipProps = {\n type: AssetType;\n name: string;\n onClick?: () => void;\n active: boolean;\n testId?: string;\n};\n\nexport const AssetSelectorChip = forwardRef<HTMLDivElement, AssetSelectorChipProps>(\n ({ name, type, onClick, active, testId }, ref) => {\n const Icon = type && TypeToIconMap[type];\n\n if (!Icon) {\n return (\n <Text size={14} className={styles.root} ref={ref} color=\"T6\">\n Unknown asset type \"{String(type)}\"\n </Text>\n );\n }\n\n return (\n <div onClick={onClick} className={styles.root} data-testid={testId} ref={ref}>\n <Text size={14} className={styles.text}>\n <Icon size={16} className={classNames(styles.assetIcon, active && styles.active)} />\n <TextMiddleTruncated className={styles.name}>{name}</TextMiddleTruncated>\n <DownIcon size={16} className={styles.dropdownIcon} />\n </Text>\n </div>\n );\n }\n);\n"],"names":["AssetSelectorChip","forwardRef","_ref","ref","name","type","onClick","active","testId","Icon","TypeToIconMap","_jsx","className","styles","root","children","_jsxs","Text","size","text","classNames","assetIcon","TextMiddleTruncated","DownIcon","dropdownIcon","color","String"],"mappings":"~~qrJAoBaA~~,EAAoBC,GAC/B,SAAAC,EAA0CC,GAAQ,IAA/CC,IAAAA,KAAMC,IAAAA,KAAMC,IAAAA,QAASC,IAAAA,OAAQC,IAAAA,OACxBC,EAAOJ,GAAQK,EAAcL,GAEnC,OAAKI,EASHE,EAAA,MAAA,CAAKL,QAASA,EAASM,UAAWC,EAAOC,KAAM,cAAaN,EAAQL,IAAKA,EAAIY,SAC3EC,EAACC,EAAI,CAACC,KAAM,GAAIN,UAAWC,EAAOM,KAAKJ,SAAA,CACrCJ,EAACF,EAAI,CAACS,KAAM,GAAIN,UAAWQ,EAAWP,EAAOQ,UAAWd,GAAUM,EAAON,UACzEI,EAACW,EAAmB,CAACV,UAAWC,EAAOT,KAAKW,SAAEX,IAC9CO,EAACY,EAAQ,CAACL,KAAM,GAAIN,UAAWC,EAAOW,oBAXxCR,EAACC,EAAI,CAACC,KAAM,GAAIN,UAAWC,EAAOC,KAAMX,IAAKA,EAAKsB,MAAM,KAAIV,SACrCW,CAAAA,uBAAAA,OAAOrB,GAAK,MAczC"}
1	+ {"version":3,"file":"AssetSelectorChip.js","sources":["../../../../../../src/componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { TextMiddleTruncated } from '../../../../TextMiddleTruncated';\nimport { Text } from '../../../../Text';\nimport { TypeToIconMap } from '../constants';\nimport { AssetType } from '../AssetSelectorSelect/constants';\n\nimport styles from './AssetSelectorChip.scss';\n\nimport { DownIcon } from '~/icons';\n\ntype AssetSelectorChipProps = {\n type: AssetType;\n name: string;\n onClick?: () => void;\n active: boolean;\n testId?: string;\n};\n\nexport const AssetSelectorChip = forwardRef<HTMLDivElement, AssetSelectorChipProps>(\n ({ name, type, onClick, active, testId }, ref) => {\n const Icon = type && TypeToIconMap[type];\n\n if (!Icon) {\n return (\n <Text size={14} className={styles.root} ref={ref} color=\"T6\">\n Unknown asset type \"{String(type)}\"\n </Text>\n );\n }\n\n return (\n <div onClick={onClick} className={styles.root} data-testid={testId} ref={ref}>\n <Text size={14} className={styles.text}>\n <Icon size={16} className={classNames(styles.assetIcon, active && styles.active)} />\n <TextMiddleTruncated className={styles.name}>{name}</TextMiddleTruncated>\n <DownIcon size={16} className={styles.dropdownIcon} />\n </Text>\n </div>\n );\n }\n);\n"],"names":["AssetSelectorChip","forwardRef","_ref","ref","name","type","onClick","active","testId","Icon","TypeToIconMap","_jsx","className","styles","root","children","_jsxs","Text","size","text","classNames","assetIcon","TextMiddleTruncated","DownIcon","dropdownIcon","color","String"],"mappings":"izJAoBaA,EAAoBC,GAC/B,SAAAC,EAA0CC,GAAQ,IAA/CC,IAAAA,KAAMC,IAAAA,KAAMC,IAAAA,QAASC,IAAAA,OAAQC,IAAAA,OACxBC,EAAOJ,GAAQK,EAAcL,GAEnC,OAAKI,EASHE,EAAA,MAAA,CAAKL,QAASA,EAASM,UAAWC,EAAOC,KAAM,cAAaN,EAAQL,IAAKA,EAAIY,SAC3EC,EAACC,EAAI,CAACC,KAAM,GAAIN,UAAWC,EAAOM,KAAKJ,SAAA,CACrCJ,EAACF,EAAI,CAACS,KAAM,GAAIN,UAAWQ,EAAWP,EAAOQ,UAAWd,GAAUM,EAAON,UACzEI,EAACW,EAAmB,CAACV,UAAWC,EAAOT,KAAKW,SAAEX,IAC9CO,EAACY,EAAQ,CAACL,KAAM,GAAIN,UAAWC,EAAOW,oBAXxCR,EAACC,EAAI,CAACC,KAAM,GAAIN,UAAWC,EAAOC,KAAMX,IAAKA,EAAKsB,MAAM,KAAIV,SACrCW,CAAAA,uBAAAA,OAAOrB,GAAK,MAczC"}

package/componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useCallback as o}from"react";import{Text as s}from"../../../../Text/Text.js";import{TextInput as c}from"../../../../TextInput/TextInput.js";import{LoaderLogo as i}from"../../../../LoaderLogo/LoaderLogo.js";import{AssetItem as n}from"./AssetItem.js";import{useLoadAssets as t}from"./useLoadAssets.js";import r from"./AssetSelectorSelect.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsxs as m,Fragment as e,jsx as p}from"react/jsx-runtime";import"../../../../../icons/IconParkProvider.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/DragOne.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../icons/customIcons/icons/Search.js";import{SearchOne as u}from"../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../icons/customIcons/icons/Global.js";import"../../../../../icons/customIcons/icons/Program.js";import"../../../../../icons/customIcons/icons/Rig.js";import"../../../../../icons/customIcons/icons/Well.js";import"../../../../../icons/customIcons/icons/Gap.js";import"../../../../../icons/customIcons/icons/Pin.js";import"../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../icons/customIcons/icons/Archive.js";import"../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../icons/customIcons/icons/Archived.js";import"../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../icons/customIcons/icons/Radius.js";import"../../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../../icons/customIcons/icons/Company.js";import"../../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../../icons/customIcons/icons/Connect.js";import"../../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../../icons/customIcons/icons/Feed.js";import"../../../../../icons/customIcons/icons/Prompt.js";import"../../../../../icons/customIcons/icons/Companies.js";import"../../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../../icons/customIcons/icons/Key.js";import"../../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../../icons/customIcons/icons/MappingManual.js";import"../../../../../icons/customIcons/icons/Mapping.js";import"../../../../../icons/customIcons/icons/Metrics.js";import"../../../../../icons/customIcons/icons/Drops.js";import"../../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../../icons/customIcons/icons/Template.js";import"../../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../../icons/customIcons/icons/NPT.js";import"../../../../../icons/customIcons/icons/GuidedFrac.js";var a=function(o,s){return"well"===o.type&&Number(o.id)===s},l=function(l){var j=l.parentId,I=l.type,d=l.onChange,h=l.parentType,C=l.parentActiveWellId,b=t(I.type,j,h),g=b.setSearchValue,v=b.searchValue,f=b.isLoading,A=b.results,F=o((function(){g("")}),[g]);return m(e,{children:[m("div",{className:r.header,children:[m(s,{size:16,weight:"bold",tagName:"div",children:["Change App to another ",I.label]}),m(s,{size:12,color:"T6",tagName:"div",children:["Pick or Search for any ",I.label]}),p(c,{prefix:p(u,{}),label:"Search for ".concat(I.label,"..."),value:v,onChange:g,onClear:F})]}),(f||!!A.length)&&m("div",{className:r.results,children:[f&&p(i,{size:40,className:r.loader}),!f&&0===A.length&&p(s,{size:12,color:"T6",className:r.noResultsMessage,children:"No results"}),!f&&A.map((function(o){return p(n,{asset:o,onClick:d,isActive:a(o,C)},o.id)}))]})]})};export{l as AssetSelectorContent};
+import{useCallback as o}from"react";import{Text as s}from"../../../../Text/Text.js";import{TextInput as c}from"../../../../TextInput/TextInput.js";import{LoaderLogo as i}from"../../../../LoaderLogo/LoaderLogo.js";import{AssetItem as n}from"./AssetItem.js";import{useLoadAssets as t}from"./useLoadAssets.js";import r from"./AssetSelectorSelect.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsxs as m,Fragment as e,jsx as p}from"react/jsx-runtime";import"../../../../../icons/IconParkProvider.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/DragOne.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../icons/customIcons/icons/Search.js";import{SearchOne as u}from"../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../icons/customIcons/icons/Global.js";import"../../../../../icons/customIcons/icons/Program.js";import"../../../../../icons/customIcons/icons/Rig.js";import"../../../../../icons/customIcons/icons/Well.js";import"../../../../../icons/customIcons/icons/Gap.js";import"../../../../../icons/customIcons/icons/Pin.js";import"../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../icons/customIcons/icons/Archive.js";import"../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../icons/customIcons/icons/Archived.js";import"../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../icons/customIcons/icons/Radius.js";import"../../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../../icons/customIcons/icons/Company.js";import"../../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../../icons/customIcons/icons/Connect.js";import"../../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../../icons/customIcons/icons/Feed.js";import"../../../../../icons/customIcons/icons/Prompt.js";import"../../../../../icons/customIcons/icons/Companies.js";import"../../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../../icons/customIcons/icons/Key.js";import"../../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../../icons/customIcons/icons/MappingManual.js";import"../../../../../icons/customIcons/icons/Mapping.js";import"../../../../../icons/customIcons/icons/Metrics.js";import"../../../../../icons/customIcons/icons/Drops.js";import"../../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../../icons/customIcons/icons/Template.js";import"../../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../../icons/customIcons/icons/NPT.js";import"../../../../../icons/customIcons/icons/GuidedFrac.js";var a=function(o,s){return"well"===o.type&&Number(o.id)===s},l=function(l){var j=l.parentId,I=l.type,d=l.onChange,h=l.parentType,C=l.parentActiveWellId,b=t(I.type,j,h),g=b.setSearchValue,f=b.searchValue,v=b.isLoading,F=b.results,A=o((function(){g("")}),[g]);return m(e,{children:[m("div",{className:r.header,children:[m(s,{size:16,weight:"bold",tagName:"div",children:["Change App to another ",I.label]}),m(s,{size:12,color:"T6",tagName:"div",children:["Pick or Search for any ",I.label]}),p(c,{prefix:p(u,{}),label:"Search for ".concat(I.label,"..."),value:f,onChange:g,onClear:A})]}),(v||!!F.length)&&m("div",{className:r.results,children:[v&&p(i,{size:40,className:r.loader}),!v&&0===F.length&&p(s,{size:12,color:"T6",className:r.noResultsMessage,children:"No results"}),!v&&F.map((function(o){return p(n,{asset:o,onClick:d,isActive:a(o,C)},o.id)}))]})]})};export{l as AssetSelectorContent};
 //# sourceMappingURL=AssetSelectorContent.js.map

package/componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetSelectorContent.js","sources":["../../../../../../src/componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorContent.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { Text } from '../../../../Text';\nimport { TextInput } from '../../../../TextInput';\nimport { LoaderLogo } from '../../../../LoaderLogo';\nimport { ASSET_TYPES } from '../../../../../constants';\n\nimport { AssetItem } from './AssetItem';\nimport { useLoadAssets } from './useLoadAssets';\nimport { Asset, PrimaryAssetType } from './constants';\n\nimport styles from './AssetSelectorSelect.scss';\n\nimport { SearchOne } from '~/icons';\n\nconst checkIsActiveWellForParent = (asset: Asset, parentActiveWellId?: number) => {\n if (asset.type !== 'well') return false;\n\n return Number(asset.id) === parentActiveWellId;\n};\n\ntype AssetSelectorContentProps = {\n type: typeof ASSET_TYPES[keyof typeof ASSET_TYPES];\n onChange: (asset: Asset) => void;\n parentId?: string \| number;\n parentType?: PrimaryAssetType;\n parentActiveWellId?: number;\n};\n\nexport const AssetSelectorContent = ({\n parentId,\n type,\n onChange,\n parentType,\n parentActiveWellId,\n}: AssetSelectorContentProps) => {\n const { setSearchValue, searchValue, isLoading, results } = useLoadAssets(\n type.type,\n parentId,\n parentType\n );\n\n const onClear = useCallback(() => {\n setSearchValue('');\n }, [setSearchValue]);\n\n return (\n <>\n <div className={styles.header}>\n <Text size={16} weight=\"bold\" tagName=\"div\">\n Change App to another {type.label}\n </Text>\n <Text size={12} color=\"T6\" tagName=\"div\">\n Pick or Search for any {type.label}\n </Text>\n\n <TextInput\n prefix={<SearchOne />}\n label={`Search for ${type.label}...`}\n value={searchValue}\n onChange={setSearchValue}\n onClear={onClear}\n />\n </div>\n\n {(isLoading \|\| !!results.length) && (\n <div className={styles.results}>\n {isLoading && <LoaderLogo size={40} className={styles.loader} />}\n\n {!isLoading && results.length === 0 && (\n <Text size={12} color=\"T6\" className={styles.noResultsMessage}>\n No results\n </Text>\n )}\n\n {!isLoading &&\n results.map(asset => (\n <AssetItem\n asset={asset}\n key={asset.id}\n onClick={onChange}\n isActive={checkIsActiveWellForParent(asset, parentActiveWellId)}\n />\n ))}\n </div>\n )}\n </>\n );\n};\n"],"names":["checkIsActiveWellForParent","asset","parentActiveWellId","type","Number","id","AssetSelectorContent","_ref","parentId","onChange","parentType","useLoadAssets","setSearchValue","searchValue","isLoading","results","onClear","useCallback","_jsxs","_Fragment","children","className","styles","header","Text","size","weight","tagName","label","color","_jsx","TextInput","prefix","SearchOne","value","length","LoaderLogo","loader","noResultsMessage","map","AssetItem","onClick","isActive"],"mappings":"~~0zJAeA~~,IAAMA,EAA6B,SAACC,EAAcC,GAChD,MAAmB,SAAfD,EAAME,MAEHC,OAAOH,EAAMI,MAAQH,CAC9B,EAUaI,EAAuB,SAMHC,GAAA,IAL/BC,IAAAA,SACAL,IAAAA,KACAM,IAAAA,SACAC,IAAAA,WACAR,IAAAA,mBAE4DS,EAAAA,EAC1DR,EAAKA,KACLK,EACAE,GAHME,IAAAA,eAAgBC,IAAAA,YAAaC,IAAAA,UAAWC,IAAAA,QAM1CC,EAAUC,GAAY,WAC1BL,EAAe,GACjB,GAAG,CAACA,IAEJ,OACEM,EAAAC,EAAA,CAAAC,SACE,CAAAF,EAAA,MAAA,CAAKG,UAAWC,EAAOC,OAAOH,SAAA,CAC5BF,EAACM,EAAI,CAACC,KAAM,GAAIC,OAAO,OAAOC,QAAQ,MAAKP,SAClBjB,CAAAA,yBAAAA,EAAKyB,SAE9BV,EAACM,EAAI,CAACC,KAAM,GAAII,MAAM,KAAKF,QAAQ,MAAKP,SACdjB,CAAAA,0BAAAA,EAAKyB,SAG/BE,EAACC,EAAS,CACRC,OAAQF,EAACG,EAAa,IACtBL,MAAqBzB,cAAAA,OAAAA,EAAKyB,MAAW,OACrCM,MAAOrB,EACPJ,SAAUG,EACVI,QAASA,QAIXF,KAAeC,EAAQoB,SACvBjB,EAAA,MAAA,CAAKG,UAAWC,EAAOP,QAAQK,SAC5BN,CAAAA,GAAagB,EAACM,EAAU,CAACX,KAAM,GAAIJ,UAAWC,EAAOe,UAEpDvB,GAAgC,IAAnBC,EAAQoB,QACrBL,EAACN,EAAI,CAACC,KAAM,GAAII,MAAM,KAAKR,UAAWC,EAAOgB,iBAAiBlB,SAAA,gBAK9DN,GACAC,EAAQwB,KAAI,SAAAtC,GAAK,OACf6B,EAACU,EAAS,CACRvC,MAAOA,EAEPwC,QAAShC,EACTiC,SAAU1C,EAA2BC,EAAOC,IAFvCD,EAAMI,GAGX,SAMhB"}
1	+ {"version":3,"file":"AssetSelectorContent.js","sources":["../../../../../../src/componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorContent.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { Text } from '../../../../Text';\nimport { TextInput } from '../../../../TextInput';\nimport { LoaderLogo } from '../../../../LoaderLogo';\nimport { ASSET_TYPES } from '../../../../../constants';\n\nimport { AssetItem } from './AssetItem';\nimport { useLoadAssets } from './useLoadAssets';\nimport { Asset, PrimaryAssetType } from './constants';\n\nimport styles from './AssetSelectorSelect.scss';\n\nimport { SearchOne } from '~/icons';\n\nconst checkIsActiveWellForParent = (asset: Asset, parentActiveWellId?: number) => {\n if (asset.type !== 'well') return false;\n\n return Number(asset.id) === parentActiveWellId;\n};\n\ntype AssetSelectorContentProps = {\n type: typeof ASSET_TYPES[keyof typeof ASSET_TYPES];\n onChange: (asset: Asset) => void;\n parentId?: string \| number;\n parentType?: PrimaryAssetType;\n parentActiveWellId?: number;\n};\n\nexport const AssetSelectorContent = ({\n parentId,\n type,\n onChange,\n parentType,\n parentActiveWellId,\n}: AssetSelectorContentProps) => {\n const { setSearchValue, searchValue, isLoading, results } = useLoadAssets(\n type.type,\n parentId,\n parentType\n );\n\n const onClear = useCallback(() => {\n setSearchValue('');\n }, [setSearchValue]);\n\n return (\n <>\n <div className={styles.header}>\n <Text size={16} weight=\"bold\" tagName=\"div\">\n Change App to another {type.label}\n </Text>\n <Text size={12} color=\"T6\" tagName=\"div\">\n Pick or Search for any {type.label}\n </Text>\n\n <TextInput\n prefix={<SearchOne />}\n label={`Search for ${type.label}...`}\n value={searchValue}\n onChange={setSearchValue}\n onClear={onClear}\n />\n </div>\n\n {(isLoading \|\| !!results.length) && (\n <div className={styles.results}>\n {isLoading && <LoaderLogo size={40} className={styles.loader} />}\n\n {!isLoading && results.length === 0 && (\n <Text size={12} color=\"T6\" className={styles.noResultsMessage}>\n No results\n </Text>\n )}\n\n {!isLoading &&\n results.map(asset => (\n <AssetItem\n asset={asset}\n key={asset.id}\n onClick={onChange}\n isActive={checkIsActiveWellForParent(asset, parentActiveWellId)}\n />\n ))}\n </div>\n )}\n </>\n );\n};\n"],"names":["checkIsActiveWellForParent","asset","parentActiveWellId","type","Number","id","AssetSelectorContent","_ref","parentId","onChange","parentType","useLoadAssets","setSearchValue","searchValue","isLoading","results","onClear","useCallback","_jsxs","_Fragment","children","className","styles","header","Text","size","weight","tagName","label","color","_jsx","TextInput","prefix","SearchOne","value","length","LoaderLogo","loader","noResultsMessage","map","AssetItem","onClick","isActive"],"mappings":"s7JAeA,IAAMA,EAA6B,SAACC,EAAcC,GAChD,MAAmB,SAAfD,EAAME,MAEHC,OAAOH,EAAMI,MAAQH,CAC9B,EAUaI,EAAuB,SAMHC,GAAA,IAL/BC,IAAAA,SACAL,IAAAA,KACAM,IAAAA,SACAC,IAAAA,WACAR,IAAAA,mBAE4DS,EAAAA,EAC1DR,EAAKA,KACLK,EACAE,GAHME,IAAAA,eAAgBC,IAAAA,YAAaC,IAAAA,UAAWC,IAAAA,QAM1CC,EAAUC,GAAY,WAC1BL,EAAe,GACjB,GAAG,CAACA,IAEJ,OACEM,EAAAC,EAAA,CAAAC,SACE,CAAAF,EAAA,MAAA,CAAKG,UAAWC,EAAOC,OAAOH,SAAA,CAC5BF,EAACM,EAAI,CAACC,KAAM,GAAIC,OAAO,OAAOC,QAAQ,MAAKP,SAClBjB,CAAAA,yBAAAA,EAAKyB,SAE9BV,EAACM,EAAI,CAACC,KAAM,GAAII,MAAM,KAAKF,QAAQ,MAAKP,SACdjB,CAAAA,0BAAAA,EAAKyB,SAG/BE,EAACC,EAAS,CACRC,OAAQF,EAACG,EAAa,IACtBL,MAAqBzB,cAAAA,OAAAA,EAAKyB,MAAW,OACrCM,MAAOrB,EACPJ,SAAUG,EACVI,QAASA,QAIXF,KAAeC,EAAQoB,SACvBjB,EAAA,MAAA,CAAKG,UAAWC,EAAOP,QAAQK,SAC5BN,CAAAA,GAAagB,EAACM,EAAU,CAACX,KAAM,GAAIJ,UAAWC,EAAOe,UAEpDvB,GAAgC,IAAnBC,EAAQoB,QACrBL,EAACN,EAAI,CAACC,KAAM,GAAII,MAAM,KAAKR,UAAWC,EAAOgB,iBAAiBlB,SAAA,gBAK9DN,GACAC,EAAQwB,KAAI,SAAAtC,GAAK,OACf6B,EAACU,EAAS,CACRvC,MAAOA,EAEPwC,QAAShC,EACTiC,SAAU1C,EAA2BC,EAAOC,IAFvCD,EAAMI,GAGX,SAMhB"}

package/componentsV2/AppHeader/V3/AssetSelector/constants.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react";import"@icon-park/react/es/all";import"react/jsx-runtime";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import{Pad as o}from"../../../../icons/customIcons/icons/Pad.js";import{DrilloutUnit as s}from"../../../../icons/customIcons/icons/DrilloutUnit.js";import{FracFleet as c}from"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import{Rig as i}from"../../../../icons/customIcons/icons/Rig.js";import{Well as n}from"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import{InterventionUnit as t}from"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";var r,m={drillout_unit:s,frac_fleet:c,rig:i,well:n,pad:o,intervention_unit:t};!function(o){o.PrimaryAssetTestId="CorvaUI.AppHeader.AssetSelector.PrimaryAssetTestId",o.SecondaryAssetTestId="CorvaUI.AppHeader.AssetSelector.SecondaryAssetTestId",o.RootTestId="CorvaUI.AppHeader.AssetSelector.RootTestId",o.NoAssetTypeTestId="CorvaUI.AppHeader.AssetSelector.NoAssetTypeTestId"}(r||(r={}));export{r as AssetSelectorTestIds,m as TypeToIconMap};
+import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react";import"@icon-park/react/es/all";import"react/jsx-runtime";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import{Pad as o}from"../../../../icons/customIcons/icons/Pad.js";import{DrilloutUnit as s}from"../../../../icons/customIcons/icons/DrilloutUnit.js";import{FracFleet as c}from"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import{Rig as i}from"../../../../icons/customIcons/icons/Rig.js";import{Well as n}from"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import{InterventionUnit as t}from"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";var m,r={drillout_unit:s,frac_fleet:c,rig:i,well:n,pad:o,intervention_unit:t};!function(o){o.PrimaryAssetTestId="CorvaUI.AppHeader.AssetSelector.PrimaryAssetTestId",o.SecondaryAssetTestId="CorvaUI.AppHeader.AssetSelector.SecondaryAssetTestId",o.RootTestId="CorvaUI.AppHeader.AssetSelector.RootTestId",o.NoAssetTypeTestId="CorvaUI.AppHeader.AssetSelector.NoAssetTypeTestId"}(m||(m={}));export{m as AssetSelectorTestIds,r as TypeToIconMap};
 //# sourceMappingURL=constants.js.map

package/componentsV2/AppHeader/V3/AssetSelector/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sources":["../../../../../src/componentsV2/AppHeader/V3/AssetSelector/constants.ts"],"sourcesContent":["import { AssetType } from './AssetSelectorSelect/constants';\n\nimport { DrilloutUnit, FracFleet, Pad, Rig, Well, InterventionUnit } from '~/icons';\n\nexport const TypeToIconMap: Partial<Record<AssetType, typeof DrilloutUnit>> = {\n drillout_unit: DrilloutUnit,\n frac_fleet: FracFleet,\n rig: Rig,\n well: Well,\n pad: Pad,\n intervention_unit: InterventionUnit,\n};\n\nexport enum AssetSelectorTestIds {\n PrimaryAssetTestId = 'CorvaUI.AppHeader.AssetSelector.PrimaryAssetTestId',\n SecondaryAssetTestId = 'CorvaUI.AppHeader.AssetSelector.SecondaryAssetTestId',\n RootTestId = 'CorvaUI.AppHeader.AssetSelector.RootTestId',\n NoAssetTypeTestId = 'CorvaUI.AppHeader.AssetSelector.NoAssetTypeTestId',\n}\n"],"names":["AssetSelectorTestIds","TypeToIconMap","drillout_unit","DrilloutUnit","frac_fleet","FracFleet","rig","Rig","well","Well","pad","Pad","intervention_unit","InterventionUnit"],"mappings":"~~u0IAIO~~,IASKA,EATCC,EAAiE,CAC5EC,cAAeC,EACfC,WAAYC,EACZC,IAAKC,EACLC,KAAMC,EACNC,IAAKC,EACLC,kBAAmBC,IAQpB,SALWb,GAAAA,EAAoB,mBAAA,qDAApBA,EAAoB,qBAAA,uDAApBA,EAAoB,WAAA,6CAApBA,EAAoB,kBAAA,mDAApBA,CAKX,CALWA,IAAAA,EAAoB,CAAA"}
1	+ {"version":3,"file":"constants.js","sources":["../../../../../src/componentsV2/AppHeader/V3/AssetSelector/constants.ts"],"sourcesContent":["import { AssetType } from './AssetSelectorSelect/constants';\n\nimport { DrilloutUnit, FracFleet, Pad, Rig, Well, InterventionUnit } from '~/icons';\n\nexport const TypeToIconMap: Partial<Record<AssetType, typeof DrilloutUnit>> = {\n drillout_unit: DrilloutUnit,\n frac_fleet: FracFleet,\n rig: Rig,\n well: Well,\n pad: Pad,\n intervention_unit: InterventionUnit,\n};\n\nexport enum AssetSelectorTestIds {\n PrimaryAssetTestId = 'CorvaUI.AppHeader.AssetSelector.PrimaryAssetTestId',\n SecondaryAssetTestId = 'CorvaUI.AppHeader.AssetSelector.SecondaryAssetTestId',\n RootTestId = 'CorvaUI.AppHeader.AssetSelector.RootTestId',\n NoAssetTypeTestId = 'CorvaUI.AppHeader.AssetSelector.NoAssetTypeTestId',\n}\n"],"names":["AssetSelectorTestIds","TypeToIconMap","drillout_unit","DrilloutUnit","frac_fleet","FracFleet","rig","Rig","well","Well","pad","Pad","intervention_unit","InterventionUnit"],"mappings":"67IAIO,IASKA,EATCC,EAAiE,CAC5EC,cAAeC,EACfC,WAAYC,EACZC,IAAKC,EACLC,KAAMC,EACNC,IAAKC,EACLC,kBAAmBC,IAQpB,SALWb,GAAAA,EAAoB,mBAAA,qDAApBA,EAAoB,qBAAA,uDAApBA,EAAoB,WAAA,6CAApBA,EAAoB,kBAAA,mDAApBA,CAKX,CALWA,IAAAA,EAAoB,CAAA"}

package/componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{memo as o,forwardRef as s}from"react";import c from"classnames";import{DqStatusIconTestIds as i}from"./DqStatusIcon.constants.js";import n from"./DqStatusIcon.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsx as t}from"react/jsx-runtime";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import{CloseOneFilled as r}from"../../../../icons/customIcons/icons/CloseOneFilled.js";import{AttentionFilled as m}from"../../../../icons/customIcons/icons/AttentionFilled.js";import{CheckOneFilled as e}from"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";var p={"":function(){return null},error:r,issue:m,success:e,resolved:e},u={"":"",error:n.error,issue:n.issue,success:n.success,resolved:n.success},I=o(s((function(o,s){var r=o.statusBadgeIconType,m=o.className,e=o.onClick,I=o.onMouseEnter,j=o.onMouseLeave,a=p[r],l=t("div",{className:n.inner,children:t(a,{size:16})});return t("div",{ref:s,className:c(n.icon,u[r],e&&n.clickable,m),onClick:e,onMouseEnter:I,onMouseLeave:j,"data-testid":i.StatusButtonTestId,children:l})})));export{I as DqStatusIcon};
+import{memo as o,forwardRef as s}from"react";import c from"classnames";import{DqStatusIconTestIds as i}from"./DqStatusIcon.constants.js";import n from"./DqStatusIcon.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsx as t}from"react/jsx-runtime";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import{CloseOneFilled as m}from"../../../../icons/customIcons/icons/CloseOneFilled.js";import{AttentionFilled as r}from"../../../../icons/customIcons/icons/AttentionFilled.js";import{CheckOneFilled as e}from"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";var p={"":function(){return null},error:m,issue:r,success:e,resolved:e},u={"":"",error:n.error,issue:n.issue,success:n.success,resolved:n.success},I=o(s((function(o,s){var m=o.statusBadgeIconType,r=o.className,e=o.onClick,I=o.onMouseEnter,j=o.onMouseLeave,a=p[m],l=t("div",{className:n.inner,children:t(a,{size:16})});return t("div",{ref:s,className:c(n.icon,u[m],e&&n.clickable,r),onClick:e,onMouseEnter:I,onMouseLeave:j,"data-testid":i.StatusButtonTestId,children:l})})));export{I as DqStatusIcon};
 //# sourceMappingURL=DqStatusIcon.js.map

package/componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DqStatusIcon.js","sources":["../../../../../src/componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.tsx"],"sourcesContent":["import { ComponentProps, ComponentType, forwardRef, memo } from 'react';\nimport classNames from 'classnames';\n\nimport { UseWellnessAlertsReturnType } from '../../AppHeader.constants';\n\nimport { DqStatusIconTestIds } from './DqStatusIcon.constants';\n\nimport styles from './DqStatusIcon.scss';\n\nimport { AttentionFilled, CheckOneFilled, CloseOneFilled } from '~/icons';\n\ntype Status = UseWellnessAlertsReturnType['statusBadgeIconType'] \| 'resolved';\n\nconst StatusToIconMap: Record<Status, ComponentType<ComponentProps<typeof CloseOneFilled>>> = {\n '': () => null,\n error: CloseOneFilled,\n issue: AttentionFilled,\n success: CheckOneFilled,\n resolved: CheckOneFilled,\n};\n\nconst StatusToClassMap: Record<Status, string> = {\n '': '',\n error: styles.error,\n issue: styles.issue,\n success: styles.success,\n resolved: styles.success,\n};\n\nexport type DqStatusIconProps = {\n statusBadgeIconType: Status;\n onClick?: () => void;\n onMouseEnter?: () => void;\n onMouseLeave?: () => void;\n className?: string;\n};\n\nexport const DqStatusIcon = memo(\n forwardRef<HTMLDivElement, DqStatusIconProps>(\n ({ statusBadgeIconType, className, onClick, onMouseEnter, onMouseLeave }, ref) => {\n const Icon = StatusToIconMap[statusBadgeIconType];\n\n const iconDiv = (\n <div className={styles.inner}>\n <Icon size={16} />\n </div>\n );\n\n return (\n <div\n ref={ref}\n className={classNames(\n styles.icon,\n StatusToClassMap[statusBadgeIconType],\n onClick && styles.clickable,\n className\n )}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n data-testid={DqStatusIconTestIds.StatusButtonTestId}\n >\n {iconDiv}\n </div>\n );\n }\n )\n);\n"],"names":["StatusToIconMap","error","CloseOneFilled","issue","AttentionFilled","success","CheckOneFilled","resolved","StatusToClassMap","styles","DqStatusIcon","memo","forwardRef","ref","statusBadgeIconType","className","onClick","onMouseEnter","onMouseLeave","Icon","iconDiv","_jsx","inner","children","size","classNames","icon","clickable","DqStatusIconTestIds","StatusButtonTestId"],"mappings":"~~i9IAaA~~,IAAMA,EAAwF,CAC5F,GAAI,WAAA,OAAM,IAAI,EACdC,MAAOC,EACPC,MAAOC,EACPC,QAASC,EACTC,SAAUD,GAGNE,EAA2C,CAC/C,GAAI,GACJP,MAAOQ,EAAOR,MACdE,MAAOM,EAAON,MACdE,QAASI,EAAOJ,QAChBE,SAAUE,EAAOJ,SAWNK,EAAeC,EAC1BC,GACE,SAA0EC,EAAAA,GAAQ,IAA/EC,IAAAA,oBAAqBC,IAAAA,UAAWC,IAAAA,QAASC,IAAAA,aAAcC,IAAAA,aAClDC,EAAOnB,EAAgBc,GAEvBM,EACJC,EAAA,MAAA,CAAKN,UAAWN,EAAOa,MAAMC,SAC3BF,EAACF,EAAI,CAACK,KAAM,OAIhB,OACEH,EAAA,MAAA,CACER,IAAKA,EACLE,UAAWU,EACThB,EAAOiB,KACPlB,EAAiBM,GACjBE,GAAWP,EAAOkB,UAClBZ,GAEFC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACd,cAAaU,EAAoBC,mBAAmBN,SAEnDH,GAGP"}
1	+ {"version":3,"file":"DqStatusIcon.js","sources":["../../../../../src/componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.tsx"],"sourcesContent":["import { ComponentProps, ComponentType, forwardRef, memo } from 'react';\nimport classNames from 'classnames';\n\nimport { UseWellnessAlertsReturnType } from '../../AppHeader.constants';\n\nimport { DqStatusIconTestIds } from './DqStatusIcon.constants';\n\nimport styles from './DqStatusIcon.scss';\n\nimport { AttentionFilled, CheckOneFilled, CloseOneFilled } from '~/icons';\n\ntype Status = UseWellnessAlertsReturnType['statusBadgeIconType'] \| 'resolved';\n\nconst StatusToIconMap: Record<Status, ComponentType<ComponentProps<typeof CloseOneFilled>>> = {\n '': () => null,\n error: CloseOneFilled,\n issue: AttentionFilled,\n success: CheckOneFilled,\n resolved: CheckOneFilled,\n};\n\nconst StatusToClassMap: Record<Status, string> = {\n '': '',\n error: styles.error,\n issue: styles.issue,\n success: styles.success,\n resolved: styles.success,\n};\n\nexport type DqStatusIconProps = {\n statusBadgeIconType: Status;\n onClick?: () => void;\n onMouseEnter?: () => void;\n onMouseLeave?: () => void;\n className?: string;\n};\n\nexport const DqStatusIcon = memo(\n forwardRef<HTMLDivElement, DqStatusIconProps>(\n ({ statusBadgeIconType, className, onClick, onMouseEnter, onMouseLeave }, ref) => {\n const Icon = StatusToIconMap[statusBadgeIconType];\n\n const iconDiv = (\n <div className={styles.inner}>\n <Icon size={16} />\n </div>\n );\n\n return (\n <div\n ref={ref}\n className={classNames(\n styles.icon,\n StatusToClassMap[statusBadgeIconType],\n onClick && styles.clickable,\n className\n )}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n data-testid={DqStatusIconTestIds.StatusButtonTestId}\n >\n {iconDiv}\n </div>\n );\n }\n )\n);\n"],"names":["StatusToIconMap","error","CloseOneFilled","issue","AttentionFilled","success","CheckOneFilled","resolved","StatusToClassMap","styles","DqStatusIcon","memo","forwardRef","ref","statusBadgeIconType","className","onClick","onMouseEnter","onMouseLeave","Icon","iconDiv","_jsx","inner","children","size","classNames","icon","clickable","DqStatusIconTestIds","StatusButtonTestId"],"mappings":"ukJAaA,IAAMA,EAAwF,CAC5F,GAAI,WAAA,OAAM,IAAI,EACdC,MAAOC,EACPC,MAAOC,EACPC,QAASC,EACTC,SAAUD,GAGNE,EAA2C,CAC/C,GAAI,GACJP,MAAOQ,EAAOR,MACdE,MAAOM,EAAON,MACdE,QAASI,EAAOJ,QAChBE,SAAUE,EAAOJ,SAWNK,EAAeC,EAC1BC,GACE,SAA0EC,EAAAA,GAAQ,IAA/EC,IAAAA,oBAAqBC,IAAAA,UAAWC,IAAAA,QAASC,IAAAA,aAAcC,IAAAA,aAClDC,EAAOnB,EAAgBc,GAEvBM,EACJC,EAAA,MAAA,CAAKN,UAAWN,EAAOa,MAAMC,SAC3BF,EAACF,EAAI,CAACK,KAAM,OAIhB,OACEH,EAAA,MAAA,CACER,IAAKA,EACLE,UAAWU,EACThB,EAAOiB,KACPlB,EAAiBM,GACjBE,GAAWP,EAAOkB,UAClBZ,GAEFC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACd,cAAaU,EAAoBC,mBAAmBN,SAEnDH,GAGP"}