@corva/ui 3.76.0-8 → 3.76.0-rc.0

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/componentsV2/AppHeader/V3/Actions/Actions.tsx"],"sourcesContent":["import { Fragment, useCallback, useEffect, useMemo, useRef, useState } 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 { useAppSettingsPanel } from '../../../AppPanel/AppPanelsContext';\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, useSetAppCommentsMode } from '~/effects';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\ntype ActionsProps = {\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  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 [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 { open, isOpen } = useAppSettingsPanel();\n  const settingsVisible = !!appSettingsComponent && !disableSettings;\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  // 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          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 && isOpen) ? 'secondaryBg' : '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  );\n};\n"],"names":["isActionObject","action","_typeof","Actions","_ref","additionalActions","showComments","disableSettings","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","_useState4","_useState3","showMaximizeTooltip","setShowMaximizeTooltip","_useState6","_useState5","isModesMenuOpen","setIsModesMenuOpen","longPressTimerRef","isLongPressRef","_useAppSettingsPanel","useAppSettingsPanel","open","isOpen","settingsVisible","toggleMoreMenu","useCallback","value","toggleCommentsMode","closeModesMenu","current","toggleMaximized","maximizeTooltip","cancelLongPress","clearTimeout","handleMaximizeMouseDown","setTimeout","useEffect","handleMaximizeClick","handleSeparateWindowClick","handleBrowserFullscreenClick","menuActionItems","useMemo","isInsideNewMobileApp","getOnClick","handler","objectActions","filter","map","item","_objectSpread","onClick","commentItem","icon","_jsx","MessageIcon","title","maximizeItem","CollapseIcon","ExpandIcon","settingsItem","SettingTwoIcon","_toConsumableArray","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"],"mappings":"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"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/componentsV2/AppHeader/V3/Actions/Actions.tsx"],"sourcesContent":["import { Fragment, useCallback, useEffect, useMemo, useRef, useState } 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 { useAppSettingsPanel } from '../../../AppPanel/AppPanelsContext';\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, useSetAppCommentsMode } from '~/effects';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\ntype ActionsProps = {\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  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    dashboardMeta,\n  } = useAppCommonsInternal();\n  const isEmbedded = !!dashboardMeta?.isEmbedded;\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 [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 { open, isOpen } = useAppSettingsPanel();\n  const settingsVisible = !!appSettingsComponent && !disableSettings;\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      ...(!isEmbedded ? [maximizeItem] : []),\n    ];\n  }, [\n    additionalActions,\n    commentsEnabled,\n    hideSettingsUnderMore,\n    isExpanded,\n    maximizeTooltip,\n    open,\n    settingsVisible,\n    showComments,\n    isEmbedded,\n    toggleCommentsMode,\n    toggleMaximized,\n    toggleMoreMenu,\n  ]);\n\n  // Maximization is already available as a button.\n  const hasMenu = menuActionItems.length > (isEmbedded ? 0 : 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  // Hide the tooltip during maximization changes to avoid fullscreen positioning issues.\n  const maximizeWithTooltip = showMaximizeTooltip ? (\n    <Tooltip title={maximizeTooltip}>{maximizeButton}</Tooltip>\n  ) : (\n    maximizeButton\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          className={\n            hideSettingsUnderMore && !isInsideNewMobileApp\n              ? styles.settingsHiddenUnderMore\n              : undefined\n          }\n        />\n      )}\n\n      <HideInNativeApp>\n        {!isEmbedded && maximizeWithTooltip}\n\n        {!isEmbedded && 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 && isOpen) ? 'secondaryBg' : 'tertiaryBg'\n              }\n              className={styles.moreButton}\n              ref={moreButtonRef}\n              testId={ActionsTestIds.MoreButtonTestId}\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  );\n};\n"],"names":["isActionObject","action","_typeof","Actions","_ref","additionalActions","showComments","disableSettings","hideSettingsUnderMore","_useAppCommonsInterna","useAppCommonsInternal","maximized","setMaximized","appSettingsComponent","isExpanded","isBrowserFullscreen","enterBrowserFullscreen","exitBrowserFullscreen","isSeparateWindow","openSeparateWindow","closeSeparateWindow","dashboardMeta","isEmbedded","commentsEnabled","useAppCommentsMode","setCommentsMode","useSetAppCommentsMode","useState","_useState2","_slicedToArray","_useState","moreMenuOpen","setMoreMenuOpen","moreButtonRef","useRef","maximizeButtonRef","_useState4","_useState3","showMaximizeTooltip","setShowMaximizeTooltip","_useState6","_useState5","isModesMenuOpen","setIsModesMenuOpen","longPressTimerRef","isLongPressRef","_useAppSettingsPanel","useAppSettingsPanel","open","isOpen","settingsVisible","toggleMoreMenu","useCallback","value","toggleCommentsMode","closeModesMenu","current","toggleMaximized","maximizeTooltip","cancelLongPress","clearTimeout","handleMaximizeMouseDown","setTimeout","useEffect","handleMaximizeClick","handleSeparateWindowClick","handleBrowserFullscreenClick","menuActionItems","useMemo","isInsideNewMobileApp","getOnClick","handler","objectActions","filter","map","item","_objectSpread","onClick","commentItem","icon","_jsx","MessageIcon","title","maximizeItem","CollapseIcon","ExpandIcon","settingsItem","SettingTwoIcon","_toConsumableArray","hasMenu","length","maximizeButton","ButtonIcon","size","type","ref","onMouseDown","onMouseUp","onMouseLeave","className","styles","fullscreenButton","undefined","testId","ActionsTestIds","CollapseButtonTestId","ExpandButtonTestId","children","maximizeWithTooltip","Tooltip","_jsxs","_Fragment","HideInNativeApp","index","classNames","additionalActionButton","AdditionalActionItemTestId","Fragment","commentButton","CloseCommentButtonTestId","AddMessageButtonTestId","CloseSmallIcon","AddMessageCustomIcon","fill","SettingsButton","settingsHiddenUnderMore","Menu","anchorEl","onClose","placement","Item","MaximizeItemTestId","BrowserFullscreenItemTestId","SeparateWindowItemTestId","moreButton","MoreButtonTestId","MoreOneIcon","prefix"],"mappings":"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"}

package/componentsV2/AppHeader/V3/AppHeaderV3.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeaderV3.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/AppHeader/V3/AppHeaderV3.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAOvE,OAAO,EAAoB,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAQjE,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAKhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAE7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,qBAAqB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;IAEF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC;IAEjE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,2BAA2B,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IAErC;;;OAGG;IACH,oBAAoB,CAAC,EAAE;QACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;KACjC,CAAC;IAEF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA0M5C,CAAC"}
+{"version":3,"file":"AppHeaderV3.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/AppHeader/V3/AppHeaderV3.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAOvE,OAAO,EAAoB,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAQjE,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAKhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAE7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,qBAAqB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;IAEF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC;IAEjE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,2BAA2B,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IAErC;;;OAGG;IACH,oBAAoB,CAAC,EAAE;QACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;KACjC,CAAC;IAEF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAiN5C,CAAC"}

package/componentsV2/AppHeader/V3/AppHeaderV3.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import{useRef as t,useEffect as o}from"react";import i from"classnames";import{isEmpty as l}from"lodash";import{SEGMENTS as s}from"../../../constants/segment.js";import{getAppSegment as n}from"../../../utils/devcenter.js";import{PadModeSelect as r}from"../../PadModeSelect/PadModeSelect.js";import"../../PadModeSelect/PadModeSelect.constants.js";import{AppHeaderTestIds as d}from"../AppHeader.constants.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as a}from"../../AppCommonsProvider/AppCommonsContext.js";import{HideInNativeApp as p}from"../../HideInNativeApp/index.js";import{AppHeaderFinderProps as c}from"../../utils.js";import{VersionSelect as m}from"./VersionSelect/VersionSelect.js";import{AssetChips as v}from"./AssetChips/AssetChips.js";import{AppTitle as u}from"./AppTitle/AppTitle.js";import"./AppTitle/AppTitle.constants.js";import{useResponsivity as f}from"./useResponsivity.js";import{Actions as h}from"./Actions/Actions.js";import"./Actions/Actions.constants.js";import C from"./AppHeaderV3.scss.js";import{jsxs as j,jsx as y}from"react/jsx-runtime";function A(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,i)}return o}function b(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?A(Object(i),!0).forEach((function(o){e(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):A(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var g=function(e){var A,g,O,P,I,M,N,S,L,w,R,T,D,x,U,E,W=e.elementsClassNames,k=e.className,H=e.testId,V=e.logo,q=e.additionalControls,B=e.title,F=e.padModeDisabled,z=e.padModeWells,G=e.dqData,J=e.asset,K=e.lastUpdate,Q=e.additionalActions,X=e.showComments,Y=e.titleControls,Z=e.disableSettings,$=e.showAssetChips,_=e.disableAssetSelector,ee=e.titleMenuActions,te=e.titleControlsPosition,oe=void 0===te?"right":te,ie=e.responsivenessConfig,le=t(null),se=a(),ne=se.app,re=se.appName,de=se.well,ae=se.wells,pe=se.rig,ce=se.fracFleet,me=se.interventionUnit,ve=se.isExpanded,ue=se.setSeparateWindowTitle,fe=se.isInsideNewMobileApp,he=se.disableAppAssetSelection,Ce=se.isMultiRig,je=z||ae,ye=n(ne)===s.COMPLETION&&!de,Ae=!l(je)&&!!ce,be=he||Ce,ge=!he&&!F&&!fe&&ye&&Ae,Oe=V?"ultranarrow":ge||q||Y?"narrow":void 0,Pe="left"===oe&&!!Y,Ie=t(null),Me=t(null),Ne=t(null),Se=t(null),Le=t(null),we=t(null),Re=t(null),Te=null!==(A=null!==(g=null!==(O=null==de?void 0:de.name)&&void 0!==O?O:null==pe?void 0:pe.name)&&void 0!==g?g:null==ce?void 0:ce.name)&&void 0!==A?A:null==me?void 0:me.name;o((function(){null==ue||ue([re,Te].filter(Boolean).join(" - "))}),[ue,re,Te]);var De=f({disabled:fe,titleControlsLeft:Pe,rootRef:le,versionRef:Ie,additionalControlsRef:Ne,titleControlsRef:Se,logoRef:we,padModeRef:Me,chipsRef:Le,actionsRef:Re});return j("div",b(b({className:i(C.root,k),"data-testid":H,ref:le,style:null===(P=De.root)||void 0===P?void 0:P.style},c),{},{children:[y("div",{className:i(C.logoContainer,null==W?void 0:W.logoContainer),ref:we,children:V&&"string"==typeof V?y("img",{className:C.logo,src:V,alt:"Logo"}):V}),y(u,{title:ve&&null!=Te?Te:B,asset:J,dqData:G,lastUpdate:K,className:i(C.title,Pe&&C.titleWithControlsLeft,null==W?void 0:W.title),disableAssetSelector:_,titleMenuActions:ee,style:null===(I=De.title)||void 0===I?void 0:I.style}),Y&&y("div",{className:i(C.titleControls,Pe&&C.titleControlsLeft,(null===(M=De.titleControls)||void 0===M?void 0:M.lastInLine)&&C.lastInLine,null==W?void 0:W.titleControls),ref:Se,style:null===(N=De.titleControls)||void 0===N?void 0:N.style,children:Y}),y(p,{children:y("div",{className:C.version,ref:Ie,children:y(m,{className:null==W?void 0:W.versionSelect})})}),ge&&y("div",{className:i(C.padMode,(null===(S=De.padMode)||void 0===S?void 0:S.lastInLine)&&C.lastInLine),ref:Me,style:null===(L=De.padMode)||void 0===L?void 0:L.style,children:y(r,{testId:d.PadModeSelectTestId})}),q&&y("div",{className:i(C.additionalControls,(null===(w=De.additionalControls)||void 0===w?void 0:w.lastInLine)&&C.lastInLine,null==W?void 0:W.additionalControls),ref:Ne,style:null===(R=De.additionalControls)||void 0===R?void 0:R.style,"data-testid":d.AdditionalControlsTestId,children:q}),!be&&$&&y(p,{children:y("div",{className:i(C.assetChips,(null===(T=De.chips)||void 0===T?void 0:T.lastInLine)&&C.lastInLine,null==W?void 0:W.chips),ref:Le,style:null===(D=De.chips)||void 0===D?void 0:D.style,children:y(v,{chipsWidth:Oe})})}),y("div",{className:i(C.actions,(null===(x=De.actions)||void 0===x?void 0:x.lastInLine)&&C.lastInLine,null==W?void 0:W.actions),ref:Re,style:null===(U=De.actions)||void 0===U?void 0:U.style,"data-testid":d.ActionsRootTestId,children:y(h,{additionalActions:Q,showComments:X,disableSettings:Z,hideSettingsUnderMore:null==ie?void 0:ie.hideSettingsUnderMore})}),null===(E=De.linebreaks)||void 0===E?void 0:E.map((function(e,t){return y("div",{className:C.responsivenessLineBreak,style:e},t)}))]}))};export{g as AppHeaderV3};
+import e from"@babel/runtime/helpers/defineProperty";import{useRef as t,useEffect as o}from"react";import i from"classnames";import{isEmpty as l}from"lodash";import{SEGMENTS as s}from"../../../constants/segment.js";import{getAppSegment as n}from"../../../utils/devcenter.js";import{PadModeSelect as r}from"../../PadModeSelect/PadModeSelect.js";import"../../PadModeSelect/PadModeSelect.constants.js";import{AppHeaderTestIds as d}from"../AppHeader.constants.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as a}from"../../AppCommonsProvider/AppCommonsContext.js";import{HideInNativeApp as p}from"../../HideInNativeApp/index.js";import{AppHeaderFinderProps as c}from"../../utils.js";import{VersionSelect as m}from"./VersionSelect/VersionSelect.js";import{AssetChips as v}from"./AssetChips/AssetChips.js";import{AppTitle as u}from"./AppTitle/AppTitle.js";import"./AppTitle/AppTitle.constants.js";import{useResponsivity as f}from"./useResponsivity.js";import{Actions as h}from"./Actions/Actions.js";import"./Actions/Actions.constants.js";import C from"./AppHeaderV3.scss.js";import{jsxs as j,Fragment as y,jsx as A}from"react/jsx-runtime";function b(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,i)}return o}function g(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?b(Object(i),!0).forEach((function(o){e(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):b(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var M=function(e){var b,M,O,P,I,N,S,L,w,R,T,D,x,E,U,W,k=e.elementsClassNames,H=e.className,V=e.testId,q=e.logo,B=e.additionalControls,F=e.title,z=e.padModeDisabled,G=e.padModeWells,J=e.dqData,K=e.asset,Q=e.lastUpdate,X=e.additionalActions,Y=e.showComments,Z=e.titleControls,$=e.disableSettings,_=e.showAssetChips,ee=e.disableAssetSelector,te=e.titleMenuActions,oe=e.titleControlsPosition,ie=void 0===oe?"right":oe,le=e.responsivenessConfig,se=t(null),ne=a(),re=ne.app,de=ne.appName,ae=ne.well,pe=ne.wells,ce=ne.rig,me=ne.fracFleet,ve=ne.interventionUnit,ue=ne.isExpanded,fe=ne.setSeparateWindowTitle,he=ne.isInsideNewMobileApp,Ce=ne.disableAppAssetSelection,je=ne.isMultiRig,ye=ne.dashboardMeta,Ae=!(null==ye||!ye.isEmbedded),be=G||pe,ge=n(re)===s.COMPLETION&&!ae,Me=!l(be)&&!!me,Oe=Ce||je,Pe=!(Ae||Ce||z||he)&&ge&&Me,Ie=q?"ultranarrow":Pe||B||Z?"narrow":void 0,Ne="left"===ie&&!!Z,Se=t(null),Le=t(null),we=t(null),Re=t(null),Te=t(null),De=t(null),xe=t(null),Ee=null!==(b=null!==(M=null!==(O=null==ae?void 0:ae.name)&&void 0!==O?O:null==ce?void 0:ce.name)&&void 0!==M?M:null==me?void 0:me.name)&&void 0!==b?b:null==ve?void 0:ve.name;o((function(){null==fe||fe([de,Ee].filter(Boolean).join(" - "))}),[fe,de,Ee]);var Ue=f({disabled:he||Ae,titleControlsLeft:Ne,rootRef:se,versionRef:Se,additionalControlsRef:we,titleControlsRef:Re,logoRef:De,padModeRef:Le,chipsRef:Te,actionsRef:xe});return j("div",g(g({className:i(C.root,Ae&&C.embedded,H),"data-testid":V,ref:se,style:null===(P=Ue.root)||void 0===P?void 0:P.style},c),{},{children:[!Ae&&j(y,{children:[A("div",{className:i(C.logoContainer,null==k?void 0:k.logoContainer),ref:De,children:q&&"string"==typeof q?A("img",{className:C.logo,src:q,alt:"Logo"}):q}),A(u,{title:ue&&null!=Ee?Ee:F,asset:K,dqData:J,lastUpdate:Q,className:i(C.title,Ne&&C.titleWithControlsLeft,null==k?void 0:k.title),disableAssetSelector:ee,titleMenuActions:te,style:null===(I=Ue.title)||void 0===I?void 0:I.style})]}),Z&&A("div",{className:i(C.titleControls,Ne&&C.titleControlsLeft,(null===(N=Ue.titleControls)||void 0===N?void 0:N.lastInLine)&&C.lastInLine,null==k?void 0:k.titleControls),ref:Re,style:null===(S=Ue.titleControls)||void 0===S?void 0:S.style,children:Z}),A(p,{children:A("div",{className:C.version,ref:Se,children:A(m,{className:null==k?void 0:k.versionSelect})})}),Pe&&A("div",{className:i(C.padMode,(null===(L=Ue.padMode)||void 0===L?void 0:L.lastInLine)&&C.lastInLine),ref:Le,style:null===(w=Ue.padMode)||void 0===w?void 0:w.style,children:A(r,{testId:d.PadModeSelectTestId})}),B&&A("div",{className:i(C.additionalControls,(null===(R=Ue.additionalControls)||void 0===R?void 0:R.lastInLine)&&C.lastInLine,null==k?void 0:k.additionalControls),ref:we,style:null===(T=Ue.additionalControls)||void 0===T?void 0:T.style,"data-testid":d.AdditionalControlsTestId,children:B}),!Ae&&!Oe&&_&&A(p,{children:A("div",{className:i(C.assetChips,(null===(D=Ue.chips)||void 0===D?void 0:D.lastInLine)&&C.lastInLine,null==k?void 0:k.chips),ref:Te,style:null===(x=Ue.chips)||void 0===x?void 0:x.style,children:A(v,{chipsWidth:Ie})})}),A("div",{className:i(C.actions,(null===(E=Ue.actions)||void 0===E?void 0:E.lastInLine)&&C.lastInLine,null==k?void 0:k.actions),ref:xe,style:null===(U=Ue.actions)||void 0===U?void 0:U.style,"data-testid":d.ActionsRootTestId,children:A(h,{additionalActions:X,showComments:Y,disableSettings:$,hideSettingsUnderMore:null==le?void 0:le.hideSettingsUnderMore})}),null===(W=Ue.linebreaks)||void 0===W?void 0:W.map((function(e,t){return A("div",{className:C.responsivenessLineBreak,style:e},t)}))]}))};export{M as AppHeaderV3};
 //# sourceMappingURL=AppHeaderV3.js.map

package/componentsV2/AppHeader/V3/AppHeaderV3.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeaderV3.js","sources":["../../../../src/componentsV2/AppHeader/V3/AppHeaderV3.tsx"],"sourcesContent":["import { FC, ReactElement, ReactNode, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { isEmpty } from 'lodash';\n\nimport { SEGMENTS } from '../../../constants/segment';\nimport { getAppSegment } from '../../../utils/devcenter';\nimport { PadModeSelect } from '../../PadModeSelect';\nimport { AppHeaderTestIds, Asset, UseWellnessAlertsReturnType } from '../AppHeader.constants';\nimport { useAppCommonsInternal } from '../../AppCommonsProvider';\nimport { HideInNativeApp } from '../../HideInNativeApp';\nimport { AppHeaderFinderProps } from '../../utils';\n\nimport { VersionSelect } from './VersionSelect';\nimport { AssetChips } from './AssetChips';\nimport { AppTitle } from './AppTitle';\nimport { useResponsivity } from './useResponsivity';\nimport { AdditionalAction, TitleMenuAction } from './constants';\nimport { Actions } from './Actions';\n\nimport styles from './AppHeaderV3.scss';\n\nexport type AppHeaderV3Props = {\n  logo?: string | ReactElement;\n\n  additionalControls?: ReactNode;\n\n  /**\n   * Used to put some controls alongside title\n   */\n  titleControls?: ReactNode;\n  titleControlsPosition?: 'right' | 'left';\n\n  /**\n   * An escape hatch to tweak the styling of internal elements\n   *\n   * `buttons`, `titleControls` and `versionSelect` are for *V3 only*\n   */\n  elementsClassNames?: {\n    title?: string;\n    additionalControls?: string;\n    chips?: string;\n    actions?: string;\n    versionSelect?: string;\n    titleControls?: string;\n    logoContainer?: string;\n  };\n\n  title?: ReactNode;\n  padModeDisabled?: boolean;\n  padModeWells?: ReturnType<typeof useAppCommonsInternal>['wells'];\n\n  lastUpdate?: number | string | Date;\n  asset?: Asset | Asset[];\n  dqData?: UseWellnessAlertsReturnType;\n  showComments?: boolean;\n  additionalActions?: AdditionalAction[];\n  disableSettings?: boolean;\n  showAssetChips?: boolean;\n  disableAssetSelector?: boolean;\n  titleMenuActions?: TitleMenuAction[];\n\n  /**\n   * Configuration for responsive behavior of header elements\n   * - `hideSettingsUnderMore`: When true, settings button will be hidden under \"More\" menu at smaller screen sizes\n   */\n  responsivenessConfig?: {\n    hideSettingsUnderMore?: boolean;\n  };\n\n  className?: string;\n  testId?: string;\n};\n\nexport const AppHeaderV3: FC<AppHeaderV3Props> = ({\n  elementsClassNames,\n  className,\n  testId,\n  logo,\n  additionalControls,\n  title,\n  padModeDisabled,\n  padModeWells,\n  dqData,\n  asset,\n  lastUpdate,\n  additionalActions,\n  showComments,\n  titleControls,\n  disableSettings,\n  showAssetChips,\n  disableAssetSelector,\n  titleMenuActions,\n  titleControlsPosition = 'right',\n  responsivenessConfig,\n}) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const {\n    app,\n    appName,\n    well,\n    wells: contextWells,\n    rig,\n    fracFleet,\n    interventionUnit,\n    isExpanded,\n    setSeparateWindowTitle,\n    isInsideNewMobileApp,\n    disableAppAssetSelection,\n    isMultiRig,\n  } = useAppCommonsInternal();\n\n  const segment = getAppSegment(app);\n  const wells = padModeWells || contextWells;\n  const isCompletionPadMode = segment === SEGMENTS.COMPLETION && !well;\n  const hasPadModeAssets = !isEmpty(wells) && !!fracFleet;\n  const shouldDisableAssetControls = disableAppAssetSelection || isMultiRig;\n  const canShowPadMode = !disableAppAssetSelection && !padModeDisabled && !isInsideNewMobileApp;\n  const hasPadMode = canShowPadMode && isCompletionPadMode && hasPadModeAssets;\n\n  const possiblyNarrowChips =\n    hasPadMode || !!additionalControls || !!titleControls ? 'narrow' : undefined;\n  const chipsWidth = logo ? 'ultranarrow' : possiblyNarrowChips;\n\n  const titleControlsLeft = titleControlsPosition === 'left' && !!titleControls;\n\n  const versionRef = useRef<HTMLDivElement>(null);\n  const padModeRef = useRef<HTMLDivElement>(null);\n  const additionalControlsRef = useRef<HTMLDivElement>(null);\n  const titleControlsRef = useRef<HTMLDivElement>(null);\n  const chipsRef = useRef<HTMLDivElement>(null);\n  const logoRef = useRef<HTMLDivElement>(null);\n  const actionsRef = useRef<HTMLDivElement>(null);\n\n  const assetName = well?.name ?? rig?.name ?? fracFleet?.name ?? interventionUnit?.name;\n\n  useEffect(() => {\n    setSeparateWindowTitle?.([appName, assetName].filter(Boolean).join(' - '));\n  }, [setSeparateWindowTitle, appName, assetName]);\n\n  const responsivity = useResponsivity({\n    disabled: isInsideNewMobileApp,\n    titleControlsLeft,\n\n    rootRef,\n    versionRef,\n    additionalControlsRef,\n    titleControlsRef,\n    logoRef,\n    padModeRef,\n    chipsRef,\n    actionsRef,\n  });\n\n  return (\n    <div\n      className={classNames(styles.root, className)}\n      data-testid={testId}\n      ref={rootRef}\n      style={responsivity.root?.style}\n      {...AppHeaderFinderProps}\n    >\n      <div\n        className={classNames(styles.logoContainer, elementsClassNames?.logoContainer)}\n        ref={logoRef}\n      >\n        {logo && typeof logo === 'string' ? (\n          <img className={styles.logo} src={logo} alt=\"Logo\" />\n        ) : (\n          logo\n        )}\n      </div>\n\n      <AppTitle\n        title={isExpanded ? assetName ?? title : title}\n        asset={asset}\n        dqData={dqData}\n        lastUpdate={lastUpdate}\n        className={classNames(\n          styles.title,\n          titleControlsLeft && styles.titleWithControlsLeft,\n          elementsClassNames?.title\n        )}\n        disableAssetSelector={disableAssetSelector}\n        titleMenuActions={titleMenuActions}\n        style={responsivity.title?.style}\n      />\n\n      {titleControls && (\n        <div\n          className={classNames(\n            styles.titleControls,\n            titleControlsLeft && styles.titleControlsLeft,\n            responsivity.titleControls?.lastInLine && styles.lastInLine,\n            elementsClassNames?.titleControls\n          )}\n          ref={titleControlsRef}\n          style={responsivity.titleControls?.style}\n        >\n          {titleControls}\n        </div>\n      )}\n\n      <HideInNativeApp>\n        <div className={styles.version} ref={versionRef}>\n          <VersionSelect className={elementsClassNames?.versionSelect} />\n        </div>\n      </HideInNativeApp>\n\n      {hasPadMode && (\n        <div\n          className={classNames(\n            styles.padMode,\n            responsivity.padMode?.lastInLine && styles.lastInLine\n          )}\n          ref={padModeRef}\n          style={responsivity.padMode?.style}\n        >\n          <PadModeSelect testId={AppHeaderTestIds.PadModeSelectTestId} />\n        </div>\n      )}\n\n      {additionalControls && (\n        <div\n          className={classNames(\n            styles.additionalControls,\n            responsivity.additionalControls?.lastInLine && styles.lastInLine,\n            elementsClassNames?.additionalControls\n          )}\n          ref={additionalControlsRef}\n          style={responsivity.additionalControls?.style}\n          data-testid={AppHeaderTestIds.AdditionalControlsTestId}\n        >\n          {additionalControls}\n        </div>\n      )}\n\n      {!shouldDisableAssetControls && showAssetChips && (\n        <HideInNativeApp>\n          <div\n            className={classNames(\n              styles.assetChips,\n              responsivity.chips?.lastInLine && styles.lastInLine,\n              elementsClassNames?.chips\n            )}\n            ref={chipsRef}\n            style={responsivity.chips?.style}\n          >\n            <AssetChips chipsWidth={chipsWidth} />\n          </div>\n        </HideInNativeApp>\n      )}\n\n      <div\n        className={classNames(\n          styles.actions,\n          responsivity.actions?.lastInLine && styles.lastInLine,\n          elementsClassNames?.actions\n        )}\n        ref={actionsRef}\n        style={responsivity.actions?.style}\n        data-testid={AppHeaderTestIds.ActionsRootTestId}\n      >\n        <Actions\n          additionalActions={additionalActions}\n          showComments={showComments}\n          disableSettings={disableSettings}\n          hideSettingsUnderMore={responsivenessConfig?.hideSettingsUnderMore}\n        />\n      </div>\n\n      {responsivity.linebreaks?.map((css, index) => (\n        <div className={styles.responsivenessLineBreak} style={css} key={index} />\n      ))}\n    </div>\n  );\n};\n"],"names":["AppHeaderV3","_ref","_ref2","_ref3","_well$name","_responsivity$root","_responsivity$title","_responsivity$titleCo","_responsivity$titleCo2","_responsivity$padMode","_responsivity$padMode2","_responsivity$additio","_responsivity$additio2","_responsivity$chips","_responsivity$chips2","_responsivity$actions","_responsivity$actions2","_responsivity$linebre","elementsClassNames","className","testId","logo","additionalControls","title","padModeDisabled","padModeWells","dqData","asset","lastUpdate","additionalActions","showComments","titleControls","disableSettings","showAssetChips","disableAssetSelector","titleMenuActions","_ref$titleControlsPos","titleControlsPosition","responsivenessConfig","rootRef","useRef","_useAppCommonsInterna","useAppCommonsInternal","app","appName","well","contextWells","wells","rig","fracFleet","interventionUnit","isExpanded","setSeparateWindowTitle","isInsideNewMobileApp","disableAppAssetSelection","isMultiRig","isCompletionPadMode","getAppSegment","SEGMENTS","COMPLETION","hasPadModeAssets","isEmpty","shouldDisableAssetControls","hasPadMode","chipsWidth","undefined","titleControlsLeft","versionRef","padModeRef","additionalControlsRef","titleControlsRef","chipsRef","logoRef","actionsRef","assetName","name","useEffect","filter","Boolean","join","responsivity","useResponsivity","disabled","_jsxs","_objectSpread","classNames","styles","root","ref","style","AppHeaderFinderProps","children","_jsx","logoContainer","src","alt","AppTitle","titleWithControlsLeft","lastInLine","HideInNativeApp","version","VersionSelect","versionSelect","padMode","PadModeSelect","AppHeaderTestIds","PadModeSelectTestId","AdditionalControlsTestId","assetChips","chips","AssetChips","actions","ActionsRootTestId","Actions","hideSettingsUnderMore","linebreaks","map","css","index","responsivenessLineBreak"],"mappings":"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"}
+{"version":3,"file":"AppHeaderV3.js","sources":["../../../../src/componentsV2/AppHeader/V3/AppHeaderV3.tsx"],"sourcesContent":["import { FC, ReactElement, ReactNode, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { isEmpty } from 'lodash';\n\nimport { SEGMENTS } from '../../../constants/segment';\nimport { getAppSegment } from '../../../utils/devcenter';\nimport { PadModeSelect } from '../../PadModeSelect';\nimport { AppHeaderTestIds, Asset, UseWellnessAlertsReturnType } from '../AppHeader.constants';\nimport { useAppCommonsInternal } from '../../AppCommonsProvider';\nimport { HideInNativeApp } from '../../HideInNativeApp';\nimport { AppHeaderFinderProps } from '../../utils';\n\nimport { VersionSelect } from './VersionSelect';\nimport { AssetChips } from './AssetChips';\nimport { AppTitle } from './AppTitle';\nimport { useResponsivity } from './useResponsivity';\nimport { AdditionalAction, TitleMenuAction } from './constants';\nimport { Actions } from './Actions';\n\nimport styles from './AppHeaderV3.scss';\n\nexport type AppHeaderV3Props = {\n  logo?: string | ReactElement;\n\n  additionalControls?: ReactNode;\n\n  /**\n   * Used to put some controls alongside title\n   */\n  titleControls?: ReactNode;\n  titleControlsPosition?: 'right' | 'left';\n\n  /**\n   * An escape hatch to tweak the styling of internal elements\n   *\n   * `buttons`, `titleControls` and `versionSelect` are for *V3 only*\n   */\n  elementsClassNames?: {\n    title?: string;\n    additionalControls?: string;\n    chips?: string;\n    actions?: string;\n    versionSelect?: string;\n    titleControls?: string;\n    logoContainer?: string;\n  };\n\n  title?: ReactNode;\n  padModeDisabled?: boolean;\n  padModeWells?: ReturnType<typeof useAppCommonsInternal>['wells'];\n\n  lastUpdate?: number | string | Date;\n  asset?: Asset | Asset[];\n  dqData?: UseWellnessAlertsReturnType;\n  showComments?: boolean;\n  additionalActions?: AdditionalAction[];\n  disableSettings?: boolean;\n  showAssetChips?: boolean;\n  disableAssetSelector?: boolean;\n  titleMenuActions?: TitleMenuAction[];\n\n  /**\n   * Configuration for responsive behavior of header elements\n   * - `hideSettingsUnderMore`: When true, settings button will be hidden under \"More\" menu at smaller screen sizes\n   */\n  responsivenessConfig?: {\n    hideSettingsUnderMore?: boolean;\n  };\n\n  className?: string;\n  testId?: string;\n};\n\nexport const AppHeaderV3: FC<AppHeaderV3Props> = ({\n  elementsClassNames,\n  className,\n  testId,\n  logo,\n  additionalControls,\n  title,\n  padModeDisabled,\n  padModeWells,\n  dqData,\n  asset,\n  lastUpdate,\n  additionalActions,\n  showComments,\n  titleControls,\n  disableSettings,\n  showAssetChips,\n  disableAssetSelector,\n  titleMenuActions,\n  titleControlsPosition = 'right',\n  responsivenessConfig,\n}) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const {\n    app,\n    appName,\n    well,\n    wells: contextWells,\n    rig,\n    fracFleet,\n    interventionUnit,\n    isExpanded,\n    setSeparateWindowTitle,\n    isInsideNewMobileApp,\n    disableAppAssetSelection,\n    isMultiRig,\n    dashboardMeta,\n  } = useAppCommonsInternal();\n\n  const isEmbedded = !!dashboardMeta?.isEmbedded;\n  const segment = getAppSegment(app);\n  const wells = padModeWells || contextWells;\n  const isCompletionPadMode = segment === SEGMENTS.COMPLETION && !well;\n  const hasPadModeAssets = !isEmpty(wells) && !!fracFleet;\n  const shouldDisableAssetControls = disableAppAssetSelection || isMultiRig;\n  const canShowPadMode =\n    !isEmbedded && !disableAppAssetSelection && !padModeDisabled && !isInsideNewMobileApp;\n  const hasPadMode = canShowPadMode && isCompletionPadMode && hasPadModeAssets;\n\n  const possiblyNarrowChips =\n    hasPadMode || !!additionalControls || !!titleControls ? 'narrow' : undefined;\n  const chipsWidth = logo ? 'ultranarrow' : possiblyNarrowChips;\n\n  const titleControlsLeft = titleControlsPosition === 'left' && !!titleControls;\n\n  const versionRef = useRef<HTMLDivElement>(null);\n  const padModeRef = useRef<HTMLDivElement>(null);\n  const additionalControlsRef = useRef<HTMLDivElement>(null);\n  const titleControlsRef = useRef<HTMLDivElement>(null);\n  const chipsRef = useRef<HTMLDivElement>(null);\n  const logoRef = useRef<HTMLDivElement>(null);\n  const actionsRef = useRef<HTMLDivElement>(null);\n\n  const assetName = well?.name ?? rig?.name ?? fracFleet?.name ?? interventionUnit?.name;\n\n  useEffect(() => {\n    setSeparateWindowTitle?.([appName, assetName].filter(Boolean).join(' - '));\n  }, [setSeparateWindowTitle, appName, assetName]);\n\n  const responsivity = useResponsivity({\n    disabled: isInsideNewMobileApp || isEmbedded,\n    titleControlsLeft,\n\n    rootRef,\n    versionRef,\n    additionalControlsRef,\n    titleControlsRef,\n    logoRef,\n    padModeRef,\n    chipsRef,\n    actionsRef,\n  });\n\n  return (\n    <div\n      className={classNames(styles.root, isEmbedded && styles.embedded, className)}\n      data-testid={testId}\n      ref={rootRef}\n      style={responsivity.root?.style}\n      {...AppHeaderFinderProps}\n    >\n      {!isEmbedded && (\n        <>\n          <div\n            className={classNames(styles.logoContainer, elementsClassNames?.logoContainer)}\n            ref={logoRef}\n          >\n            {logo && typeof logo === 'string' ? (\n              <img className={styles.logo} src={logo} alt=\"Logo\" />\n            ) : (\n              logo\n            )}\n          </div>\n\n          <AppTitle\n            title={isExpanded ? assetName ?? title : title}\n            asset={asset}\n            dqData={dqData}\n            lastUpdate={lastUpdate}\n            className={classNames(\n              styles.title,\n              titleControlsLeft && styles.titleWithControlsLeft,\n              elementsClassNames?.title\n            )}\n            disableAssetSelector={disableAssetSelector}\n            titleMenuActions={titleMenuActions}\n            style={responsivity.title?.style}\n          />\n        </>\n      )}\n\n      {titleControls && (\n        <div\n          className={classNames(\n            styles.titleControls,\n            titleControlsLeft && styles.titleControlsLeft,\n            responsivity.titleControls?.lastInLine && styles.lastInLine,\n            elementsClassNames?.titleControls\n          )}\n          ref={titleControlsRef}\n          style={responsivity.titleControls?.style}\n        >\n          {titleControls}\n        </div>\n      )}\n\n      <HideInNativeApp>\n        <div className={styles.version} ref={versionRef}>\n          <VersionSelect className={elementsClassNames?.versionSelect} />\n        </div>\n      </HideInNativeApp>\n\n      {hasPadMode && (\n        <div\n          className={classNames(\n            styles.padMode,\n            responsivity.padMode?.lastInLine && styles.lastInLine\n          )}\n          ref={padModeRef}\n          style={responsivity.padMode?.style}\n        >\n          <PadModeSelect testId={AppHeaderTestIds.PadModeSelectTestId} />\n        </div>\n      )}\n\n      {additionalControls && (\n        <div\n          className={classNames(\n            styles.additionalControls,\n            responsivity.additionalControls?.lastInLine && styles.lastInLine,\n            elementsClassNames?.additionalControls\n          )}\n          ref={additionalControlsRef}\n          style={responsivity.additionalControls?.style}\n          data-testid={AppHeaderTestIds.AdditionalControlsTestId}\n        >\n          {additionalControls}\n        </div>\n      )}\n\n      {!isEmbedded && !shouldDisableAssetControls && showAssetChips && (\n        <HideInNativeApp>\n          <div\n            className={classNames(\n              styles.assetChips,\n              responsivity.chips?.lastInLine && styles.lastInLine,\n              elementsClassNames?.chips\n            )}\n            ref={chipsRef}\n            style={responsivity.chips?.style}\n          >\n            <AssetChips chipsWidth={chipsWidth} />\n          </div>\n        </HideInNativeApp>\n      )}\n\n      <div\n        className={classNames(\n          styles.actions,\n          responsivity.actions?.lastInLine && styles.lastInLine,\n          elementsClassNames?.actions\n        )}\n        ref={actionsRef}\n        style={responsivity.actions?.style}\n        data-testid={AppHeaderTestIds.ActionsRootTestId}\n      >\n        <Actions\n          additionalActions={additionalActions}\n          showComments={showComments}\n          disableSettings={disableSettings}\n          hideSettingsUnderMore={responsivenessConfig?.hideSettingsUnderMore}\n        />\n      </div>\n\n      {responsivity.linebreaks?.map((css, index) => (\n        <div className={styles.responsivenessLineBreak} style={css} key={index} />\n      ))}\n    </div>\n  );\n};\n"],"names":["AppHeaderV3","_ref","_ref2","_ref3","_well$name","_responsivity$root","_responsivity$title","_responsivity$titleCo","_responsivity$titleCo2","_responsivity$padMode","_responsivity$padMode2","_responsivity$additio","_responsivity$additio2","_responsivity$chips","_responsivity$chips2","_responsivity$actions","_responsivity$actions2","_responsivity$linebre","elementsClassNames","className","testId","logo","additionalControls","title","padModeDisabled","padModeWells","dqData","asset","lastUpdate","additionalActions","showComments","titleControls","disableSettings","showAssetChips","disableAssetSelector","titleMenuActions","_ref$titleControlsPos","titleControlsPosition","responsivenessConfig","rootRef","useRef","_useAppCommonsInterna","useAppCommonsInternal","app","appName","well","contextWells","wells","rig","fracFleet","interventionUnit","isExpanded","setSeparateWindowTitle","isInsideNewMobileApp","disableAppAssetSelection","isMultiRig","dashboardMeta","isEmbedded","isCompletionPadMode","getAppSegment","SEGMENTS","COMPLETION","hasPadModeAssets","isEmpty","shouldDisableAssetControls","hasPadMode","chipsWidth","undefined","titleControlsLeft","versionRef","padModeRef","additionalControlsRef","titleControlsRef","chipsRef","logoRef","actionsRef","assetName","name","useEffect","filter","Boolean","join","responsivity","useResponsivity","disabled","_jsxs","_objectSpread","classNames","styles","root","embedded","ref","style","AppHeaderFinderProps","children","_Fragment","_jsx","logoContainer","src","alt","AppTitle","titleWithControlsLeft","lastInLine","HideInNativeApp","version","VersionSelect","versionSelect","padMode","PadModeSelect","AppHeaderTestIds","PadModeSelectTestId","AdditionalControlsTestId","assetChips","chips","AssetChips","actions","ActionsRootTestId","Actions","hideSettingsUnderMore","linebreaks","map","css","index","responsivenessLineBreak"],"mappings":"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"}

package/componentsV2/AppHeader/V3/AppHeaderV3.scss.js

@@ -1,2 +1,2 @@
-import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var r={spacing:"8",gap:"8px",titleMinWidth:"90px",root:"AppHeaderV3_root__urLNv",logoContainer:"AppHeaderV3_logoContainer__Bv-lU",logo:"AppHeaderV3_logo__0VO16",title:"AppHeaderV3_title__vVZB9",titleWithControlsLeft:"AppHeaderV3_titleWithControlsLeft__Mnnkm",additionalControls:"AppHeaderV3_additionalControls__-QrO4",titleControls:"AppHeaderV3_titleControls__Yzl06",assetChips:"AppHeaderV3_assetChips__4LwGe",padMode:"AppHeaderV3_padMode__-uTzy",version:"AppHeaderV3_version__Acke3",titleControlsLeft:"AppHeaderV3_titleControlsLeft__NrIwI",actions:"AppHeaderV3_actions__Q0PRr",responsivenessLineBreak:"AppHeaderV3_responsivenessLineBreak__2QL6d",lastInLine:"AppHeaderV3_lastInLine__cbmHb"};e(".AppHeaderV3_root__urLNv{--headerV3-responsivity-flexwrap:wrap;align-items:center;display:flex;flex-direction:row;flex-wrap:var(--headerV3-responsivity-flexwrap);gap:0 8px;min-height:48px;overflow:hidden;padding:6px 0;width:100%}.AppHeaderV3_logoContainer__Bv-lU{max-height:36px;max-width:130px;overflow:hidden}.AppHeaderV3_logo__0VO16{display:block;max-height:36px;max-width:100%}.AppHeaderV3_title__vVZB9{flex:1 0 90px;min-width:90px}.AppHeaderV3_titleWithControlsLeft__Mnnkm{--headerV3-responsivity-marginRight:auto;--headerV3-responsivity-maxWidth:100%;flex:0 1 auto;margin-right:var(--headerV3-responsivity-marginRight);max-width:var(--headerV3-responsivity-maxWidth);min-width:1px}.AppHeaderV3_additionalControls__-QrO4,.AppHeaderV3_assetChips__4LwGe,.AppHeaderV3_logoContainer__Bv-lU,.AppHeaderV3_padMode__-uTzy,.AppHeaderV3_titleControls__Yzl06,.AppHeaderV3_version__Acke3{align-items:center;display:flex;flex-flow:row nowrap;flex-shrink:0;gap:8px;min-height:36px;order:var(--headerV3-responsivity-order)}.AppHeaderV3_additionalControls__-QrO4:empty,.AppHeaderV3_assetChips__4LwGe:empty,.AppHeaderV3_logoContainer__Bv-lU:empty,.AppHeaderV3_padMode__-uTzy:empty,.AppHeaderV3_titleControls__Yzl06:empty,.AppHeaderV3_version__Acke3:empty{display:none}.AppHeaderV3_titleControlsLeft__NrIwI{margin-right:auto}.AppHeaderV3_actions__Q0PRr{align-items:center;display:flex;flex:0 0 auto;flex-flow:row nowrap;gap:8px;min-height:36px;order:var(--headerV3-responsivity-order)}.AppHeaderV3_responsivenessLineBreak__2QL6d{flex:0 0 100%}.AppHeaderV3_lastInLine__cbmHb{margin-left:auto}");export{r as default};
+import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var p={spacing:"8",gap:"8px",titleMinWidth:"90px",root:"AppHeaderV3_root__urLNv",logoContainer:"AppHeaderV3_logoContainer__Bv-lU",logo:"AppHeaderV3_logo__0VO16",title:"AppHeaderV3_title__vVZB9",titleWithControlsLeft:"AppHeaderV3_titleWithControlsLeft__Mnnkm",additionalControls:"AppHeaderV3_additionalControls__-QrO4",titleControls:"AppHeaderV3_titleControls__Yzl06",assetChips:"AppHeaderV3_assetChips__4LwGe",padMode:"AppHeaderV3_padMode__-uTzy",version:"AppHeaderV3_version__Acke3",titleControlsLeft:"AppHeaderV3_titleControlsLeft__NrIwI",actions:"AppHeaderV3_actions__Q0PRr",responsivenessLineBreak:"AppHeaderV3_responsivenessLineBreak__2QL6d",lastInLine:"AppHeaderV3_lastInLine__cbmHb",embedded:"AppHeaderV3_embedded__2p-8Z"};e(".AppHeaderV3_root__urLNv{--headerV3-responsivity-flexwrap:wrap;align-items:center;display:flex;flex-direction:row;flex-wrap:var(--headerV3-responsivity-flexwrap);gap:0 8px;min-height:48px;overflow:hidden;padding:6px 0;width:100%}.AppHeaderV3_logoContainer__Bv-lU{max-height:36px;max-width:130px;overflow:hidden}.AppHeaderV3_logo__0VO16{display:block;max-height:36px;max-width:100%}.AppHeaderV3_title__vVZB9{flex:1 0 90px;min-width:90px}.AppHeaderV3_titleWithControlsLeft__Mnnkm{--headerV3-responsivity-marginRight:auto;--headerV3-responsivity-maxWidth:100%;flex:0 1 auto;margin-right:var(--headerV3-responsivity-marginRight);max-width:var(--headerV3-responsivity-maxWidth);min-width:1px}.AppHeaderV3_additionalControls__-QrO4,.AppHeaderV3_assetChips__4LwGe,.AppHeaderV3_logoContainer__Bv-lU,.AppHeaderV3_padMode__-uTzy,.AppHeaderV3_titleControls__Yzl06,.AppHeaderV3_version__Acke3{align-items:center;display:flex;flex-flow:row nowrap;flex-shrink:0;gap:8px;min-height:36px;order:var(--headerV3-responsivity-order)}.AppHeaderV3_additionalControls__-QrO4:empty,.AppHeaderV3_assetChips__4LwGe:empty,.AppHeaderV3_logoContainer__Bv-lU:empty,.AppHeaderV3_padMode__-uTzy:empty,.AppHeaderV3_titleControls__Yzl06:empty,.AppHeaderV3_version__Acke3:empty{display:none}.AppHeaderV3_titleControlsLeft__NrIwI{margin-right:auto}.AppHeaderV3_actions__Q0PRr{align-items:center;display:flex;flex:0 0 auto;flex-flow:row nowrap;gap:8px;min-height:36px;order:var(--headerV3-responsivity-order)}.AppHeaderV3_responsivenessLineBreak__2QL6d{flex:0 0 100%}.AppHeaderV3_lastInLine__cbmHb{margin-left:auto}.AppHeaderV3_embedded__2p-8Z{gap:8px;min-height:32px;overflow:visible;padding:0}.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_titleControls__Yzl06{flex:1 1 auto;flex-wrap:wrap;min-width:0}.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_actions__Q0PRr,.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_additionalControls__-QrO4,.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_titleControls__Yzl06,.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_version__Acke3{min-height:32px;order:0}.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_version__Acke3{margin-left:auto}.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_actions__Q0PRr{flex-wrap:wrap}");export{p as default};
 //# sourceMappingURL=AppHeaderV3.scss.js.map

package/componentsV2/AppHeader/V3/useResponsivity.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as n,useEffect as o}from"react";import{throttle as i,isEqual as s}from"lodash";import l from"./constants.scss.js";function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var c=parseInt(l.gap,10),p=parseInt(l.titleMinWidth,10)+c,y=function(e){var r;return(null===(r=e.current)||void 0===r?void 0:r.getBoundingClientRect().width)||0},u=function(e){for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];var o=t.filter((function(e){return!!e.current&&e.current.offsetWidth>0}));return e+o.reduce((function(e,r){return e+y(r)}),0)+(o.length>1?(o.length-1)*c:0)},f=function(e){var l=e.disabled,a=e.actionsRef,y=e.chipsRef,f=e.logoRef,v=e.rootRef,h=e.titleControlsRef,b=e.additionalControlsRef,m=e.versionRef,O=e.padModeRef,g=e.titleControlsLeft,V=t({}),w=r(V,2),j=w[0],C=w[1],R=n(-1);return o((function(){var e=i((function(){requestAnimationFrame((function(){var e,r=(null===(e=v.current)||void 0===e?void 0:e.offsetWidth)||0,t=function(e){var t,n=g&&u(p,f,m,y,a,h,b,O)<=r?d(d({},e),{},{root:{style:d(d({},null===(t=e.root)||void 0===t?void 0:t.style),{},{"--headerV3-responsivity-flexwrap":"nowrap"})}}):e;C((function(e){return s(e,n)?e:n}))},n=function(){if(g){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];var n=u.apply(void 0,[0].concat(r))+c;return{"--headerV3-responsivity-maxWidth":"calc(100% - ".concat(n,"px)")}}};u(p,f,m,y,a,h,b,O)<=r?t({title:{style:{"--headerV3-responsivity-marginRight":0}}}):u(p,f,m,y,a)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},padMode:{style:{"--headerV3-responsivity-order":120}},additionalControls:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},title:{style:n(f,m,y,a)}}):!O.current&&u(p,f,m,y)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},actions:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},title:{style:n(f,m,y)}}):u(p,f,m,y)<=r&&u(0,h,b,O,a)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},padMode:{style:{"--headerV3-responsivity-order":130}},actions:{style:{"--headerV3-responsivity-order":140},lastInLine:!0},title:{style:n(f,m,y)}}):t({linebreaks:[{order:100},{order:200}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},actions:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},padMode:{style:{"--headerV3-responsivity-order":210}},chips:{style:{"--headerV3-responsivity-order":220},lastInLine:!0},title:{style:n(f,m)}})}))}),100,{leading:!0}),r=new ResizeObserver((function(){var r,t=(null===(r=v.current)||void 0===r?void 0:r.offsetWidth)||0;t!==R.current&&e(),R.current=t})),t=new MutationObserver(e);return v.current&&!l&&(r.observe(v.current),t.observe(v.current,{childList:!0,subtree:!0,characterData:!0}),e.cancel()),function(){r.disconnect(),t.disconnect()}}),[a,y,f,v,h,b,m,O,l,g]),j};export{f as useResponsivity};
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as n,useEffect as o}from"react";import{throttle as i,isEqual as s}from"lodash";import l from"./constants.scss.js";function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var c=parseInt(l.gap,10),p=parseInt(l.titleMinWidth,10)+c,y=function(e){var r;return(null===(r=e.current)||void 0===r?void 0:r.getBoundingClientRect().width)||0},u=function(e){for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];var o=t.filter((function(e){return!!e.current&&e.current.offsetWidth>0}));return e+o.reduce((function(e,r){return e+y(r)}),0)+(o.length>1?(o.length-1)*c:0)},f=function(e){var l=e.disabled,a=e.actionsRef,y=e.chipsRef,f=e.logoRef,v=e.rootRef,h=e.titleControlsRef,b=e.additionalControlsRef,m=e.versionRef,O=e.padModeRef,g=e.titleControlsLeft,V=t({}),w=r(V,2),j=w[0],C=w[1],R=n(-1);return o((function(){var e=i((function(){requestAnimationFrame((function(){var e,r=(null===(e=v.current)||void 0===e?void 0:e.offsetWidth)||0,t=function(e){var t,n=g&&u(p,f,m,y,a,h,b,O)<=r?d(d({},e),{},{root:{style:d(d({},null===(t=e.root)||void 0===t?void 0:t.style),{},{"--headerV3-responsivity-flexwrap":"nowrap"})}}):e;C((function(e){return s(e,n)?e:n}))},n=function(){if(g){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];var n=u.apply(void 0,[0].concat(r))+c;return{"--headerV3-responsivity-maxWidth":"calc(100% - ".concat(n,"px)")}}};u(p,f,m,y,a,h,b,O)<=r?t({title:{style:{"--headerV3-responsivity-marginRight":0}}}):u(p,f,m,y,a)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},padMode:{style:{"--headerV3-responsivity-order":120}},additionalControls:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},title:{style:n(f,m,y,a)}}):!O.current&&u(p,f,m,y)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},actions:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},title:{style:n(f,m,y)}}):u(p,f,m,y)<=r&&u(0,h,b,O,a)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},padMode:{style:{"--headerV3-responsivity-order":130}},actions:{style:{"--headerV3-responsivity-order":140},lastInLine:!0},title:{style:n(f,m,y)}}):t({linebreaks:[{order:100},{order:200}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},actions:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},padMode:{style:{"--headerV3-responsivity-order":210}},chips:{style:{"--headerV3-responsivity-order":220},lastInLine:!0},title:{style:n(f,m)}})}))}),100,{leading:!0}),r=new ResizeObserver((function(){var r,t=(null===(r=v.current)||void 0===r?void 0:r.offsetWidth)||0;t!==R.current&&e(),R.current=t})),t=new MutationObserver(e);return v.current&&!l&&(r.observe(v.current),t.observe(v.current,{childList:!0,subtree:!0,characterData:!0}),e.cancel()),function(){r.disconnect(),t.disconnect()}}),[a,y,f,v,h,b,m,O,l,g]),l?{}:j};export{f as useResponsivity};
 //# sourceMappingURL=useResponsivity.js.map

package/componentsV2/AppHeader/V3/useResponsivity.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResponsivity.js","sources":["../../../../src/componentsV2/AppHeader/V3/useResponsivity.tsx"],"sourcesContent":["import { CSSProperties, RefObject, useEffect, useRef, useState } from 'react';\nimport { isEqual, throttle } from 'lodash';\n\nimport CssConstants from './constants.scss';\n\ntype Params = {\n  disabled?: boolean;\n  titleControlsLeft?: boolean;\n\n  rootRef: RefObject<HTMLElement>;\n  versionRef: RefObject<HTMLElement>;\n  padModeRef: RefObject<HTMLElement>;\n  additionalControlsRef: RefObject<HTMLElement>;\n  titleControlsRef: RefObject<HTMLElement>;\n  chipsRef: RefObject<HTMLElement>;\n  logoRef: RefObject<HTMLElement>;\n  actionsRef: RefObject<HTMLElement>;\n};\n\ntype ResponsivityDataItem = {\n  style?: CSSProperties & Record<`--${string}`, number | string>;\n  lastInLine?: boolean;\n};\n\ntype ResponsivityData = {\n  root?: ResponsivityDataItem;\n  padMode?: ResponsivityDataItem;\n  additionalControls?: ResponsivityDataItem;\n  titleControls?: ResponsivityDataItem;\n  chips?: ResponsivityDataItem;\n  actions?: ResponsivityDataItem;\n  title?: ResponsivityDataItem;\n\n  linebreaks?: CSSProperties[];\n};\n\nconst gap = parseInt(CssConstants.gap, 10);\nconst titleMinWidth = parseInt(CssConstants.titleMinWidth, 10) + gap;\n\nconst getRefWidth = (ref: RefObject<HTMLElement>) => {\n  // This causes a reflow, so if it lags too much - use the `ref.current?.offsetWidth + 1`\n  // `ref.current?.offsetWidth` rounds pixel fractions so it may produce incorrect results/need adjustment\n  return ref.current?.getBoundingClientRect().width || 0;\n};\n\nconst sumLineWidth = (titleMinWidth: number, ...lineRefs: RefObject<HTMLElement>[]) => {\n  const filteredRefs = lineRefs.filter(ref => !!ref.current && ref.current.offsetWidth > 0);\n  return (\n    titleMinWidth +\n    filteredRefs.reduce((acc, ref) => acc + getRefWidth(ref), 0) +\n    (filteredRefs.length > 1 ? (filteredRefs.length - 1) * gap : 0)\n  );\n};\n\n/**\n * Detects when child elements stop fitting in a single header line and returns CSS orders, linebreaks, & other info for header elements\n *\n * There are several possible layouts:\n *\n * 1. Everything fits in one line\n * 2. 2 lines:\n *    [logo] [title] [version] [asset chips] [actions]\n *    [title controls] [pad mode] [additional controls]\n *    and other variants that fit into 2 lines\n * 3. 3 lines:\n *    [logo] [title] [version]\n *    [title controls] [additional controls] [actions]\n *    [pad mode] [chips]\n */\nexport const useResponsivity = ({\n  disabled,\n  actionsRef,\n  chipsRef,\n  logoRef,\n  rootRef,\n  titleControlsRef,\n  additionalControlsRef,\n  versionRef,\n  padModeRef,\n  titleControlsLeft,\n}: Params) => {\n  const [value, setValue] = useState<ResponsivityData>({});\n  const previousWidthRef = useRef(-1);\n\n  useEffect(() => {\n    const calculateCss = throttle(\n      () => {\n        requestAnimationFrame(() => {\n          const rootWidth = rootRef.current?.offsetWidth || 0;\n\n          const setCss = (baseData: ResponsivityData) => {\n            // We need nowrap to properly handle title when app title is very long and we have title controls to the left\n            const isNowrap =\n              titleControlsLeft &&\n              sumLineWidth(\n                titleMinWidth,\n                logoRef,\n                versionRef,\n                chipsRef,\n                actionsRef,\n                titleControlsRef,\n                additionalControlsRef,\n                padModeRef\n              ) <= rootWidth;\n\n            const data = isNowrap\n              ? {\n                  ...baseData,\n                  root: {\n                    style: {\n                      ...baseData.root?.style,\n                      '--headerV3-responsivity-flexwrap': 'nowrap',\n                    },\n                  },\n                }\n              : baseData;\n\n            // Prevent unnecessary rerenders & rerender loop: recalc -> update values -> recalc -> update values to the same values\n            setValue(value => (isEqual(value, data) ? value : data));\n          };\n\n          const getTitleMaxWidthStyle = (...refs: RefObject<HTMLElement>[]) => {\n            if (!titleControlsLeft) {\n              return undefined;\n            }\n\n            const pixels = sumLineWidth(0, ...refs) + gap;\n            return { '--headerV3-responsivity-maxWidth': `calc(100% - ${pixels}px)` };\n          };\n\n          // Case 1 - everything fits\n          if (\n            sumLineWidth(\n              titleMinWidth,\n              logoRef,\n              versionRef,\n              chipsRef,\n              actionsRef,\n              titleControlsRef,\n              additionalControlsRef,\n              padModeRef\n            ) <= rootWidth\n          ) {\n            setCss({\n              title: { style: { '--headerV3-responsivity-marginRight': 0 } },\n            });\n          }\n          // 2 lines\n          // [logo] [title] [version] [asset chips] [actions]\n          // [title controls] [pad mode] [additional controls]\n          else if (\n            sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef, actionsRef) <= rootWidth\n          ) {\n            setCss({\n              linebreaks: [{ order: 100 }],\n              titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n              padMode: { style: { '--headerV3-responsivity-order': 120 } },\n              additionalControls: {\n                style: { '--headerV3-responsivity-order': 130 },\n                lastInLine: true,\n              },\n              title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef, actionsRef) },\n            });\n          }\n          // 2 lines - no padmode, has chips\n          // [logo] [title] [version] [asset chips]\n          // [title controls] [additional controls] [actions]\n          else if (\n            !padModeRef.current &&\n            sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef) <= rootWidth\n          ) {\n            setCss({\n              linebreaks: [{ order: 100 }],\n              titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n              additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n              actions: { style: { '--headerV3-responsivity-order': 130 }, lastInLine: true },\n\n              title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef) },\n            });\n          }\n          // 2 lines:\n          // [logo] [title] [version] [chips]\n          // [title controls] [additional controls] [pad mode] [actions]\n          else if (\n            sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef) <= rootWidth &&\n            sumLineWidth(0, titleControlsRef, additionalControlsRef, padModeRef, actionsRef) <=\n              rootWidth\n          ) {\n            setCss({\n              linebreaks: [{ order: 100 }],\n              titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n              additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n              padMode: { style: { '--headerV3-responsivity-order': 130 } },\n              actions: { style: { '--headerV3-responsivity-order': 140 }, lastInLine: true },\n\n              title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef) },\n            });\n          }\n          // 3 lines\n          // [logo] [title] [version]\n          // [title controls] [additional controls] [actions]\n          // [pad mode] [chips]\n          else {\n            setCss({\n              linebreaks: [{ order: 100 }, { order: 200 }],\n              titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n              additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n              actions: { style: { '--headerV3-responsivity-order': 130 }, lastInLine: true },\n              padMode: { style: { '--headerV3-responsivity-order': 210 } },\n              chips: { style: { '--headerV3-responsivity-order': 220 }, lastInLine: true },\n\n              title: { style: getTitleMaxWidthStyle(logoRef, versionRef) },\n            });\n          }\n        });\n      },\n      100,\n      { leading: true }\n    );\n\n    const resizeObserver = new ResizeObserver(() => {\n      const rootWidth = rootRef.current?.offsetWidth || 0;\n      if (rootWidth !== previousWidthRef.current) {\n        calculateCss();\n      }\n      previousWidthRef.current = rootWidth;\n    });\n    const mutationObserver = new MutationObserver(calculateCss);\n\n    if (rootRef.current && !disabled) {\n      resizeObserver.observe(rootRef.current);\n      mutationObserver.observe(rootRef.current, {\n        childList: true,\n        subtree: true,\n        characterData: true,\n      });\n      calculateCss.cancel();\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n    };\n  }, [\n    actionsRef,\n    chipsRef,\n    logoRef,\n    rootRef,\n    titleControlsRef,\n    additionalControlsRef,\n    versionRef,\n    padModeRef,\n    disabled,\n    titleControlsLeft,\n  ]);\n\n  return value;\n};\n"],"names":["gap","parseInt","CssConstants","titleMinWidth","getRefWidth","ref","_ref$current","current","getBoundingClientRect","width","sumLineWidth","_len","arguments","length","lineRefs","Array","_key","filteredRefs","filter","offsetWidth","reduce","acc","useResponsivity","_ref","disabled","actionsRef","chipsRef","logoRef","rootRef","titleControlsRef","additionalControlsRef","versionRef","padModeRef","titleControlsLeft","_useState","useState","_useState2","_slicedToArray","value","setValue","previousWidthRef","useRef","useEffect","calculateCss","throttle","requestAnimationFrame","_rootRef$current","rootWidth","setCss","baseData","_baseData$root","data","_objectSpread","root","style","isEqual","getTitleMaxWidthStyle","_len2","refs","_key2","pixels","apply","title","linebreaks","order","titleControls","padMode","additionalControls","lastInLine","actions","chips","leading","resizeObserver","ResizeObserver","_rootRef$current2","mutationObserver","MutationObserver","observe","childList","subtree","characterData","cancel","disconnect"],"mappings":"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"}
+{"version":3,"file":"useResponsivity.js","sources":["../../../../src/componentsV2/AppHeader/V3/useResponsivity.tsx"],"sourcesContent":["import { CSSProperties, RefObject, useEffect, useRef, useState } from 'react';\nimport { isEqual, throttle } from 'lodash';\n\nimport CssConstants from './constants.scss';\n\ntype Params = {\n  disabled?: boolean;\n  titleControlsLeft?: boolean;\n\n  rootRef: RefObject<HTMLElement>;\n  versionRef: RefObject<HTMLElement>;\n  padModeRef: RefObject<HTMLElement>;\n  additionalControlsRef: RefObject<HTMLElement>;\n  titleControlsRef: RefObject<HTMLElement>;\n  chipsRef: RefObject<HTMLElement>;\n  logoRef: RefObject<HTMLElement>;\n  actionsRef: RefObject<HTMLElement>;\n};\n\ntype ResponsivityDataItem = {\n  style?: CSSProperties & Record<`--${string}`, number | string>;\n  lastInLine?: boolean;\n};\n\ntype ResponsivityData = {\n  root?: ResponsivityDataItem;\n  padMode?: ResponsivityDataItem;\n  additionalControls?: ResponsivityDataItem;\n  titleControls?: ResponsivityDataItem;\n  chips?: ResponsivityDataItem;\n  actions?: ResponsivityDataItem;\n  title?: ResponsivityDataItem;\n\n  linebreaks?: CSSProperties[];\n};\n\nconst gap = parseInt(CssConstants.gap, 10);\nconst titleMinWidth = parseInt(CssConstants.titleMinWidth, 10) + gap;\n\nconst getRefWidth = (ref: RefObject<HTMLElement>) => {\n  // This causes a reflow, so if it lags too much - use the `ref.current?.offsetWidth + 1`\n  // `ref.current?.offsetWidth` rounds pixel fractions so it may produce incorrect results/need adjustment\n  return ref.current?.getBoundingClientRect().width || 0;\n};\n\nconst sumLineWidth = (titleMinWidth: number, ...lineRefs: RefObject<HTMLElement>[]) => {\n  const filteredRefs = lineRefs.filter(ref => !!ref.current && ref.current.offsetWidth > 0);\n  return (\n    titleMinWidth +\n    filteredRefs.reduce((acc, ref) => acc + getRefWidth(ref), 0) +\n    (filteredRefs.length > 1 ? (filteredRefs.length - 1) * gap : 0)\n  );\n};\n\n/**\n * Detects when child elements stop fitting in a single header line and returns CSS orders, linebreaks, & other info for header elements\n *\n * There are several possible layouts:\n *\n * 1. Everything fits in one line\n * 2. 2 lines:\n *    [logo] [title] [version] [asset chips] [actions]\n *    [title controls] [pad mode] [additional controls]\n *    and other variants that fit into 2 lines\n * 3. 3 lines:\n *    [logo] [title] [version]\n *    [title controls] [additional controls] [actions]\n *    [pad mode] [chips]\n */\nexport const useResponsivity = ({\n  disabled,\n  actionsRef,\n  chipsRef,\n  logoRef,\n  rootRef,\n  titleControlsRef,\n  additionalControlsRef,\n  versionRef,\n  padModeRef,\n  titleControlsLeft,\n}: Params) => {\n  const [value, setValue] = useState<ResponsivityData>({});\n  const previousWidthRef = useRef(-1);\n\n  useEffect(() => {\n    const calculateCss = throttle(\n      () => {\n        requestAnimationFrame(() => {\n          const rootWidth = rootRef.current?.offsetWidth || 0;\n\n          const setCss = (baseData: ResponsivityData) => {\n            // We need nowrap to properly handle title when app title is very long and we have title controls to the left\n            const isNowrap =\n              titleControlsLeft &&\n              sumLineWidth(\n                titleMinWidth,\n                logoRef,\n                versionRef,\n                chipsRef,\n                actionsRef,\n                titleControlsRef,\n                additionalControlsRef,\n                padModeRef\n              ) <= rootWidth;\n\n            const data = isNowrap\n              ? {\n                  ...baseData,\n                  root: {\n                    style: {\n                      ...baseData.root?.style,\n                      '--headerV3-responsivity-flexwrap': 'nowrap',\n                    },\n                  },\n                }\n              : baseData;\n\n            // Prevent unnecessary rerenders & rerender loop: recalc -> update values -> recalc -> update values to the same values\n            setValue(value => (isEqual(value, data) ? value : data));\n          };\n\n          const getTitleMaxWidthStyle = (...refs: RefObject<HTMLElement>[]) => {\n            if (!titleControlsLeft) {\n              return undefined;\n            }\n\n            const pixels = sumLineWidth(0, ...refs) + gap;\n            return { '--headerV3-responsivity-maxWidth': `calc(100% - ${pixels}px)` };\n          };\n\n          // Case 1 - everything fits\n          if (\n            sumLineWidth(\n              titleMinWidth,\n              logoRef,\n              versionRef,\n              chipsRef,\n              actionsRef,\n              titleControlsRef,\n              additionalControlsRef,\n              padModeRef\n            ) <= rootWidth\n          ) {\n            setCss({\n              title: { style: { '--headerV3-responsivity-marginRight': 0 } },\n            });\n          }\n          // 2 lines\n          // [logo] [title] [version] [asset chips] [actions]\n          // [title controls] [pad mode] [additional controls]\n          else if (\n            sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef, actionsRef) <= rootWidth\n          ) {\n            setCss({\n              linebreaks: [{ order: 100 }],\n              titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n              padMode: { style: { '--headerV3-responsivity-order': 120 } },\n              additionalControls: {\n                style: { '--headerV3-responsivity-order': 130 },\n                lastInLine: true,\n              },\n              title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef, actionsRef) },\n            });\n          }\n          // 2 lines - no padmode, has chips\n          // [logo] [title] [version] [asset chips]\n          // [title controls] [additional controls] [actions]\n          else if (\n            !padModeRef.current &&\n            sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef) <= rootWidth\n          ) {\n            setCss({\n              linebreaks: [{ order: 100 }],\n              titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n              additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n              actions: { style: { '--headerV3-responsivity-order': 130 }, lastInLine: true },\n\n              title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef) },\n            });\n          }\n          // 2 lines:\n          // [logo] [title] [version] [chips]\n          // [title controls] [additional controls] [pad mode] [actions]\n          else if (\n            sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef) <= rootWidth &&\n            sumLineWidth(0, titleControlsRef, additionalControlsRef, padModeRef, actionsRef) <=\n              rootWidth\n          ) {\n            setCss({\n              linebreaks: [{ order: 100 }],\n              titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n              additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n              padMode: { style: { '--headerV3-responsivity-order': 130 } },\n              actions: { style: { '--headerV3-responsivity-order': 140 }, lastInLine: true },\n\n              title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef) },\n            });\n          }\n          // 3 lines\n          // [logo] [title] [version]\n          // [title controls] [additional controls] [actions]\n          // [pad mode] [chips]\n          else {\n            setCss({\n              linebreaks: [{ order: 100 }, { order: 200 }],\n              titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n              additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n              actions: { style: { '--headerV3-responsivity-order': 130 }, lastInLine: true },\n              padMode: { style: { '--headerV3-responsivity-order': 210 } },\n              chips: { style: { '--headerV3-responsivity-order': 220 }, lastInLine: true },\n\n              title: { style: getTitleMaxWidthStyle(logoRef, versionRef) },\n            });\n          }\n        });\n      },\n      100,\n      { leading: true }\n    );\n\n    const resizeObserver = new ResizeObserver(() => {\n      const rootWidth = rootRef.current?.offsetWidth || 0;\n      if (rootWidth !== previousWidthRef.current) {\n        calculateCss();\n      }\n      previousWidthRef.current = rootWidth;\n    });\n    const mutationObserver = new MutationObserver(calculateCss);\n\n    if (rootRef.current && !disabled) {\n      resizeObserver.observe(rootRef.current);\n      mutationObserver.observe(rootRef.current, {\n        childList: true,\n        subtree: true,\n        characterData: true,\n      });\n      calculateCss.cancel();\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n    };\n  }, [\n    actionsRef,\n    chipsRef,\n    logoRef,\n    rootRef,\n    titleControlsRef,\n    additionalControlsRef,\n    versionRef,\n    padModeRef,\n    disabled,\n    titleControlsLeft,\n  ]);\n\n  return disabled ? {} : value;\n};\n"],"names":["gap","parseInt","CssConstants","titleMinWidth","getRefWidth","ref","_ref$current","current","getBoundingClientRect","width","sumLineWidth","_len","arguments","length","lineRefs","Array","_key","filteredRefs","filter","offsetWidth","reduce","acc","useResponsivity","_ref","disabled","actionsRef","chipsRef","logoRef","rootRef","titleControlsRef","additionalControlsRef","versionRef","padModeRef","titleControlsLeft","_useState","useState","_useState2","_slicedToArray","value","setValue","previousWidthRef","useRef","useEffect","calculateCss","throttle","requestAnimationFrame","_rootRef$current","rootWidth","setCss","baseData","_baseData$root","data","_objectSpread","root","style","isEqual","getTitleMaxWidthStyle","_len2","refs","_key2","pixels","apply","title","linebreaks","order","titleControls","padMode","additionalControls","lastInLine","actions","chips","leading","resizeObserver","ResizeObserver","_rootRef$current2","mutationObserver","MutationObserver","observe","childList","subtree","characterData","cancel","disconnect"],"mappings":"szBAoCA,IAAMA,EAAMC,SAASC,EAAaF,IAAK,IACjCG,EAAgBF,SAASC,EAAaC,cAAe,IAAMH,EAE3DI,EAAc,SAACC,GAAgC,IAAAC,EAGnD,OAAkB,QAAXA,EAAAD,EAAIE,eAAO,IAAAD,OAAA,EAAXA,EAAaE,wBAAwBC,QAAS,CACvD,EAEMC,EAAe,SAACP,GAAiE,IAAA,IAAAQ,EAAAC,UAAAC,OAAvCC,EAAQ,IAAAC,MAAAJ,EAAA,EAAAA,EAAA,EAAA,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAARF,EAAQE,EAAA,GAAAJ,UAAAI,GACtD,IAAMC,EAAeH,EAASI,QAAO,SAAAb,GAAG,QAAMA,EAAIE,SAAWF,EAAIE,QAAQY,YAAc,KACvF,OACEhB,EACAc,EAAaG,QAAO,SAACC,EAAKhB,GAAG,OAAKgB,EAAMjB,EAAYC,EAAI,GAAE,IACzDY,EAAaJ,OAAS,GAAKI,EAAaJ,OAAS,GAAKb,EAAM,EAEjE,EAiBasB,EAAkB,SAWjBC,GAAA,IAVZC,IAAAA,SACAC,IAAAA,WACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,QACAC,IAAAA,iBACAC,IAAAA,sBACAC,IAAAA,WACAC,IAAAA,WACAC,IAAAA,kBAEAC,EAA0BC,EAA2B,IAAGC,EAAAC,EAAAH,EAAA,GAAjDI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAChBI,EAAmBC,GAAQ,GA8KjC,OA5KAC,GAAU,WACR,IAAMC,EAAeC,GACnB,WACEC,uBAAsB,WAAM,IAAAC,EACpBC,GAAY,QAAAD,EAAAlB,EAAQrB,eAAR,IAAAuC,OAAA,EAAAA,EAAiB3B,cAAe,EAE5C6B,EAAS,SAACC,GAA+B,IAAAC,EAevCC,EAZJlB,GACAvB,EACEP,EACAwB,EACAI,EACAL,EACAD,EACAI,EACAC,EACAE,IACGe,EAEcK,EAAAA,EAAA,GAEZH,GAAQ,GAAA,CACXI,KAAM,CACJC,aACkB,UAAbL,EAASI,YAAI,IAAAH,OAAA,EAAbA,EAAeI,OAAK,GAAA,CACvB,mCAAoC,cAI1CL,EAGJV,GAAS,SAAAD,GAAK,OAAKiB,EAAQjB,EAAOa,GAAQb,EAAQa,CAAI,KAGlDK,EAAwB,WAC5B,GAAKvB,EAAL,CAEC,IAAA,IAAAwB,EAAA7C,UAAAC,OAH+B6C,EAAI,IAAA3C,MAAA0C,GAAAE,EAAA,EAAAA,EAAAF,EAAAE,IAAJD,EAAIC,GAAA/C,UAAA+C,GAKpC,IAAMC,EAASlD,EAAYmD,WAAA,EAAA,CAAC,GAAMH,OAAAA,IAAQ1D,EAC1C,MAAO,CAAE,yDAAmD4D,EAAM,OAHlE,GAQAlD,EACEP,EACAwB,EACAI,EACAL,EACAD,EACAI,EACAC,EACAE,IACGe,EAELC,EAAO,CACLc,MAAO,CAAER,MAAO,CAAE,sCAAuC,MAO3D5C,EAAaP,EAAewB,EAASI,EAAYL,EAAUD,IAAesB,EAE1EC,EAAO,CACLe,WAAY,CAAC,CAAEC,MAAO,MACtBC,cAAe,CAAEX,MAAO,CAAE,gCAAiC,MAC3DY,QAAS,CAAEZ,MAAO,CAAE,gCAAiC,MACrDa,mBAAoB,CAClBb,MAAO,CAAE,gCAAiC,KAC1Cc,YAAY,GAEdN,MAAO,CAAER,MAAOE,EAAsB7B,EAASI,EAAYL,EAAUD,OAOtEO,EAAWzB,SACZG,EAAaP,EAAewB,EAASI,EAAYL,IAAaqB,EAE9DC,EAAO,CACLe,WAAY,CAAC,CAAEC,MAAO,MACtBC,cAAe,CAAEX,MAAO,CAAE,gCAAiC,MAC3Da,mBAAoB,CAAEb,MAAO,CAAE,gCAAiC,MAChEe,QAAS,CAAEf,MAAO,CAAE,gCAAiC,KAAOc,YAAY,GAExEN,MAAO,CAAER,MAAOE,EAAsB7B,EAASI,EAAYL,MAO7DhB,EAAaP,EAAewB,EAASI,EAAYL,IAAaqB,GAC9DrC,EAAa,EAAGmB,EAAkBC,EAAuBE,EAAYP,IACnEsB,EAEFC,EAAO,CACLe,WAAY,CAAC,CAAEC,MAAO,MACtBC,cAAe,CAAEX,MAAO,CAAE,gCAAiC,MAC3Da,mBAAoB,CAAEb,MAAO,CAAE,gCAAiC,MAChEY,QAAS,CAAEZ,MAAO,CAAE,gCAAiC,MACrDe,QAAS,CAAEf,MAAO,CAAE,gCAAiC,KAAOc,YAAY,GAExEN,MAAO,CAAER,MAAOE,EAAsB7B,EAASI,EAAYL,MAQ7DsB,EAAO,CACLe,WAAY,CAAC,CAAEC,MAAO,KAAO,CAAEA,MAAO,MACtCC,cAAe,CAAEX,MAAO,CAAE,gCAAiC,MAC3Da,mBAAoB,CAAEb,MAAO,CAAE,gCAAiC,MAChEe,QAAS,CAAEf,MAAO,CAAE,gCAAiC,KAAOc,YAAY,GACxEF,QAAS,CAAEZ,MAAO,CAAE,gCAAiC,MACrDgB,MAAO,CAAEhB,MAAO,CAAE,gCAAiC,KAAOc,YAAY,GAEtEN,MAAO,CAAER,MAAOE,EAAsB7B,EAASI,KAGrD,GACD,GACD,IACA,CAAEwC,SAAS,IAGPC,EAAiB,IAAIC,gBAAe,WAAM,IAAAC,EACxC3B,GAAY,QAAA2B,EAAA9C,EAAQrB,eAAR,IAAAmE,OAAA,EAAAA,EAAiBvD,cAAe,EAC9C4B,IAAcP,EAAiBjC,SACjCoC,IAEFH,EAAiBjC,QAAUwC,CAC7B,IACM4B,EAAmB,IAAIC,iBAAiBjC,GAY9C,OAVIf,EAAQrB,UAAYiB,IACtBgD,EAAeK,QAAQjD,EAAQrB,SAC/BoE,EAAiBE,QAAQjD,EAAQrB,QAAS,CACxCuE,WAAW,EACXC,SAAS,EACTC,eAAe,IAEjBrC,EAAasC,UAGR,WACLT,EAAeU,aACfP,EAAiBO,aAEpB,GAAE,CACDzD,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAR,EACAS,IAGKT,EAAW,CAAE,EAAGc,CACzB"}

package/componentsV2/AppHeader/__tests__/AppHeaderEmbedded.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AppHeaderEmbedded.test.d.ts.map

package/componentsV2/AppHeader/__tests__/AppHeaderEmbedded.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeaderEmbedded.test.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/AppHeader/__tests__/AppHeaderEmbedded.test.tsx"],"names":[],"mappings":""}

package/componentsV2/AppPanel/AppPanelDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppPanelDisplay.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppPanel/AppPanelDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAmB,MAAM,OAAO,CAAC;AAgBlE,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,eAAe,sBAAuB,UAAU,mDAqE5D,CAAC"}
+{"version":3,"file":"AppPanelDisplay.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppPanel/AppPanelDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAmB,MAAM,OAAO,CAAC;AAgBlE,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,eAAe,sBAAuB,UAAU,mDAsE5D,CAAC"}

package/componentsV2/AppPanel/AppPanelDisplay.js

@@ -1,2 +1,2 @@
-import{useRef as t,useMemo as o}from"react";import s from"classnames";import{useAppSize as r}from"../AppSizeProvider/AppSizeProvider.js";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/defineProperty";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 e from"../../effects/useOutsideClick.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../../components/GradientManager/configuration/constants.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../../components/StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../constants/streamSourceType.js";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppCommonsProvider/AppCommonsProvider.js";import"../AppCommonsProvider/AppCommonsContext.js";import{useAppPanelInternal as n}from"./AppPanelsContext.js";import{Paper as i}from"../Paper/Paper.js";import{PopoverPanel as p}from"../PopoverPanel/PopoverPanel.js";import{AppPanelIdProvider as m}from"./AppPanelIdContext.js";import a from"../AppContainer/AppContainer.constants.scss.js";import c from"./AppPanelDisplay.scss.js";import{jsxs as l,jsx as d}from"react/jsx-runtime";var j=Number(a.sidePadding.replace(/[^.0-9]/g,"")),u=function(a){var u=a.anchorRef,h=a.id,f=n(h),b=f.isOpen,v=f.isPinned,C=f.close,P=f.isAnimated,A=f.width,g=f.component,y=f.opener,x=f.isExpanded,S=f.placement,w=t(null),E=r()||{},k=E.height,D=E.width,N=o((function(){return{maxHeight:k,maxWidth:D?D-2*j:0,width:x&&D?D-2*j:A}}),[D,k,x,A]);return e(w,C,[y,'[role="tooltip"]','[role="presentation"]']),g?l(m,{value:h,children:[u.current&&!v&&d(p,{ref:w,open:b,placement:"start"===S?"bottom-start":"bottom-end",anchorEl:u.current,onClose:C,className:c.popover,preventScroll:!1,backdrop:!1,animate:P,style:N,preventOverflow:!1,children:d(g,{})}),v&&d(i,{className:s(c.pinned,"start"===S?c.pinnedStart:c.pinnedEnd),style:N,children:d(g,{})})]}):null};export{u as AppPanelDisplay};
+import{useRef as t,useMemo as o}from"react";import s from"classnames";import{useAppSize as r}from"../AppSizeProvider/AppSizeProvider.js";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/defineProperty";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 e from"../../effects/useOutsideClick.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../../components/GradientManager/configuration/constants.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../../components/StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../constants/streamSourceType.js";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppCommonsProvider/AppCommonsProvider.js";import"../AppCommonsProvider/AppCommonsContext.js";import{useAppPanelInternal as n}from"./AppPanelsContext.js";import{Paper as i}from"../Paper/Paper.js";import{PopoverPanel as p}from"../PopoverPanel/PopoverPanel.js";import{AppPanelIdProvider as m}from"./AppPanelIdContext.js";import a from"../AppContainer/AppContainer.constants.scss.js";import c from"./AppPanelDisplay.scss.js";import{jsxs as l,jsx as d}from"react/jsx-runtime";var j=Number(a.sidePadding.replace(/[^.0-9]/g,"")),u=function(a){var u=a.anchorRef,h=a.id,f=n(h),b=f.isOpen,v=f.isPinned,C=f.close,P=f.isAnimated,A=f.width,g=f.component,y=f.opener,x=f.isExpanded,S=f.placement,w=t(null),E=r()||{},k=E.height,D=E.width,N=o((function(){return{maxHeight:"min(".concat(k||0,"px, 100vh)"),maxWidth:D?D-2*j:0,width:x&&D?D-2*j:A}}),[D,k,x,A]);return e(w,C,[y,'[role="tooltip"]','[role="presentation"]']),g?l(m,{value:h,children:[u.current&&!v&&d(p,{flip:!1,ref:w,open:b,placement:"start"===S?"bottom-start":"bottom-end",anchorEl:u.current,onClose:C,className:c.popover,preventScroll:!1,backdrop:!1,animate:P,style:N,preventOverflow:!0,children:d(g,{})}),v&&d(i,{className:s(c.pinned,"start"===S?c.pinnedStart:c.pinnedEnd),style:N,children:d(g,{})})]}):null};export{u as AppPanelDisplay};
 //# sourceMappingURL=AppPanelDisplay.js.map

package/componentsV2/AppPanel/AppPanelDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppPanelDisplay.js","sources":["../../../src/componentsV2/AppPanel/AppPanelDisplay.tsx"],"sourcesContent":["import { CSSProperties, RefObject, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport { useAppSize } from '../AppSizeProvider';\nimport { useOutsideClick } from '../../effects';\nimport { Paper } from '../Paper';\nimport { PopoverPanel } from '../PopoverPanel';\n\nimport { useAppPanelInternal } from './AppPanelsContext';\nimport { AppPanelIdProvider } from './AppPanelIdContext';\n\nimport styleConstants from '../AppContainer/AppContainer.constants.scss';\nimport styles from './AppPanelDisplay.scss';\n\nconst sidePadding = Number(styleConstants.sidePadding.replace(/[^.0-9]/g, ''));\n\nexport type PanelProps = {\n  id: string | symbol;\n  anchorRef: RefObject<HTMLDivElement>;\n};\n\nexport const AppPanelDisplay = ({ anchorRef, id }: PanelProps) => {\n  const {\n    isOpen,\n    isPinned,\n    close,\n    isAnimated,\n    width: panelWidth,\n    component: Component,\n    opener,\n    isExpanded,\n    placement,\n  } = useAppPanelInternal(id);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const { height, width: appWidth } = useAppSize() || {};\n\n  const wrapperStyle = useMemo<CSSProperties>(\n    () => ({\n      maxHeight: height,\n      maxWidth: appWidth ? appWidth - sidePadding * 2 : 0,\n      width: isExpanded && appWidth ? appWidth - sidePadding * 2 : panelWidth,\n    }),\n    [appWidth, height, isExpanded, panelWidth]\n  );\n\n  useOutsideClick(popoverRef, close, [\n    opener,\n    // Do not react on clicks inside popovers/modals/autocomplete dropdowns, etc\n    '[role=\"tooltip\"]',\n    '[role=\"presentation\"]',\n  ]);\n\n  if (!Component) {\n    return null;\n  }\n\n  return (\n    <AppPanelIdProvider value={id}>\n      {anchorRef.current && !isPinned && (\n        <PopoverPanel\n          ref={popoverRef}\n          open={isOpen}\n          placement={placement === 'start' ? 'bottom-start' : 'bottom-end'}\n          anchorEl={anchorRef.current}\n          onClose={close}\n          className={styles.popover}\n          preventScroll={false}\n          backdrop={false}\n          animate={isAnimated}\n          style={wrapperStyle}\n          preventOverflow={false}\n        >\n          <Component />\n        </PopoverPanel>\n      )}\n\n      {isPinned && (\n        <Paper\n          className={classNames(\n            styles.pinned,\n            placement === 'start' ? styles.pinnedStart : styles.pinnedEnd\n          )}\n          style={wrapperStyle}\n        >\n          <Component />\n        </Paper>\n      )}\n    </AppPanelIdProvider>\n  );\n};\n"],"names":["sidePadding","Number","styleConstants","replace","AppPanelDisplay","_ref","anchorRef","id","useAppPanelInternal","isOpen","isPinned","close","isAnimated","panelWidth","width","Component","component","opener","isExpanded","placement","popoverRef","useRef","_ref2","useAppSize","height","appWidth","wrapperStyle","useMemo","maxHeight","maxWidth","useOutsideClick","_jsxs","AppPanelIdProvider","value","children","current","_jsx","PopoverPanel","ref","open","anchorEl","onClose","className","styles","popover","preventScroll","backdrop","animate","style","preventOverflow","Paper","classNames","pinned","pinnedStart","pinnedEnd"],"mappings":"qrEAcA,IAAMA,EAAcC,OAAOC,EAAeF,YAAYG,QAAQ,WAAY,KAO7DC,EAAkB,SAAmCC,GAAA,IAAhCC,IAAAA,UAAWC,IAAAA,GAWvCC,EAAAA,EAAoBD,GATtBE,IAAAA,OACAC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,WACOC,IAAPC,MACWC,IAAXC,UACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,UAEIC,EAAaC,EAAuB,MAE1CC,EAAoCC,KAAgB,CAAE,EAA9CC,IAAAA,OAAeC,IAAPX,MAEVY,EAAeC,GACnB,WAAA,MAAO,CACLC,UAAWJ,EACXK,SAAUJ,EAAWA,EAAyB,EAAdzB,EAAkB,EAClDc,MAAOI,GAAcO,EAAWA,EAAyB,EAAdzB,EAAkBa,EAC7D,GACF,CAACY,EAAUD,EAAQN,EAAYL,IAUjC,OAPAiB,EAAgBV,EAAYT,EAAO,CACjCM,EAEA,mBACA,0BAGGF,EAKHgB,EAACC,EAAkB,CAACC,MAAO1B,EAAG2B,SAC3B5B,CAAAA,EAAU6B,UAAYzB,GACrB0B,EAACC,EAAY,CACXC,IAAKlB,EACLmB,KAAM9B,EACNU,UAAyB,UAAdA,EAAwB,eAAiB,aACpDqB,SAAUlC,EAAU6B,QACpBM,QAAS9B,EACT+B,UAAWC,EAAOC,QAClBC,eAAe,EACfC,UAAU,EACVC,QAASnC,EACToC,MAAOtB,EACPuB,iBAAiB,EAAMf,SAEvBE,EAACrB,EAAS,MAIbL,GACC0B,EAACc,EAAK,CACJR,UAAWS,EACTR,EAAOS,OACO,UAAdjC,EAAwBwB,EAAOU,YAAcV,EAAOW,WAEtDN,MAAOtB,EAAaQ,SAEpBE,EAACrB,EAAS,SA/BT,IAoCX"}
+{"version":3,"file":"AppPanelDisplay.js","sources":["../../../src/componentsV2/AppPanel/AppPanelDisplay.tsx"],"sourcesContent":["import { CSSProperties, RefObject, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport { useAppSize } from '../AppSizeProvider';\nimport { useOutsideClick } from '../../effects';\nimport { Paper } from '../Paper';\nimport { PopoverPanel } from '../PopoverPanel';\n\nimport { useAppPanelInternal } from './AppPanelsContext';\nimport { AppPanelIdProvider } from './AppPanelIdContext';\n\nimport styleConstants from '../AppContainer/AppContainer.constants.scss';\nimport styles from './AppPanelDisplay.scss';\n\nconst sidePadding = Number(styleConstants.sidePadding.replace(/[^.0-9]/g, ''));\n\nexport type PanelProps = {\n  id: string | symbol;\n  anchorRef: RefObject<HTMLDivElement>;\n};\n\nexport const AppPanelDisplay = ({ anchorRef, id }: PanelProps) => {\n  const {\n    isOpen,\n    isPinned,\n    close,\n    isAnimated,\n    width: panelWidth,\n    component: Component,\n    opener,\n    isExpanded,\n    placement,\n  } = useAppPanelInternal(id);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const { height, width: appWidth } = useAppSize() || {};\n\n  const wrapperStyle = useMemo<CSSProperties>(\n    () => ({\n      maxHeight: `min(${height || 0}px, 100vh)`,\n      maxWidth: appWidth ? appWidth - sidePadding * 2 : 0,\n      width: isExpanded && appWidth ? appWidth - sidePadding * 2 : panelWidth,\n    }),\n    [appWidth, height, isExpanded, panelWidth]\n  );\n\n  useOutsideClick(popoverRef, close, [\n    opener,\n    // Do not react on clicks inside popovers/modals/autocomplete dropdowns, etc\n    '[role=\"tooltip\"]',\n    '[role=\"presentation\"]',\n  ]);\n\n  if (!Component) {\n    return null;\n  }\n\n  return (\n    <AppPanelIdProvider value={id}>\n      {anchorRef.current && !isPinned && (\n        <PopoverPanel\n          flip={false}\n          ref={popoverRef}\n          open={isOpen}\n          placement={placement === 'start' ? 'bottom-start' : 'bottom-end'}\n          anchorEl={anchorRef.current}\n          onClose={close}\n          className={styles.popover}\n          preventScroll={false}\n          backdrop={false}\n          animate={isAnimated}\n          style={wrapperStyle}\n          preventOverflow={true}\n        >\n          <Component />\n        </PopoverPanel>\n      )}\n\n      {isPinned && (\n        <Paper\n          className={classNames(\n            styles.pinned,\n            placement === 'start' ? styles.pinnedStart : styles.pinnedEnd\n          )}\n          style={wrapperStyle}\n        >\n          <Component />\n        </Paper>\n      )}\n    </AppPanelIdProvider>\n  );\n};\n"],"names":["sidePadding","Number","styleConstants","replace","AppPanelDisplay","_ref","anchorRef","id","useAppPanelInternal","isOpen","isPinned","close","isAnimated","panelWidth","width","Component","component","opener","isExpanded","placement","popoverRef","useRef","_ref2","useAppSize","height","appWidth","wrapperStyle","useMemo","maxHeight","maxWidth","useOutsideClick","_jsxs","AppPanelIdProvider","value","children","current","_jsx","PopoverPanel","flip","ref","open","anchorEl","onClose","className","styles","popover","preventScroll","backdrop","animate","style","preventOverflow","Paper","classNames","pinned","pinnedStart","pinnedEnd"],"mappings":"qrEAcA,IAAMA,EAAcC,OAAOC,EAAeF,YAAYG,QAAQ,WAAY,KAO7DC,EAAkB,SAAmCC,GAAA,IAAhCC,IAAAA,UAAWC,IAAAA,GAWvCC,EAAAA,EAAoBD,GATtBE,IAAAA,OACAC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,WACOC,IAAPC,MACWC,IAAXC,UACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,UAEIC,EAAaC,EAAuB,MAE1CC,EAAoCC,KAAgB,CAAE,EAA9CC,IAAAA,OAAeC,IAAPX,MAEVY,EAAeC,GACnB,WAAA,MAAO,CACLC,UAAkBJ,OAAAA,OAAAA,GAAU,EAAa,cACzCK,SAAUJ,EAAWA,EAAyB,EAAdzB,EAAkB,EAClDc,MAAOI,GAAcO,EAAWA,EAAyB,EAAdzB,EAAkBa,EAC7D,GACF,CAACY,EAAUD,EAAQN,EAAYL,IAUjC,OAPAiB,EAAgBV,EAAYT,EAAO,CACjCM,EAEA,mBACA,0BAGGF,EAKHgB,EAACC,EAAkB,CAACC,MAAO1B,EAAG2B,SAC3B5B,CAAAA,EAAU6B,UAAYzB,GACrB0B,EAACC,EAAY,CACXC,MAAM,EACNC,IAAKnB,EACLoB,KAAM/B,EACNU,UAAyB,UAAdA,EAAwB,eAAiB,aACpDsB,SAAUnC,EAAU6B,QACpBO,QAAS/B,EACTgC,UAAWC,EAAOC,QAClBC,eAAe,EACfC,UAAU,EACVC,QAASpC,EACTqC,MAAOvB,EACPwB,iBAAiB,EAAKhB,SAEtBE,EAACrB,EAAS,MAIbL,GACC0B,EAACe,EAAK,CACJR,UAAWS,EACTR,EAAOS,OACO,UAAdlC,EAAwByB,EAAOU,YAAcV,EAAOW,WAEtDN,MAAOvB,EAAaQ,SAEpBE,EAACrB,EAAS,SAhCT,IAqCX"}

package/componentsV2/DatePicker/TimePicker/TimePicker.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useRef as n,useMemo as c,useState as i,useEffect as t,useCallback as e}from"react";import r from"classnames";import m from"moment-timezone";import{padStart as u}from"lodash";import{TextInputNext as a}from"../../TextInputNext/TextInputNext.js";import{Text as l}from"../../Text/Text.js";import{ToggleButtons as p}from"../../ToggleButtons/ToggleButtons.js";import{isSameDay as d}from"../utils.js";import{Button as j}from"../../Button/Button.js";import I from"./TimePicker.scss.js";import{InfoIcon as f}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/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.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 h,Fragment as v,jsx as b}from"react/jsx-runtime";function g(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,c)}return n}function O(s){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{};n%2?g(Object(c),!0).forEach((function(n){o(s,n,c[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):g(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}var C=[{value:"am",label:"AM"},{value:"pm",label:"PM"}],y=function(o){return o.replace(/[^\d]/g,"").substring(0,2)},T=function(o){return Number(o)>=0&&Number(o)<=12},N=function(o){return Number(o)>=0&&Number(o)<60},P=N,F=function(o){return o.getTime()-m(o).startOf("day").toDate().getTime()},D=function(o){return void 0!==o?u(String(o),2,"0"):""},M=function(o){return"12"===o?"00":o},x=function(o){var u=o.value,g=o.onChange,x=o.minDate,A=o.maxDate,k=o.saveTime,S=o.goToToday,z=o.clear,B=!u,R=n(null),w=n(null),E=n(null),H=n(),G=c((function(){var o=u?F(u)>=432e5?"pm":"am":void 0,s="pm"===o?12:0,n=u?u.getHours()-s:void 0;return{hours:D(void 0!==n&&0===n?12:n),minutes:D(null==u?void 0:u.getMinutes()),seconds:D(null==u?void 0:u.getSeconds()),partOfDay:o}}),[u]),U=i(G.hours),q=s(U,2),L=q[0],W=q[1],K=i(G.minutes),Z=s(K,2),J=Z[0],Q=Z[1],V=i(G.seconds),X=s(V,2),Y=X[0],$=X[1];t((function(){H.current!==R.current&&W(G.hours),H.current!==w.current&&Q(G.minutes),H.current!==E.current&&$(G.seconds)}),[G.hours,G.minutes,G.seconds]);var _=c((function(){var o=d(x,u)&&m(x).format("hh:mm:ss A"),s=d(A,u)&&m(A).format("hh:mm:ss A");return o&&s?"In ".concat(o," - ").concat(s," range"):o?"Can’t be earlier than ".concat(o):s?"Can’t be later than ".concat(s):void 0}),[A,x,u]),oo=c((function(){return C.map((function(o){var s="am"===o.value&&!!x&&d(u,x)&&F(x)>=432e5,n="pm"===o.value&&!!A&&d(u,A)&&F(A)<432e5;return O(O({},o),{},{disabled:B||s||n})}))}),[B,A,x,u]),so=e((function(o,s){if(u){var n=new Date(u);if("hours"===o&&T(s)){var c="pm"===G.partOfDay?12:0;n.setHours(c+Number(s))}else if("minutes"===o&&N(s))n.setMinutes(Number(s));else if("seconds"===o&&P(s))n.setSeconds(Number(s));else if("partOfDay"===o&&("am"===s||"pm"===s)){var i=n.getHours()%12;n.setHours(("pm"===s?12:0)+i)}Math.floor(n.getTime()/1e3)!==Math.floor(u.getTime()/1e3)&&g(n)}}),[G.partOfDay,g,u]),no=e((function(o){o.target.select(),H.current=o.target}),[]),co=e((function(o){var s=y(o.target.value);if(o.target===R.current){var n=M(s),c=T(n)?D(n):G.hours;W(c),so("hours",c)}if(o.target===w.current){var i=N(s)?D(s):G.minutes;Q(i),so("minutes",i)}if(o.target===E.current){var t=P(s)?D(s):G.seconds;$(t),so("seconds",t)}H.current=void 0}),[G.hours,G.minutes,G.seconds,so]),io=e((function(o){var s,n=y(o),c=M(n);(W(n),2===n.length&&T(n))&&(so("hours",c),null===(s=w.current)||void 0===s||s.focus())}),[so]),to=e((function(o){var s,n=y(o);(Q(n),2===n.length&&N(n))&&(so("minutes",n),null===(s=E.current)||void 0===s||s.focus())}),[so]),eo=e((function(o){var s=y(o);$(s),P(s)&&so("seconds",s)}),[so]),ro=e((function(o){so("partOfDay",o)}),[so]),mo=Number(null==u?void 0:u.getTime())>Number(null==A?void 0:A.getTime())||Number(null==u?void 0:u.getTime())<Number(null==x?void 0:x.getTime()),uo=!T(L)||mo,ao=!N(J)||mo,lo=!P(Y)||mo;return h(v,{children:[h("div",{className:r(I.timePicker),children:[h(l,{className:I.header,size:14,children:[b("span",{className:r(I.headerText,B&&I.disabled),children:"Time"}),_&&h(v,{children:[b(f,{className:I.constraintIcon,size:16}),_]})]}),b(a,{placeholder:"HH",className:I.input,disabled:B,value:L,onChange:io,status:uo?"error":void 0,inputRef:R,onFocus:no,onBlur:co}),b(l,{color:"T9",size:14,children:":"}),b(a,{placeholder:"MM",className:I.input,disabled:B,value:J,onChange:to,status:ao?"error":void 0,inputRef:w,onFocus:no,onBlur:co}),b(l,{color:"T9",size:14,children:":"}),b(a,{placeholder:"SS",className:I.input,disabled:B,value:Y,onChange:eo,status:lo?"error":void 0,inputRef:E,onFocus:no,onBlur:co}),b(p,{options:oo,className:I.tabs,size:"small",value:G.partOfDay,onChange:ro})]}),h("div",{className:I.footer,children:[S&&b(j,{onClick:S,type:"tertiary",size:"small",children:"Today"}),h("div",{className:I.actions,children:[z&&b(j,{onClick:z,type:"tertiary",size:"small",disabled:!u,children:"Clear"}),b(j,{onClick:k,type:"secondary",size:"small",disabled:!u||uo||ao||lo,children:"Save"})]})]})]})};export{x as TimePicker};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useRef as n,useMemo as c,useState as i,useEffect as t,useCallback as e}from"react";import r from"classnames";import m from"moment-timezone";import{padStart as u}from"lodash";import{TextInputNext as a}from"../../TextInputNext/TextInputNext.js";import{Text as l}from"../../Text/Text.js";import{ToggleButtons as p}from"../../ToggleButtons/ToggleButtons.js";import{isSameDay as d}from"../utils.js";import{Button as j}from"../../Button/Button.js";import I from"./TimePicker.scss.js";import{InfoIcon as f}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/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.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 h,Fragment as v,jsx as b}from"react/jsx-runtime";function g(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,c)}return n}function O(s){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{};n%2?g(Object(c),!0).forEach((function(n){o(s,n,c[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):g(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}var C=[{value:"am",label:"AM"},{value:"pm",label:"PM"}],y=function(o){return o.replace(/[^\d]/g,"").substring(0,2)},T=function(o){return Number(o)>=0&&Number(o)<=12},N=function(o){return Number(o)>=0&&Number(o)<60},P=N,F=function(o){return o.getTime()-m(o).startOf("day").toDate().getTime()},D=function(o){return void 0!==o?u(String(o),2,"0"):""},M=function(o){return"12"===o?"00":o},x=function(o){var u=o.value,g=o.onChange,x=o.minDate,A=o.maxDate,k=o.saveTime,S=o.goToToday,z=o.clear,B=!u,R=n(null),w=n(null),E=n(null),H=n(),G=c((function(){var o=u?F(u)>=432e5?"pm":"am":void 0,s="pm"===o?12:0,n=u?u.getHours()-s:void 0;return{hours:D(void 0!==n&&12===n?0:n),minutes:D(null==u?void 0:u.getMinutes()),seconds:D(null==u?void 0:u.getSeconds()),partOfDay:o}}),[u]),U=i(G.hours),q=s(U,2),L=q[0],W=q[1],K=i(G.minutes),Z=s(K,2),J=Z[0],Q=Z[1],V=i(G.seconds),X=s(V,2),Y=X[0],$=X[1];t((function(){H.current!==R.current&&W(G.hours),H.current!==w.current&&Q(G.minutes),H.current!==E.current&&$(G.seconds)}),[G.hours,G.minutes,G.seconds]);var _=c((function(){var o=d(x,u)&&m(x).format("hh:mm:ss A"),s=d(A,u)&&m(A).format("hh:mm:ss A");return o&&s?"In ".concat(o," - ").concat(s," range"):o?"Can’t be earlier than ".concat(o):s?"Can’t be later than ".concat(s):void 0}),[A,x,u]),oo=c((function(){return C.map((function(o){var s="am"===o.value&&!!x&&d(u,x)&&F(x)>=432e5,n="pm"===o.value&&!!A&&d(u,A)&&F(A)<432e5;return O(O({},o),{},{disabled:B||s||n})}))}),[B,A,x,u]),so=e((function(o,s){if(u){var n=new Date(u);if("hours"===o&&T(s)){var c="pm"===G.partOfDay?12:0;n.setHours(c+Number(s))}else if("minutes"===o&&N(s))n.setMinutes(Number(s));else if("seconds"===o&&P(s))n.setSeconds(Number(s));else if("partOfDay"===o&&("am"===s||"pm"===s)){var i=n.getHours()%12;n.setHours(("pm"===s?12:0)+i)}Math.floor(n.getTime()/1e3)!==Math.floor(u.getTime()/1e3)&&g(n)}}),[G.partOfDay,g,u]),no=e((function(o){o.target.select(),H.current=o.target}),[]),co=e((function(o){var s=y(o.target.value);if(o.target===R.current){var n=M(s),c=T(n)?D(n):G.hours;W(c),so("hours",c)}if(o.target===w.current){var i=N(s)?D(s):G.minutes;Q(i),so("minutes",i)}if(o.target===E.current){var t=P(s)?D(s):G.seconds;$(t),so("seconds",t)}H.current=void 0}),[G.hours,G.minutes,G.seconds,so]),io=e((function(o){var s,n=y(o),c=M(n);(W(n),2===n.length&&T(n))&&(so("hours",c),null===(s=w.current)||void 0===s||s.focus())}),[so]),to=e((function(o){var s,n=y(o);(Q(n),2===n.length&&N(n))&&(so("minutes",n),null===(s=E.current)||void 0===s||s.focus())}),[so]),eo=e((function(o){var s=y(o);$(s),P(s)&&so("seconds",s)}),[so]),ro=e((function(o){so("partOfDay",o)}),[so]),mo=Number(null==u?void 0:u.getTime())>Number(null==A?void 0:A.getTime())||Number(null==u?void 0:u.getTime())<Number(null==x?void 0:x.getTime()),uo=!T(L)||mo,ao=!N(J)||mo,lo=!P(Y)||mo;return h(v,{children:[h("div",{className:r(I.timePicker),children:[h(l,{className:I.header,size:14,children:[b("span",{className:r(I.headerText,B&&I.disabled),children:"Time"}),_&&h(v,{children:[b(f,{className:I.constraintIcon,size:16}),_]})]}),b(a,{placeholder:"HH",className:I.input,disabled:B,value:L,onChange:io,status:uo?"error":void 0,inputRef:R,onFocus:no,onBlur:co}),b(l,{color:"T9",size:14,children:":"}),b(a,{placeholder:"MM",className:I.input,disabled:B,value:J,onChange:to,status:ao?"error":void 0,inputRef:w,onFocus:no,onBlur:co}),b(l,{color:"T9",size:14,children:":"}),b(a,{placeholder:"SS",className:I.input,disabled:B,value:Y,onChange:eo,status:lo?"error":void 0,inputRef:E,onFocus:no,onBlur:co}),b(p,{options:oo,className:I.tabs,size:"small",value:G.partOfDay,onChange:ro})]}),h("div",{className:I.footer,children:[S&&b(j,{onClick:S,type:"tertiary",size:"small",children:"Today"}),h("div",{className:I.actions,children:[z&&b(j,{onClick:z,type:"tertiary",size:"small",disabled:!u,children:"Clear"}),b(j,{onClick:k,type:"secondary",size:"small",disabled:!u||uo||ao||lo,children:"Save"})]})]})]})};export{x as TimePicker};
 //# sourceMappingURL=TimePicker.js.map

package/componentsV2/DatePicker/TimePicker/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sources":["../../../../src/componentsV2/DatePicker/TimePicker/TimePicker.tsx"],"sourcesContent":["import { FocusEventHandler, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport moment from 'moment-timezone';\nimport { padStart } from 'lodash';\n\nimport { TextInputNext } from '../../TextInputNext';\nimport { Text } from '../../Text';\nimport { ToggleButtons } from '../../ToggleButtons';\nimport { isSameDay } from '../utils';\nimport { Button } from '../../Button';\n\nimport styles from './TimePicker.scss';\n\nimport { InfoIcon } from '~/icons';\n\ntype AmPm = 'am' | 'pm';\n\nconst HalfOfDayMs = 12 * 60 * 60 * 1000;\n\nconst ToggleButtonsOptions: { value: AmPm; label: string }[] = [\n  { value: 'am', label: 'AM' },\n  { value: 'pm', label: 'PM' },\n];\n\nexport type TimePickerProps = {\n  value?: Date;\n  onChange: (date: Date) => void;\n  saveTime: () => void;\n  maxDate?: Date;\n  minDate?: Date;\n\n  goToToday?: () => void;\n  clear?: () => void;\n};\n\nconst sanitize = (value: string) => value.replace(/[^\\d]/g, '').substring(0, 2);\nconst validateHours = (value?: string) => Number(value) >= 0 && Number(value) <= 12;\nconst validateMinutes = (value?: string) => Number(value) >= 0 && Number(value) < 60;\nconst validateSeconds = validateMinutes;\n\nconst getOffsetFromDayStart = (date: Date) => {\n  return date.getTime() - moment(date).startOf('day').toDate().getTime();\n};\n\nconst formatTimePart = (part?: string | number) =>\n  part !== undefined ? padStart(String(part), 2, '0') : '';\n\nconst getPartOfDay = (date: Date) => {\n  return getOffsetFromDayStart(date) >= HalfOfDayMs ? 'pm' : 'am';\n};\n\nconst getActualHours = (sanitized: string) => (sanitized === '12' ? '00' : sanitized);\n\nexport const TimePicker = ({\n  value,\n  onChange,\n  minDate,\n  maxDate,\n  saveTime,\n  goToToday,\n  clear,\n}: TimePickerProps) => {\n  const disabled = !value;\n\n  const hoursInputRef = useRef<HTMLInputElement>(null);\n  const minutesInputRef = useRef<HTMLInputElement>(null);\n  const secondsInputRef = useRef<HTMLInputElement>(null);\n\n  const focusedInputRef = useRef<HTMLInputElement>();\n\n  const timeParts = useMemo(() => {\n    const partOfDay = value ? getPartOfDay(value) : undefined;\n\n    const hourOffset = partOfDay === 'pm' ? 12 : 0;\n\n    const hours = value ? value.getHours() - hourOffset : undefined;\n\n    const hoursAmPm = hours !== undefined && hours === 0 ? 12 : hours;\n\n    return {\n      hours: formatTimePart(hoursAmPm),\n      minutes: formatTimePart(value?.getMinutes()),\n      seconds: formatTimePart(value?.getSeconds()),\n      partOfDay,\n    };\n  }, [value]);\n\n  const [hours, setHours] = useState(timeParts.hours);\n  const [minutes, setMinutes] = useState(timeParts.minutes);\n  const [seconds, setSeconds] = useState(timeParts.seconds);\n\n  useEffect(() => {\n    if (focusedInputRef.current !== hoursInputRef.current) {\n      setHours(timeParts.hours);\n    }\n    if (focusedInputRef.current !== minutesInputRef.current) {\n      setMinutes(timeParts.minutes);\n    }\n    if (focusedInputRef.current !== secondsInputRef.current) {\n      setSeconds(timeParts.seconds);\n    }\n  }, [timeParts.hours, timeParts.minutes, timeParts.seconds]);\n\n  const constraintText = useMemo(() => {\n    const minValue = isSameDay(minDate, value) && moment(minDate).format('hh:mm:ss A');\n    const maxValue = isSameDay(maxDate, value) && moment(maxDate).format('hh:mm:ss A');\n\n    if (minValue && maxValue) {\n      return `In ${minValue} - ${maxValue} range`;\n    } else if (minValue) {\n      return `Can’t be earlier than ${minValue}`;\n    } else if (maxValue) {\n      return `Can’t be later than ${maxValue}`;\n    }\n    return undefined;\n  }, [maxDate, minDate, value]);\n\n  const amPmOptions = useMemo(\n    () =>\n      ToggleButtonsOptions.map(item => {\n        const isAmDisabled =\n          item.value === 'am' &&\n          !!minDate &&\n          isSameDay(value, minDate) &&\n          getOffsetFromDayStart(minDate) >= HalfOfDayMs;\n\n        const isPmDisabled =\n          item.value === 'pm' &&\n          !!maxDate &&\n          isSameDay(value, maxDate) &&\n          getOffsetFromDayStart(maxDate) < HalfOfDayMs;\n\n        return { ...item, disabled: disabled || isAmDisabled || isPmDisabled };\n      }),\n    [disabled, maxDate, minDate, value]\n  );\n\n  const updateValue = useCallback(\n    (type: 'hours' | 'minutes' | 'seconds' | 'partOfDay', newValue: string) => {\n      if (!value) {\n        return;\n      }\n\n      const newDate = new Date(value);\n\n      if (type === 'hours' && validateHours(newValue)) {\n        const partOfDayOffset = timeParts.partOfDay === 'pm' ? 12 : 0;\n        newDate.setHours(partOfDayOffset + Number(newValue));\n      } else if (type === 'minutes' && validateMinutes(newValue)) {\n        newDate.setMinutes(Number(newValue));\n      } else if (type === 'seconds' && validateSeconds(newValue)) {\n        newDate.setSeconds(Number(newValue));\n      } else if (type === 'partOfDay' && (newValue === 'am' || newValue === 'pm')) {\n        const hoursOffset = newDate.getHours() % 12;\n        newDate.setHours((newValue === 'pm' ? 12 : 0) + hoursOffset);\n      }\n\n      if (Math.floor(newDate.getTime() / 1000) !== Math.floor(value.getTime() / 1000)) {\n        onChange(newDate);\n      }\n    },\n    [timeParts.partOfDay, onChange, value]\n  );\n\n  const onFieldFocus = useCallback<FocusEventHandler<HTMLInputElement>>(e => {\n    e.target.select();\n    focusedInputRef.current = e.target;\n  }, []);\n\n  const onFieldBlur = useCallback<FocusEventHandler<HTMLInputElement>>(\n    e => {\n      const fieldValue = sanitize(e.target.value);\n\n      if (e.target === hoursInputRef.current) {\n        const actualHours = getActualHours(fieldValue);\n        const newHours = validateHours(actualHours) ? formatTimePart(actualHours) : timeParts.hours;\n        setHours(newHours);\n        updateValue('hours', newHours);\n      }\n      if (e.target === minutesInputRef.current) {\n        const newMinutes = validateMinutes(fieldValue)\n          ? formatTimePart(fieldValue)\n          : timeParts.minutes;\n        setMinutes(newMinutes);\n        updateValue('minutes', newMinutes);\n      }\n      if (e.target === secondsInputRef.current) {\n        const newSeconds = validateSeconds(fieldValue)\n          ? formatTimePart(fieldValue)\n          : timeParts.seconds;\n        setSeconds(newSeconds);\n        updateValue('seconds', newSeconds);\n      }\n\n      focusedInputRef.current = undefined;\n    },\n    [timeParts.hours, timeParts.minutes, timeParts.seconds, updateValue]\n  );\n\n  const onChangeHours = useCallback(\n    (newValue: string) => {\n      const sanitized = sanitize(newValue);\n      const actualHours = getActualHours(sanitized);\n      setHours(sanitized);\n      if (sanitized.length === 2 && validateHours(sanitized)) {\n        updateValue('hours', actualHours);\n        minutesInputRef.current?.focus();\n      }\n    },\n    [updateValue]\n  );\n\n  const onChangeMinutes = useCallback(\n    (newValue: string) => {\n      const sanitized = sanitize(newValue);\n      setMinutes(sanitized);\n      if (sanitized.length === 2 && validateMinutes(sanitized)) {\n        updateValue('minutes', sanitized);\n        secondsInputRef.current?.focus();\n      }\n    },\n    [updateValue]\n  );\n\n  const onChangeSeconds = useCallback(\n    (newValue: string) => {\n      const sanitized = sanitize(newValue);\n      setSeconds(sanitized);\n      if (validateSeconds(sanitized)) {\n        updateValue('seconds', sanitized);\n      }\n    },\n    [updateValue]\n  );\n\n  const setPartOfDay = useCallback(\n    (newValue: string) => {\n      updateValue('partOfDay', newValue);\n    },\n    [updateValue]\n  );\n\n  const outOfBounds =\n    Number(value?.getTime()) > Number(maxDate?.getTime()) ||\n    Number(value?.getTime()) < Number(minDate?.getTime());\n\n  const hoursInvalid = !validateHours(hours) || outOfBounds;\n  const minutesInvalid = !validateMinutes(minutes) || outOfBounds;\n  const secondsInvalid = !validateSeconds(seconds) || outOfBounds;\n\n  return (\n    <>\n      <div className={classNames(styles.timePicker)}>\n        <Text className={styles.header} size={14}>\n          <span className={classNames(styles.headerText, disabled && styles.disabled)}>Time</span>\n          {constraintText && (\n            <>\n              <InfoIcon className={styles.constraintIcon} size={16} />\n              {constraintText}\n            </>\n          )}\n        </Text>\n\n        <TextInputNext\n          placeholder=\"HH\"\n          className={styles.input}\n          disabled={disabled}\n          value={hours}\n          onChange={onChangeHours}\n          status={hoursInvalid ? 'error' : undefined}\n          inputRef={hoursInputRef}\n          onFocus={onFieldFocus}\n          onBlur={onFieldBlur}\n        />\n\n        <Text color=\"T9\" size={14}>\n          :\n        </Text>\n\n        <TextInputNext\n          placeholder=\"MM\"\n          className={styles.input}\n          disabled={disabled}\n          value={minutes}\n          onChange={onChangeMinutes}\n          status={minutesInvalid ? 'error' : undefined}\n          inputRef={minutesInputRef}\n          onFocus={onFieldFocus}\n          onBlur={onFieldBlur}\n        />\n\n        <Text color=\"T9\" size={14}>\n          :\n        </Text>\n\n        <TextInputNext\n          placeholder=\"SS\"\n          className={styles.input}\n          disabled={disabled}\n          value={seconds}\n          onChange={onChangeSeconds}\n          status={secondsInvalid ? 'error' : undefined}\n          inputRef={secondsInputRef}\n          onFocus={onFieldFocus}\n          onBlur={onFieldBlur}\n        />\n\n        <ToggleButtons\n          options={amPmOptions}\n          className={styles.tabs}\n          size=\"small\"\n          value={timeParts.partOfDay}\n          onChange={setPartOfDay}\n        />\n      </div>\n      <div className={styles.footer}>\n        {goToToday && (\n          <Button onClick={goToToday} type=\"tertiary\" size=\"small\">\n            Today\n          </Button>\n        )}\n\n        <div className={styles.actions}>\n          {clear && (\n            <Button onClick={clear} type=\"tertiary\" size=\"small\" disabled={!value}>\n              Clear\n            </Button>\n          )}\n\n          <Button\n            onClick={saveTime}\n            type=\"secondary\"\n            size=\"small\"\n            disabled={!value || hoursInvalid || minutesInvalid || secondsInvalid}\n          >\n            Save\n          </Button>\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["ToggleButtonsOptions","value","label","sanitize","replace","substring","validateHours","Number","validateMinutes","validateSeconds","getOffsetFromDayStart","date","getTime","moment","startOf","toDate","formatTimePart","part","undefined","padStart","String","getActualHours","sanitized","TimePicker","_ref","onChange","minDate","maxDate","saveTime","goToToday","clear","disabled","hoursInputRef","useRef","minutesInputRef","secondsInputRef","focusedInputRef","timeParts","useMemo","partOfDay","hourOffset","hours","getHours","minutes","getMinutes","seconds","getSeconds","_useState","useState","_useState2","_slicedToArray","setHours","_useState3","_useState4","setMinutes","_useState5","_useState6","setSeconds","useEffect","current","constraintText","minValue","isSameDay","format","maxValue","concat","amPmOptions","map","item","isAmDisabled","isPmDisabled","_objectSpread","updateValue","useCallback","type","newValue","newDate","Date","partOfDayOffset","hoursOffset","Math","floor","onFieldFocus","e","target","select","onFieldBlur","fieldValue","actualHours","newHours","newMinutes","newSeconds","onChangeHours","_minutesInputRef$curr","length","focus","onChangeMinutes","_secondsInputRef$curr","onChangeSeconds","setPartOfDay","outOfBounds","hoursInvalid","minutesInvalid","secondsInvalid","_jsxs","_Fragment","children","className","classNames","styles","timePicker","Text","header","size","_jsx","headerText","InfoIcon","constraintIcon","TextInputNext","placeholder","input","status","inputRef","onFocus","onBlur","color","ToggleButtons","options","tabs","footer","Button","onClick","actions"],"mappings":"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"}
+{"version":3,"file":"TimePicker.js","sources":["../../../../src/componentsV2/DatePicker/TimePicker/TimePicker.tsx"],"sourcesContent":["import { FocusEventHandler, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport moment from 'moment-timezone';\nimport { padStart } from 'lodash';\n\nimport { TextInputNext } from '../../TextInputNext';\nimport { Text } from '../../Text';\nimport { ToggleButtons } from '../../ToggleButtons';\nimport { isSameDay } from '../utils';\nimport { Button } from '../../Button';\n\nimport styles from './TimePicker.scss';\n\nimport { InfoIcon } from '~/icons';\n\ntype AmPm = 'am' | 'pm';\n\nconst HalfOfDayMs = 12 * 60 * 60 * 1000;\n\nconst ToggleButtonsOptions: { value: AmPm; label: string }[] = [\n  { value: 'am', label: 'AM' },\n  { value: 'pm', label: 'PM' },\n];\n\nexport type TimePickerProps = {\n  value?: Date;\n  onChange: (date: Date) => void;\n  saveTime: () => void;\n  maxDate?: Date;\n  minDate?: Date;\n\n  goToToday?: () => void;\n  clear?: () => void;\n};\n\nconst sanitize = (value: string) => value.replace(/[^\\d]/g, '').substring(0, 2);\nconst validateHours = (value?: string) => Number(value) >= 0 && Number(value) <= 12;\nconst validateMinutes = (value?: string) => Number(value) >= 0 && Number(value) < 60;\nconst validateSeconds = validateMinutes;\n\nconst getOffsetFromDayStart = (date: Date) => {\n  return date.getTime() - moment(date).startOf('day').toDate().getTime();\n};\n\nconst formatTimePart = (part?: string | number) =>\n  part !== undefined ? padStart(String(part), 2, '0') : '';\n\nconst getPartOfDay = (date: Date) => {\n  return getOffsetFromDayStart(date) >= HalfOfDayMs ? 'pm' : 'am';\n};\n\nconst getActualHours = (sanitized: string) => (sanitized === '12' ? '00' : sanitized);\n\nexport const TimePicker = ({\n  value,\n  onChange,\n  minDate,\n  maxDate,\n  saveTime,\n  goToToday,\n  clear,\n}: TimePickerProps) => {\n  const disabled = !value;\n\n  const hoursInputRef = useRef<HTMLInputElement>(null);\n  const minutesInputRef = useRef<HTMLInputElement>(null);\n  const secondsInputRef = useRef<HTMLInputElement>(null);\n\n  const focusedInputRef = useRef<HTMLInputElement>();\n\n  const timeParts = useMemo(() => {\n    const partOfDay = value ? getPartOfDay(value) : undefined;\n\n    const hourOffset = partOfDay === 'pm' ? 12 : 0;\n\n    const hours = value ? value.getHours() - hourOffset : undefined;\n\n    const hoursAmPm = hours !== undefined && hours === 12 ? 0 : hours;\n\n    return {\n      hours: formatTimePart(hoursAmPm),\n      minutes: formatTimePart(value?.getMinutes()),\n      seconds: formatTimePart(value?.getSeconds()),\n      partOfDay,\n    };\n  }, [value]);\n\n  const [hours, setHours] = useState(timeParts.hours);\n  const [minutes, setMinutes] = useState(timeParts.minutes);\n  const [seconds, setSeconds] = useState(timeParts.seconds);\n\n  useEffect(() => {\n    if (focusedInputRef.current !== hoursInputRef.current) {\n      setHours(timeParts.hours);\n    }\n    if (focusedInputRef.current !== minutesInputRef.current) {\n      setMinutes(timeParts.minutes);\n    }\n    if (focusedInputRef.current !== secondsInputRef.current) {\n      setSeconds(timeParts.seconds);\n    }\n  }, [timeParts.hours, timeParts.minutes, timeParts.seconds]);\n\n  const constraintText = useMemo(() => {\n    const minValue = isSameDay(minDate, value) && moment(minDate).format('hh:mm:ss A');\n    const maxValue = isSameDay(maxDate, value) && moment(maxDate).format('hh:mm:ss A');\n\n    if (minValue && maxValue) {\n      return `In ${minValue} - ${maxValue} range`;\n    } else if (minValue) {\n      return `Can’t be earlier than ${minValue}`;\n    } else if (maxValue) {\n      return `Can’t be later than ${maxValue}`;\n    }\n    return undefined;\n  }, [maxDate, minDate, value]);\n\n  const amPmOptions = useMemo(\n    () =>\n      ToggleButtonsOptions.map(item => {\n        const isAmDisabled =\n          item.value === 'am' &&\n          !!minDate &&\n          isSameDay(value, minDate) &&\n          getOffsetFromDayStart(minDate) >= HalfOfDayMs;\n\n        const isPmDisabled =\n          item.value === 'pm' &&\n          !!maxDate &&\n          isSameDay(value, maxDate) &&\n          getOffsetFromDayStart(maxDate) < HalfOfDayMs;\n\n        return { ...item, disabled: disabled || isAmDisabled || isPmDisabled };\n      }),\n    [disabled, maxDate, minDate, value]\n  );\n\n  const updateValue = useCallback(\n    (type: 'hours' | 'minutes' | 'seconds' | 'partOfDay', newValue: string) => {\n      if (!value) {\n        return;\n      }\n\n      const newDate = new Date(value);\n\n      if (type === 'hours' && validateHours(newValue)) {\n        const partOfDayOffset = timeParts.partOfDay === 'pm' ? 12 : 0;\n        newDate.setHours(partOfDayOffset + Number(newValue));\n      } else if (type === 'minutes' && validateMinutes(newValue)) {\n        newDate.setMinutes(Number(newValue));\n      } else if (type === 'seconds' && validateSeconds(newValue)) {\n        newDate.setSeconds(Number(newValue));\n      } else if (type === 'partOfDay' && (newValue === 'am' || newValue === 'pm')) {\n        const hoursOffset = newDate.getHours() % 12;\n        newDate.setHours((newValue === 'pm' ? 12 : 0) + hoursOffset);\n      }\n\n      if (Math.floor(newDate.getTime() / 1000) !== Math.floor(value.getTime() / 1000)) {\n        onChange(newDate);\n      }\n    },\n    [timeParts.partOfDay, onChange, value]\n  );\n\n  const onFieldFocus = useCallback<FocusEventHandler<HTMLInputElement>>(e => {\n    e.target.select();\n    focusedInputRef.current = e.target;\n  }, []);\n\n  const onFieldBlur = useCallback<FocusEventHandler<HTMLInputElement>>(\n    e => {\n      const fieldValue = sanitize(e.target.value);\n\n      if (e.target === hoursInputRef.current) {\n        const actualHours = getActualHours(fieldValue);\n        const newHours = validateHours(actualHours) ? formatTimePart(actualHours) : timeParts.hours;\n        setHours(newHours);\n        updateValue('hours', newHours);\n      }\n      if (e.target === minutesInputRef.current) {\n        const newMinutes = validateMinutes(fieldValue)\n          ? formatTimePart(fieldValue)\n          : timeParts.minutes;\n        setMinutes(newMinutes);\n        updateValue('minutes', newMinutes);\n      }\n      if (e.target === secondsInputRef.current) {\n        const newSeconds = validateSeconds(fieldValue)\n          ? formatTimePart(fieldValue)\n          : timeParts.seconds;\n        setSeconds(newSeconds);\n        updateValue('seconds', newSeconds);\n      }\n\n      focusedInputRef.current = undefined;\n    },\n    [timeParts.hours, timeParts.minutes, timeParts.seconds, updateValue]\n  );\n\n  const onChangeHours = useCallback(\n    (newValue: string) => {\n      const sanitized = sanitize(newValue);\n      const actualHours = getActualHours(sanitized);\n      setHours(sanitized);\n      if (sanitized.length === 2 && validateHours(sanitized)) {\n        updateValue('hours', actualHours);\n        minutesInputRef.current?.focus();\n      }\n    },\n    [updateValue]\n  );\n\n  const onChangeMinutes = useCallback(\n    (newValue: string) => {\n      const sanitized = sanitize(newValue);\n      setMinutes(sanitized);\n      if (sanitized.length === 2 && validateMinutes(sanitized)) {\n        updateValue('minutes', sanitized);\n        secondsInputRef.current?.focus();\n      }\n    },\n    [updateValue]\n  );\n\n  const onChangeSeconds = useCallback(\n    (newValue: string) => {\n      const sanitized = sanitize(newValue);\n      setSeconds(sanitized);\n      if (validateSeconds(sanitized)) {\n        updateValue('seconds', sanitized);\n      }\n    },\n    [updateValue]\n  );\n\n  const setPartOfDay = useCallback(\n    (newValue: string) => {\n      updateValue('partOfDay', newValue);\n    },\n    [updateValue]\n  );\n\n  const outOfBounds =\n    Number(value?.getTime()) > Number(maxDate?.getTime()) ||\n    Number(value?.getTime()) < Number(minDate?.getTime());\n\n  const hoursInvalid = !validateHours(hours) || outOfBounds;\n  const minutesInvalid = !validateMinutes(minutes) || outOfBounds;\n  const secondsInvalid = !validateSeconds(seconds) || outOfBounds;\n\n  return (\n    <>\n      <div className={classNames(styles.timePicker)}>\n        <Text className={styles.header} size={14}>\n          <span className={classNames(styles.headerText, disabled && styles.disabled)}>Time</span>\n          {constraintText && (\n            <>\n              <InfoIcon className={styles.constraintIcon} size={16} />\n              {constraintText}\n            </>\n          )}\n        </Text>\n\n        <TextInputNext\n          placeholder=\"HH\"\n          className={styles.input}\n          disabled={disabled}\n          value={hours}\n          onChange={onChangeHours}\n          status={hoursInvalid ? 'error' : undefined}\n          inputRef={hoursInputRef}\n          onFocus={onFieldFocus}\n          onBlur={onFieldBlur}\n        />\n\n        <Text color=\"T9\" size={14}>\n          :\n        </Text>\n\n        <TextInputNext\n          placeholder=\"MM\"\n          className={styles.input}\n          disabled={disabled}\n          value={minutes}\n          onChange={onChangeMinutes}\n          status={minutesInvalid ? 'error' : undefined}\n          inputRef={minutesInputRef}\n          onFocus={onFieldFocus}\n          onBlur={onFieldBlur}\n        />\n\n        <Text color=\"T9\" size={14}>\n          :\n        </Text>\n\n        <TextInputNext\n          placeholder=\"SS\"\n          className={styles.input}\n          disabled={disabled}\n          value={seconds}\n          onChange={onChangeSeconds}\n          status={secondsInvalid ? 'error' : undefined}\n          inputRef={secondsInputRef}\n          onFocus={onFieldFocus}\n          onBlur={onFieldBlur}\n        />\n\n        <ToggleButtons\n          options={amPmOptions}\n          className={styles.tabs}\n          size=\"small\"\n          value={timeParts.partOfDay}\n          onChange={setPartOfDay}\n        />\n      </div>\n      <div className={styles.footer}>\n        {goToToday && (\n          <Button onClick={goToToday} type=\"tertiary\" size=\"small\">\n            Today\n          </Button>\n        )}\n\n        <div className={styles.actions}>\n          {clear && (\n            <Button onClick={clear} type=\"tertiary\" size=\"small\" disabled={!value}>\n              Clear\n            </Button>\n          )}\n\n          <Button\n            onClick={saveTime}\n            type=\"secondary\"\n            size=\"small\"\n            disabled={!value || hoursInvalid || minutesInvalid || secondsInvalid}\n          >\n            Save\n          </Button>\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["ToggleButtonsOptions","value","label","sanitize","replace","substring","validateHours","Number","validateMinutes","validateSeconds","getOffsetFromDayStart","date","getTime","moment","startOf","toDate","formatTimePart","part","undefined","padStart","String","getActualHours","sanitized","TimePicker","_ref","onChange","minDate","maxDate","saveTime","goToToday","clear","disabled","hoursInputRef","useRef","minutesInputRef","secondsInputRef","focusedInputRef","timeParts","useMemo","partOfDay","hourOffset","hours","getHours","minutes","getMinutes","seconds","getSeconds","_useState","useState","_useState2","_slicedToArray","setHours","_useState3","_useState4","setMinutes","_useState5","_useState6","setSeconds","useEffect","current","constraintText","minValue","isSameDay","format","maxValue","concat","amPmOptions","map","item","isAmDisabled","isPmDisabled","_objectSpread","updateValue","useCallback","type","newValue","newDate","Date","partOfDayOffset","hoursOffset","Math","floor","onFieldFocus","e","target","select","onFieldBlur","fieldValue","actualHours","newHours","newMinutes","newSeconds","onChangeHours","_minutesInputRef$curr","length","focus","onChangeMinutes","_secondsInputRef$curr","onChangeSeconds","setPartOfDay","outOfBounds","hoursInvalid","minutesInvalid","secondsInvalid","_jsxs","_Fragment","children","className","classNames","styles","timePicker","Text","header","size","_jsx","headerText","InfoIcon","constraintIcon","TextInputNext","placeholder","input","status","inputRef","onFocus","onBlur","color","ToggleButtons","options","tabs","footer","Button","onClick","actions"],"mappings":"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"}