@corva/ui 3.77.0-2 → 3.77.0-20

package/cjs-bundle/componentsV2/TemplatesControl/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../../../../src/componentsV2/TemplatesControl/Toggle/Toggle.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Button } from '../../Button';\nimport { storeApi } from '../Store';\nimport { Menu } from '../../Menu';\nimport { Text } from '../../Text';\nimport { useTemplateActions } from '../templateMenuItems';\nimport { CORVA_COMPANY_ID } from '../../../constants';\nimport { User } from '../../../types';\nimport { Template } from '../types';\nimport { ToggleDisplayDefault } from '../ToggleDisplayDefault';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { Skeleton } from '../../Skeleton';\nimport { UnsavedChangesBadge } from '../UnsavedChangesBadge';\n\nimport styles from './Toggle.scss';\n\nimport { useAppCommons, useCombineRefs } from '~/effects';\nimport { DownIcon } from '~/icons';\n\nconst getTemplateDisplayType = (template: Template, currentUser?: User) => {\n  if (template.shared) {\n    return 'Shared';\n  }\n\n  if (template.isPreset) {\n    return 'Corva';\n  }\n\n  if (template.published) {\n    return currentUser?.company_id !== CORVA_COMPANY_ID ? currentUser?.company_name : 'Company';\n  }\n\n  return 'Your Own';\n};\n\ntype ButtonComponentProps = {\n  // eslint-disable-next-line react/no-unused-prop-types\n  children?: ReactNode;\n  disabled?: boolean;\n  className?: string;\n  testId?: string;\n  templateIcon?: ReactNode;\n  onClick?: MouseEventHandler;\n  onMouseEnter?: MouseEventHandler;\n  onMouseLeave?: MouseEventHandler;\n  // eslint-disable-next-line react/no-unused-prop-types\n  isPopoverOpen?: boolean;\n};\n\nconst ButtonFull = forwardRef<HTMLButtonElement, ButtonComponentProps>(\n  (\n    {\n      testId,\n      className,\n      disabled,\n      templateIcon,\n      onMouseLeave,\n      onMouseEnter,\n      onClick,\n      children,\n      isPopoverOpen,\n    },\n    ref\n  ) => (\n    <Button\n      disabled={disabled}\n      size=\"small\"\n      className={classNames(styles.button, className)}\n      type=\"chartColored\"\n      testId={testId}\n      onClick={onClick}\n      prefix={templateIcon}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      suffix={\n        <DownIcon className={classNames(styles.chevron, isPopoverOpen && styles.chevronOpen)} />\n      }\n      ref={ref}\n    >\n      {children || <ToggleDisplayDefault />}\n    </Button>\n  )\n);\n\nconst ButtonUltraCompact = forwardRef<HTMLButtonElement, ButtonComponentProps>(\n  ({ testId, className, disabled, templateIcon, onMouseLeave, onMouseEnter, onClick }, ref) => {\n    const { useSelectedTemplate, useHasUnsavedChanges, useIsInitialized } = storeApi;\n    const selectedTemplate = useSelectedTemplate();\n    const hasUnsavedChanges = useHasUnsavedChanges(selectedTemplate?.id);\n    const isInitialized = useIsInitialized();\n\n    return (\n      <ButtonIcon\n        disabled={disabled}\n        size=\"small\"\n        className={classNames(styles.buttonIcon, className)}\n        testId={testId}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        ref={ref}\n      >\n        {isInitialized ? (\n          <div className={styles.buttonIconInner}>\n            {templateIcon}\n            {hasUnsavedChanges && (\n              <UnsavedChangesBadge className={styles.unsavedChangesUltraCompact} size={16} />\n            )}\n          </div>\n        ) : (\n          <Skeleton type=\"circle\" width={20} height={20} />\n        )}\n      </ButtonIcon>\n    );\n  }\n);\n\nexport type ToggleProps = {\n  children?: ReactNode;\n  disabled?: boolean;\n  className?: string;\n  testId?: string;\n  layout?: 'full' | 'ultraCompact';\n};\n\ntype TemplateActionItem = ReturnType<typeof useTemplateActions>[number];\n\nconst menuItemsToShow: TemplateActionItem['id'][] = [\n  'CopyTemplate',\n  'PublishTemplate',\n  'RevertTemplate',\n  'RemoveTemplate',\n];\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n  ({ testId, className, disabled, children, layout = 'full' }, ref) => {\n    const {\n      useOpenPopover,\n      useIsPopoverOpen,\n      useSelectedTemplate,\n      useIsInitialized,\n      useTemplateIcon,\n      useTemplateIconColor,\n      useHasUnsavedChanges,\n    } = storeApi;\n    const openPopover = useOpenPopover();\n    const isPopoverOpen = useIsPopoverOpen();\n    const selectedTemplate = useSelectedTemplate();\n    const isInitialized = useIsInitialized();\n    const iconColor = useTemplateIconColor(selectedTemplate);\n    const IconComponent = useTemplateIcon(selectedTemplate);\n    const hasUnsavedChanges = useHasUnsavedChanges(selectedTemplate?.id);\n    const { currentUser } = useAppCommons();\n\n    const [isMenuOpen, setIsMenuOpen] = useState(false);\n    const openTimerRef = useRef<NodeJS.Timeout>();\n    const closeTimerRef = useRef<NodeJS.Timeout>();\n    const toggleRef = useRef<HTMLButtonElement>(null);\n\n    const clearTimeouts = useCallback(() => {\n      clearTimeout(openTimerRef.current);\n      clearTimeout(closeTimerRef.current);\n    }, []);\n\n    const onMenuMouseEnter = useCallback(() => {\n      clearTimeouts();\n      setIsMenuOpen(true);\n    }, [clearTimeouts]);\n\n    const onButtonMouseEnter = useCallback(() => {\n      clearTimeouts();\n\n      openTimerRef.current = setTimeout(() => {\n        clearTimeouts();\n        setIsMenuOpen(true);\n      }, 300);\n    }, [clearTimeouts]);\n\n    const onMouseLeave = useCallback(() => {\n      clearTimeouts();\n      closeTimerRef.current = setTimeout(() => {\n        setIsMenuOpen(false);\n      }, 500);\n    }, [clearTimeouts]);\n\n    const buttonRef = useCombineRefs(ref, toggleRef);\n\n    const menuItems = useTemplateActions(selectedTemplate);\n\n    const menuItemsMap = useMemo(\n      () =>\n        menuItems.reduce<Partial<Record<TemplateActionItem['id'], TemplateActionItem>>>(\n          (acc, item) => ({ ...acc, [item.id]: item }),\n          {}\n        ),\n      [menuItems]\n    );\n\n    const ButtonComponent = layout === 'full' ? ButtonFull : ButtonUltraCompact;\n\n    return (\n      <>\n        <ButtonComponent\n          disabled={disabled}\n          className={className}\n          testId={testId}\n          ref={buttonRef}\n          onClick={openPopover}\n          templateIcon={\n            isInitialized && selectedTemplate ? (\n              <IconComponent color={iconColor} size={20} />\n            ) : undefined\n          }\n          isPopoverOpen={isPopoverOpen}\n          onMouseEnter={onButtonMouseEnter}\n          onMouseLeave={onMouseLeave}\n        >\n          {children}\n        </ButtonComponent>\n\n        {selectedTemplate && !disabled && (\n          <Menu\n            open={isMenuOpen && !isPopoverOpen}\n            anchorEl={toggleRef.current}\n            backdrop={false}\n            onMouseEnter={onMenuMouseEnter}\n            onMouseLeave={onMouseLeave}\n            className={styles.menu}\n          >\n            <div className={styles.menuHeader}>\n              <Text size={12} tagName=\"div\">\n                {hasUnsavedChanges && (\n                  <>\n                    <UnsavedChangesBadge /> Modifying{' '}\n                  </>\n                )}\n                {getTemplateDisplayType(selectedTemplate, currentUser)} Template\n              </Text>\n              <Text size={12} color=\"T6\" className={styles.menuSubTitle}>\n                Your template updates according to your changes\n              </Text>\n            </div>\n\n            {menuItemsToShow.map((key, index) => {\n              const { Component } = menuItemsMap[key] || {};\n              if (!Component) {\n                return null;\n              }\n\n              return (\n                <Fragment key={key}>\n                  {index > 0 && <Menu.Divider />}\n                  <Component template={selectedTemplate} />\n                </Fragment>\n              );\n            })}\n          </Menu>\n        )}\n      </>\n    );\n  }\n);\n"],"names":["getTemplateDisplayType","template","currentUser","shared","isPreset","published","company_id","CORVA_COMPANY_ID","company_name","ButtonFull","forwardRef","ref","testId","className","disabled","templateIcon","onMouseLeave","onMouseEnter","onClick","children","isPopoverOpen","_jsx","Button","size","classNames","styles","button","type","prefix","suffix","DownIcon","chevron","chevronOpen","ToggleDisplayDefault","ButtonUltraCompact","_ref2","useSelectedTemplate","storeApi","useHasUnsavedChanges","useIsInitialized","selectedTemplate","hasUnsavedChanges","id","isInitialized","ButtonIcon","buttonIcon","_jsxs","jsxs","buttonIconInner","UnsavedChangesBadge","unsavedChangesUltraCompact","Skeleton","width","height","menuItemsToShow","Toggle","_ref3","_ref3$layout","layout","useOpenPopover","useIsPopoverOpen","useTemplateIcon","useTemplateIconColor","openPopover","iconColor","IconComponent","useAppCommons","useState","_useState2","_slicedToArray","_useState","isMenuOpen","setIsMenuOpen","openTimerRef","useRef","closeTimerRef","toggleRef","clearTimeouts","useCallback","clearTimeout","current","onMenuMouseEnter","onButtonMouseEnter","setTimeout","buttonRef","useCombineRefs","menuItems","useTemplateActions","menuItemsMap","useMemo","reduce","acc","item","_objectSpread","ButtonComponent","_Fragment","color","undefined","Menu","open","anchorEl","backdrop","menu","menuHeader","Text","tagName","menuSubTitle","map","key","index","Component","Fragment","jsx","Divider"],"mappings":"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"}
+{"version":3,"file":"Toggle.js","sources":["../../../../../src/componentsV2/TemplatesControl/Toggle/Toggle.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Button } from '../../Button';\nimport { storeApi } from '../Store';\nimport { Menu } from '../../Menu';\nimport { Text } from '../../Text';\nimport { useTemplateActions } from '../templateMenuItems';\nimport { CORVA_COMPANY_ID } from '../../../constants';\nimport { User } from '../../../types';\nimport { Template } from '../types';\nimport { ToggleDisplayDefault } from '../ToggleDisplayDefault';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { Skeleton } from '../../Skeleton';\nimport { UnsavedChangesBadge } from '../UnsavedChangesBadge';\n\nimport styles from './Toggle.scss';\n\nimport { useAppCommons, useCombineRefs } from '~/effects';\nimport { DownIcon } from '~/icons';\n\nconst getTemplateDisplayType = (template: Template, currentUser?: User) => {\n  if (template.shared) {\n    return 'Shared';\n  }\n\n  if (template.isPreset) {\n    return 'Corva';\n  }\n\n  if (template.published) {\n    return currentUser?.company_id !== CORVA_COMPANY_ID ? currentUser?.company_name : 'Company';\n  }\n\n  return 'Your Own';\n};\n\ntype ButtonComponentProps = {\n  // eslint-disable-next-line react/no-unused-prop-types\n  children?: ReactNode;\n  disabled?: boolean;\n  className?: string;\n  testId?: string;\n  templateIcon?: ReactNode;\n  onClick?: MouseEventHandler;\n  onMouseEnter?: MouseEventHandler;\n  onMouseLeave?: MouseEventHandler;\n  // eslint-disable-next-line react/no-unused-prop-types\n  isPopoverOpen?: boolean;\n};\n\nconst ButtonFull = forwardRef<HTMLButtonElement, ButtonComponentProps>(\n  (\n    {\n      testId,\n      className,\n      disabled,\n      templateIcon,\n      onMouseLeave,\n      onMouseEnter,\n      onClick,\n      children,\n      isPopoverOpen,\n    },\n    ref\n  ) => (\n    <Button\n      disabled={disabled}\n      size=\"small\"\n      className={classNames(styles.button, className)}\n      type=\"chartColored\"\n      testId={testId}\n      onClick={onClick}\n      prefix={templateIcon}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      suffix={\n        <DownIcon className={classNames(styles.chevron, isPopoverOpen && styles.chevronOpen)} />\n      }\n      ref={ref}\n    >\n      {children || <ToggleDisplayDefault />}\n    </Button>\n  )\n);\n\nconst ButtonUltraCompact = forwardRef<HTMLButtonElement, ButtonComponentProps>(\n  ({ testId, className, disabled, templateIcon, onMouseLeave, onMouseEnter, onClick }, ref) => {\n    const { useSelectedTemplate, useHasUnsavedChanges, useIsInitialized } = storeApi;\n    const selectedTemplate = useSelectedTemplate();\n    const hasUnsavedChanges = useHasUnsavedChanges(selectedTemplate?.id);\n    const isInitialized = useIsInitialized();\n\n    return (\n      <ButtonIcon\n        disabled={disabled}\n        size=\"small\"\n        className={classNames(styles.buttonIcon, className)}\n        testId={testId}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        ref={ref}\n      >\n        {isInitialized ? (\n          <div className={styles.buttonIconInner}>\n            {templateIcon}\n            {hasUnsavedChanges && (\n              <UnsavedChangesBadge className={styles.unsavedChangesUltraCompact} size={16} />\n            )}\n          </div>\n        ) : (\n          <Skeleton type=\"circle\" width={20} height={20} />\n        )}\n      </ButtonIcon>\n    );\n  }\n);\n\nexport type ToggleProps = {\n  children?: ReactNode;\n  disabled?: boolean;\n  className?: string;\n  testId?: string;\n  layout?: 'full' | 'ultraCompact';\n};\n\ntype TemplateActionItem = ReturnType<typeof useTemplateActions>[number];\n\nconst menuItemsToShow: TemplateActionItem['id'][] = [\n  'CopyTemplate',\n  'PublishTemplate',\n  'RevertTemplate',\n  'RemoveTemplate',\n];\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n  ({ testId, className, disabled, children, layout = 'full' }, ref) => {\n    const {\n      useOpenPopover,\n      useIsPopoverOpen,\n      useSelectedTemplate,\n      useIsInitialized,\n      useTemplateIcon,\n      useTemplateIconColor,\n      useHasUnsavedChanges,\n    } = storeApi;\n    const openPopover = useOpenPopover();\n    const isPopoverOpen = useIsPopoverOpen();\n    const selectedTemplate = useSelectedTemplate();\n    const isInitialized = useIsInitialized();\n    const iconColor = useTemplateIconColor(selectedTemplate);\n    const IconComponent = useTemplateIcon(selectedTemplate);\n    const hasUnsavedChanges = useHasUnsavedChanges(selectedTemplate?.id);\n    const { currentUser } = useAppCommons();\n\n    const [isMenuOpen, setIsMenuOpen] = useState(false);\n    const openTimerRef = useRef<NodeJS.Timeout>();\n    const closeTimerRef = useRef<NodeJS.Timeout>();\n    const toggleRef = useRef<HTMLButtonElement>(null);\n\n    const clearTimeouts = useCallback(() => {\n      clearTimeout(openTimerRef.current);\n      clearTimeout(closeTimerRef.current);\n    }, []);\n\n    const onMenuMouseEnter = useCallback(() => {\n      clearTimeouts();\n      setIsMenuOpen(true);\n    }, [clearTimeouts]);\n\n    const onButtonMouseEnter = useCallback(() => {\n      clearTimeouts();\n\n      openTimerRef.current = setTimeout(() => {\n        clearTimeouts();\n        setIsMenuOpen(true);\n      }, 300);\n    }, [clearTimeouts]);\n\n    const onMouseLeave = useCallback(() => {\n      clearTimeouts();\n      closeTimerRef.current = setTimeout(() => {\n        setIsMenuOpen(false);\n      }, 500);\n    }, [clearTimeouts]);\n\n    const buttonRef = useCombineRefs(ref, toggleRef);\n\n    const menuItems = useTemplateActions(selectedTemplate);\n\n    const menuItemsMap = useMemo(\n      () =>\n        menuItems.reduce<Partial<Record<TemplateActionItem['id'], TemplateActionItem>>>(\n          (acc, item) => ({ ...acc, [item.id]: item }),\n          {}\n        ),\n      [menuItems]\n    );\n\n    const ButtonComponent = layout === 'full' ? ButtonFull : ButtonUltraCompact;\n\n    return (\n      <>\n        <ButtonComponent\n          disabled={disabled}\n          className={className}\n          testId={testId}\n          ref={buttonRef}\n          onClick={openPopover}\n          templateIcon={\n            isInitialized && selectedTemplate ? (\n              <IconComponent color={iconColor} size={20} />\n            ) : undefined\n          }\n          isPopoverOpen={isPopoverOpen}\n          onMouseEnter={onButtonMouseEnter}\n          onMouseLeave={onMouseLeave}\n        >\n          {children}\n        </ButtonComponent>\n\n        {selectedTemplate && !disabled && (\n          <Menu\n            open={isMenuOpen && !isPopoverOpen}\n            anchorEl={toggleRef.current}\n            backdrop={false}\n            onMouseEnter={onMenuMouseEnter}\n            onMouseLeave={onMouseLeave}\n            className={styles.menu}\n          >\n            <div className={styles.menuHeader}>\n              <Text size={12} tagName=\"div\">\n                {hasUnsavedChanges && (\n                  <>\n                    <UnsavedChangesBadge /> Modifying{' '}\n                  </>\n                )}\n                {getTemplateDisplayType(selectedTemplate, currentUser)} Template\n              </Text>\n              <Text size={12} color=\"T6\" className={styles.menuSubTitle}>\n                Your template updates according to your changes\n              </Text>\n            </div>\n\n            {menuItemsToShow.map((key, index) => {\n              const { Component } = menuItemsMap[key] || {};\n              if (!Component) {\n                return null;\n              }\n\n              return (\n                <Fragment key={key}>\n                  {index > 0 && <Menu.Divider />}\n                  <Component template={selectedTemplate} />\n                </Fragment>\n              );\n            })}\n          </Menu>\n        )}\n      </>\n    );\n  }\n);\n"],"names":["getTemplateDisplayType","template","currentUser","shared","isPreset","published","company_id","CORVA_COMPANY_ID","company_name","ButtonFull","forwardRef","ref","testId","className","disabled","templateIcon","onMouseLeave","onMouseEnter","onClick","children","isPopoverOpen","_jsx","Button","size","classNames","styles","button","type","prefix","suffix","DownIcon","chevron","chevronOpen","ToggleDisplayDefault","ButtonUltraCompact","_ref2","useSelectedTemplate","storeApi","useHasUnsavedChanges","useIsInitialized","selectedTemplate","hasUnsavedChanges","id","isInitialized","ButtonIcon","buttonIcon","_jsxs","jsxs","buttonIconInner","UnsavedChangesBadge","unsavedChangesUltraCompact","Skeleton","width","height","menuItemsToShow","Toggle","_ref3","_ref3$layout","layout","useOpenPopover","useIsPopoverOpen","useTemplateIcon","useTemplateIconColor","openPopover","iconColor","IconComponent","useAppCommons","useState","_useState2","_slicedToArray","_useState","isMenuOpen","setIsMenuOpen","openTimerRef","useRef","closeTimerRef","toggleRef","clearTimeouts","useCallback","clearTimeout","current","onMenuMouseEnter","onButtonMouseEnter","setTimeout","buttonRef","useCombineRefs","menuItems","useTemplateActions","menuItemsMap","useMemo","reduce","acc","item","_objectSpread","ButtonComponent","_Fragment","color","undefined","Menu","open","anchorEl","backdrop","menu","menuHeader","Text","tagName","menuSubTitle","map","key","index","Component","Fragment","jsx","Divider"],"mappings":"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"}

package/cjs-bundle/componentsV2/TextInputBase/TextInputBase.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("classnames"),o=require("react"),i=require("../Text/Text.js"),n=require("../LoaderCircular/LoaderCircular.js"),r=require("../Tooltip/Tooltip.js"),c=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("./components/Styles.scss.js");var t=require("react/jsx-runtime"),u=require("./components/Label.js"),a=require("./TextInputBase.scss.js");require("../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../clients/subscriptions.v1.js"),require("../../clients/jsonApi/index.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("immutable"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../../components/GradientManager/configuration/constants.js"),require("../../utils/index.js"),require("uuid"),require("jsona"),require("../../utils/env.js"),require("../../components/StatusBadge/constants.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../constants/streamSourceType.js"),require("../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../AppCommonsProvider/AppCommonsProvider.js"),require("../AppCommonsProvider/AppCommonsContext.js"),require("../AppPanel/AppPanelsContext.js");var l=require("../../effects/useCombineRefs.js");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var d=m(s),j=m(e);function q(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(s);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,i)}return o}function p(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?q(Object(o),!0).forEach((function(e){d.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):q(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}var I={small:a.small,medium:a.medium,large:a.large},b={top:"",start:a.labelStart,end:a.labelEnd};exports.SizeToClassMap=I,exports.TextInputBase=function(s){var e=s.testId,m=s.className,d=s.label,q=s.rootTagName,f=void 0===q?"label":q,v=s.clearable,C=s.focusOnClear,h=void 0===C||C,g=s.prefix,x=s.suffix,O=s.placeholder,y=s.size,P=void 0===y?"small":y,F=s.value,A=void 0===F?"":F,T=s.readOnly,S=s.labelPlacement,D=void 0===S?"top":S,N=s.inputRef,k=s.disabled,R=s.autoFocus,M=s.message,w=s.onFocus,B=s.onBlur,z=s.onKeyUp,E=s.onKeyDown,L=s.status,G=s.onChange,U=s.elementsClassNames,K=s.inputContainerRef,W=s.component,_=s.componentProps,X=s.rootRef,Z=s.testIds,H=o.useRef(),J=l.useCombineRefs(N,H),Q="loading"===L?t.jsx(n.LoaderCircular,{size:"xs"}):void 0,V=o.useCallback((function(s){var e,o;(s.stopPropagation(),s.preventDefault(),h)?null===(e=H.current)||void 0===e||e.focus():null===(o=H.current)||void 0===o||o.blur();null==G||G("","clear")}),[G,h]),Y=o.useCallback((function(s){return null==G?void 0:G(s.target.value||"","change",s)}),[G]),$=v&&String(A).length>0?t.jsx(r.Tooltip,{title:"Clear",children:t.jsx("button",{className:a.clearButton,onClick:V,tabIndex:-1,"data-testid":null==Z?void 0:Z.clearButton,children:t.jsx(c.CloseSmallIcon,{size:16})})}):void 0,ss=Q||x||$?t.jsxs(t.Fragment,{children:[Q,$,x]}):void 0,es=f;return t.jsxs(es,{ref:X,className:j.default(a.root,I[P],"error"===L&&a.error,k&&a.disabled,m),"data-testid":e,children:[t.jsxs("div",{className:b[D],children:[d&&t.jsx(i.Text,{size:12,color:"T6",className:j.default(a.label,"top"!==D&&a.labelAside,"top"!==D&&"small"===P&&a.labelSpecialXs,null==U?void 0:U.label),testId:null==Z?void 0:Z.label,children:"string"==typeof d?t.jsx(u.Label,{children:d}):d}),t.jsxs("div",{className:j.default(a.inputContainer,null==U?void 0:U.inputContainer),ref:K,children:[g&&t.jsx("div",{className:j.default(a.affix,null==U?void 0:U.prefix),"data-testid":null==Z?void 0:Z.prefix,children:g}),t.jsx(W,p({ref:J,className:j.default(a.input,null==U?void 0:U.input),"data-testid":null==Z?void 0:Z.input,placeholder:O,value:String(A),readOnly:T,onChange:Y,disabled:k,onFocus:w,onBlur:B,onKeyUp:z,onKeyDown:E,autoFocus:R},_)),ss&&t.jsx("div",{className:j.default(a.affix,null==U?void 0:U.suffix),"data-testid":null==Z?void 0:Z.suffix,children:ss})]})]}),M&&t.jsx(i.Text,{size:12,color:"T6",tagName:"div",className:j.default(a.message,null==U?void 0:U.message),testId:null==Z?void 0:Z.message,children:M})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("classnames"),o=require("react"),i=require("../Text/Text.js"),r=require("../LoaderCircular/LoaderCircular.js"),n=require("../Tooltip/Tooltip.js"),c=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("./components/Styles.scss.js");var t=require("react/jsx-runtime"),u=require("./components/Label.js"),a=require("./TextInputBase.scss.js");require("../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../clients/subscriptions.v1.js"),require("../../clients/jsonApi/index.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../../components/GradientManager/configuration/constants.js"),require("../../components/UserMention/utils/index.js"),require("../../utils/convert.js"),require("moment"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/mobileDetect.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("uuid"),require("../../components/StatusBadge/constants.js"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../AppCommonsProvider/AppCommonsProvider.js"),require("../AppCommonsProvider/AppCommonsContext.js"),require("../AppPanel/AppPanelsContext.js");var l=require("../../effects/useCombineRefs.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=m(e),j=m(s);function d(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,i)}return o}function p(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?d(Object(o),!0).forEach((function(s){q.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var I={small:a.small,medium:a.medium,large:a.large},b={top:"",start:a.labelStart,end:a.labelEnd};exports.SizeToClassMap=I,exports.TextInputBase=function(e){var s=e.testId,m=e.className,q=e.label,d=e.rootTagName,f=void 0===d?"label":d,v=e.clearable,h=e.focusOnClear,C=void 0===h||h,g=e.prefix,x=e.suffix,y=e.placeholder,O=e.size,P=void 0===O?"small":O,F=e.value,A=void 0===F?"":F,S=e.readOnly,T=e.labelPlacement,D=void 0===T?"top":T,N=e.inputRef,R=e.disabled,k=e.autoFocus,M=e.message,w=e.onFocus,B=e.onBlur,z=e.onKeyUp,E=e.onKeyDown,L=e.status,U=e.onChange,G=e.elementsClassNames,K=e.inputContainerRef,W=e.component,_=e.componentProps,X=e.rootRef,Z=e.testIds,H=o.useRef(),J=l.useCombineRefs(N,H),Q="loading"===L?t.jsx(r.LoaderCircular,{size:"xs"}):void 0,V=o.useCallback((function(e){var s,o;(e.stopPropagation(),e.preventDefault(),C)?null===(s=H.current)||void 0===s||s.focus():null===(o=H.current)||void 0===o||o.blur();null==U||U("","clear")}),[U,C]),Y=o.useCallback((function(e){return null==U?void 0:U(e.target.value||"","change",e)}),[U]),$=v&&String(A).length>0?t.jsx(n.Tooltip,{title:"Clear",children:t.jsx("button",{className:a.clearButton,onClick:V,tabIndex:-1,"data-testid":null==Z?void 0:Z.clearButton,children:t.jsx(c.CloseSmallIcon,{size:16})})}):void 0,ee=Q||x||$?t.jsxs(t.Fragment,{children:[Q,$,x]}):void 0,se=f;return t.jsxs(se,{ref:X,className:j.default(a.root,I[P],"error"===L&&a.error,R&&a.disabled,m),"data-testid":s,children:[t.jsxs("div",{className:b[D],children:[q&&t.jsx(i.Text,{size:12,color:"T6",className:j.default(a.label,"top"!==D&&a.labelAside,"top"!==D&&"small"===P&&a.labelSpecialXs,null==G?void 0:G.label),testId:null==Z?void 0:Z.label,children:"string"==typeof q?t.jsx(u.Label,{children:q}):q}),t.jsxs("div",{className:j.default(a.inputContainer,null==G?void 0:G.inputContainer),ref:K,children:[g&&t.jsx("div",{className:j.default(a.affix,null==G?void 0:G.prefix),"data-testid":null==Z?void 0:Z.prefix,children:g}),t.jsx(W,p({ref:J,className:j.default(a.input,null==G?void 0:G.input),"data-testid":null==Z?void 0:Z.input,placeholder:y,value:String(A),readOnly:S,onChange:Y,disabled:R,onFocus:w,onBlur:B,onKeyUp:z,onKeyDown:E,autoFocus:k},_)),ee&&t.jsx("div",{className:j.default(a.affix,null==G?void 0:G.suffix),"data-testid":null==Z?void 0:Z.suffix,children:ee})]})]}),M&&t.jsx(i.Text,{size:12,color:"T6",tagName:"div",className:j.default(a.message,null==G?void 0:G.message),testId:null==Z?void 0:Z.message,children:M})]})};
 //# sourceMappingURL=TextInputBase.js.map

package/cjs-bundle/componentsV2/TextInputBase/TextInputBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputBase.js","sources":["../../../../src/componentsV2/TextInputBase/TextInputBase.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  ChangeEvent,\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  MutableRefObject,\n  ReactNode,\n  Ref,\n  RefCallback,\n  useCallback,\n  useRef,\n} from 'react';\n\nimport { Text } from '../Text';\nimport { LoaderCircular } from '../LoaderCircular';\n\nimport { Label } from './components';\n\nimport styles from './TextInputBase.scss';\nimport { CloseSmallIcon } from '../../icons';\nimport { Tooltip } from '../Tooltip';\nimport { useCombineRefs } from '../../effects';\n\ntype ComponentProvidedProps<FieldElement extends HTMLElement> = Partial<{\n  className: string;\n  'data-testid': string;\n  placeholder: string;\n  value: string;\n  readOnly: boolean;\n  onChange: ChangeEventHandler<FieldElement>;\n  disabled: boolean;\n  autoFocus: boolean;\n  onFocus: FocusEventHandler<FieldElement>;\n  onBlur: FocusEventHandler<FieldElement>;\n  onKeyUp: KeyboardEventHandler<FieldElement>;\n  onKeyDown: KeyboardEventHandler<FieldElement>;\n}>;\n\nexport type ComponentProvidedPropNames = keyof ComponentProvidedProps<never>;\n\ntype EmptyObject = Record<string, never>;\n\nexport type TextInputBaseComponentProps<\n  FieldElement extends HTMLElement,\n  ComponentProps extends object = EmptyObject\n> = ComponentProvidedProps<FieldElement> & ComponentProps;\n\nexport type TextInputBaseProps<\n  FieldElement extends HTMLElement,\n  ComponentProps extends object = EmptyObject\n> = {\n  label?: ReactNode;\n  value?: string | number;\n  size?: 'small' | 'medium' | 'large';\n  labelPlacement?: 'top' | 'start' | 'end';\n  /**\n   * HTML tag of the root element. Use `div` when `prefix`/`suffix` contain interactive\n   * controls — nested interactive elements inside a `label` are invalid for assistive tech\n   */\n  rootTagName?: 'label' | 'div';\n  disabled?: boolean;\n\n  status?: 'error' | 'loading';\n  message?: ReactNode;\n  onFocus?: FocusEventHandler<FieldElement>;\n  onBlur?: FocusEventHandler<FieldElement>;\n  onKeyDown?: KeyboardEventHandler<FieldElement>;\n  onKeyUp?: KeyboardEventHandler<FieldElement>;\n  placeholder?: string;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  /**\n   * Ref to an underlying input element\n   */\n  inputRef?: RefCallback<FieldElement | null> | MutableRefObject<FieldElement | null> | null;\n  /**\n   * Ref to a container that contains input and its affixes\n   * Useful for positioning of popovers\n   */\n  inputContainerRef?:\n    | RefCallback<HTMLDivElement | null>\n    | MutableRefObject<HTMLDivElement | null>\n    | null;\n  readOnly?: boolean;\n  /**\n   * If `true` will focus on the field on render. Useful for modals, but may be detrimental to a11y\n   */\n  autoFocus?: boolean;\n\n  elementsClassNames?: Partial<{\n    label: string;\n    input: string;\n    inputContainer: string;\n    prefix: string;\n    suffix: string;\n    message: string;\n  }>;\n\n  onChange?: (\n    value: string,\n    changeReason: 'change' | 'clear',\n    event?: ChangeEvent<FieldElement>\n  ) => void;\n  clearable?: boolean;\n  /**\n   * Controls if the field should keep/gain focus after \"Clear\" button is clicked\n   */\n  focusOnClear?: boolean;\n\n  className?: string;\n  testId?: string;\n\n  /**\n   * ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n   */\n  component: ReturnType<\n    typeof forwardRef<FieldElement, TextInputBaseComponentProps<FieldElement, ComponentProps>>\n  >;\n  /**\n   * ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n   */\n  componentProps?: ComponentProps;\n  /**\n   * ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n   */\n  testIds?: Partial<{\n    input: string;\n    label: string;\n    prefix: string;\n    suffix: string;\n    clearButton: string;\n    message: string;\n  }>;\n};\n\nexport const SizeToClassMap: Record<Required<TextInputBaseProps<never, never>>['size'], string> = {\n  small: styles.small,\n  medium: styles.medium,\n  large: styles.large,\n};\n\nconst LabelPlacementToClassMap: Record<\n  Required<TextInputBaseProps<never, never>>['labelPlacement'],\n  string\n> = {\n  top: '',\n  start: styles.labelStart,\n  end: styles.labelEnd,\n};\n\nexport const TextInputBase = <\n  FieldElement extends HTMLElement,\n  ComponentProps extends object = EmptyObject\n>({\n  testId,\n  className,\n  label,\n  rootTagName = 'label',\n  clearable,\n  focusOnClear = true,\n  prefix,\n  suffix,\n  placeholder,\n  size = 'small',\n  value = '',\n  readOnly,\n  labelPlacement = 'top',\n  inputRef,\n  disabled,\n  autoFocus,\n  message,\n  onFocus,\n  onBlur,\n  onKeyUp,\n  onKeyDown,\n  status,\n  onChange,\n  elementsClassNames,\n  inputContainerRef,\n  component: Component,\n  componentProps,\n  rootRef,\n  testIds,\n}: TextInputBaseProps<FieldElement, ComponentProps> & { rootRef: Ref<HTMLElement> }) => {\n  const ownInputRef = useRef<FieldElement>();\n  const actualInputRef = useCombineRefs(inputRef, ownInputRef);\n  const loadingIndicator = status === 'loading' ? <LoaderCircular size=\"xs\" /> : undefined;\n  const onClearHandler = useCallback<MouseEventHandler>(\n    event => {\n      event.stopPropagation();\n      event.preventDefault();\n\n      if (focusOnClear) {\n        ownInputRef.current?.focus();\n      } else {\n        ownInputRef.current?.blur();\n      }\n\n      onChange?.('', 'clear');\n    },\n    [onChange, focusOnClear]\n  );\n  const onChangeHandler = useCallback<ChangeEventHandler<FieldElement>>(\n    event => onChange?.((event.target as unknown as HTMLInputElement).value || '', 'change', event),\n    [onChange]\n  );\n\n  const clearButton =\n    !!clearable && String(value).length > 0 ? (\n      <Tooltip title=\"Clear\">\n        <button\n          className={styles.clearButton}\n          onClick={onClearHandler}\n          tabIndex={-1}\n          data-testid={testIds?.clearButton}\n        >\n          <CloseSmallIcon size={16} />\n        </button>\n      </Tooltip>\n    ) : undefined;\n\n  const actualSuffix =\n    loadingIndicator || suffix || clearButton ? (\n      <>\n        {loadingIndicator}\n        {clearButton}\n        {suffix}\n      </>\n    ) : undefined;\n\n  const RootElement = rootTagName;\n\n  return (\n    <RootElement\n      ref={rootRef as never}\n      className={classNames(\n        styles.root,\n        SizeToClassMap[size],\n        status === 'error' && styles.error,\n        disabled && styles.disabled,\n        className\n      )}\n      data-testid={testId}\n    >\n      <div className={LabelPlacementToClassMap[labelPlacement]}>\n        {label && (\n          <Text\n            size={12}\n            color=\"T6\"\n            className={classNames(\n              styles.label,\n              labelPlacement !== 'top' && styles.labelAside,\n              labelPlacement !== 'top' && size === 'small' && styles.labelSpecialXs,\n              elementsClassNames?.label\n            )}\n            testId={testIds?.label}\n          >\n            {typeof label === 'string' ? <Label>{label}</Label> : label}\n          </Text>\n        )}\n\n        <div\n          className={classNames(styles.inputContainer, elementsClassNames?.inputContainer)}\n          ref={inputContainerRef}\n        >\n          {prefix && (\n            <div\n              className={classNames(styles.affix, elementsClassNames?.prefix)}\n              data-testid={testIds?.prefix}\n            >\n              {prefix}\n            </div>\n          )}\n          {/* @ts-expect-error TS can't properly calculate component's props here for some reason */}\n          <Component\n            ref={actualInputRef}\n            className={classNames(styles.input, elementsClassNames?.input)}\n            data-testid={testIds?.input}\n            placeholder={placeholder}\n            value={String(value)}\n            readOnly={readOnly}\n            onChange={onChangeHandler}\n            disabled={disabled}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            onKeyUp={onKeyUp}\n            onKeyDown={onKeyDown}\n            autoFocus={autoFocus}\n            {...componentProps}\n          />\n          {actualSuffix && (\n            <div\n              className={classNames(styles.affix, elementsClassNames?.suffix)}\n              data-testid={testIds?.suffix}\n            >\n              {actualSuffix}\n            </div>\n          )}\n        </div>\n      </div>\n      {message && (\n        <Text\n          size={12}\n          color=\"T6\"\n          tagName=\"div\"\n          className={classNames(styles.message, elementsClassNames?.message)}\n          testId={testIds?.message}\n        >\n          {message}\n        </Text>\n      )}\n    </RootElement>\n  );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","LabelPlacementToClassMap","top","start","labelStart","end","labelEnd","_ref","testId","className","label","_ref$rootTagName","rootTagName","clearable","_ref$focusOnClear","focusOnClear","prefix","suffix","placeholder","_ref$size","size","_ref$value","value","readOnly","_ref$labelPlacement","labelPlacement","inputRef","disabled","autoFocus","message","onFocus","onBlur","onKeyUp","onKeyDown","status","onChange","elementsClassNames","inputContainerRef","Component","component","componentProps","rootRef","testIds","ownInputRef","useRef","actualInputRef","useCombineRefs","loadingIndicator","_jsx","LoaderCircular","undefined","onClearHandler","useCallback","event","_ownInputRef$current","_ownInputRef$current2","stopPropagation","preventDefault","current","focus","blur","onChangeHandler","target","clearButton","String","length","Tooltip","title","children","jsx","onClick","tabIndex","CloseSmallIcon","actualSuffix","_jsxs","_Fragment","RootElement","ref","classNames","root","error","jsxs","Text","color","labelAside","labelSpecialXs","Label","inputContainer","affix","_objectSpread","input","tagName"],"mappings":"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"}
+{"version":3,"file":"TextInputBase.js","sources":["../../../../src/componentsV2/TextInputBase/TextInputBase.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  ChangeEvent,\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  MutableRefObject,\n  ReactNode,\n  Ref,\n  RefCallback,\n  useCallback,\n  useRef,\n} from 'react';\n\nimport { Text } from '../Text';\nimport { LoaderCircular } from '../LoaderCircular';\n\nimport { Label } from './components';\n\nimport styles from './TextInputBase.scss';\nimport { CloseSmallIcon } from '../../icons';\nimport { Tooltip } from '../Tooltip';\nimport { useCombineRefs } from '../../effects';\n\ntype ComponentProvidedProps<FieldElement extends HTMLElement> = Partial<{\n  className: string;\n  'data-testid': string;\n  placeholder: string;\n  value: string;\n  readOnly: boolean;\n  onChange: ChangeEventHandler<FieldElement>;\n  disabled: boolean;\n  autoFocus: boolean;\n  onFocus: FocusEventHandler<FieldElement>;\n  onBlur: FocusEventHandler<FieldElement>;\n  onKeyUp: KeyboardEventHandler<FieldElement>;\n  onKeyDown: KeyboardEventHandler<FieldElement>;\n}>;\n\nexport type ComponentProvidedPropNames = keyof ComponentProvidedProps<never>;\n\ntype EmptyObject = Record<string, never>;\n\nexport type TextInputBaseComponentProps<\n  FieldElement extends HTMLElement,\n  ComponentProps extends object = EmptyObject\n> = ComponentProvidedProps<FieldElement> & ComponentProps;\n\nexport type TextInputBaseProps<\n  FieldElement extends HTMLElement,\n  ComponentProps extends object = EmptyObject\n> = {\n  label?: ReactNode;\n  value?: string | number;\n  size?: 'small' | 'medium' | 'large';\n  labelPlacement?: 'top' | 'start' | 'end';\n  /**\n   * HTML tag of the root element. Use `div` when `prefix`/`suffix` contain interactive\n   * controls — nested interactive elements inside a `label` are invalid for assistive tech\n   */\n  rootTagName?: 'label' | 'div';\n  disabled?: boolean;\n\n  status?: 'error' | 'loading';\n  message?: ReactNode;\n  onFocus?: FocusEventHandler<FieldElement>;\n  onBlur?: FocusEventHandler<FieldElement>;\n  onKeyDown?: KeyboardEventHandler<FieldElement>;\n  onKeyUp?: KeyboardEventHandler<FieldElement>;\n  placeholder?: string;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  /**\n   * Ref to an underlying input element\n   */\n  inputRef?: RefCallback<FieldElement | null> | MutableRefObject<FieldElement | null> | null;\n  /**\n   * Ref to a container that contains input and its affixes\n   * Useful for positioning of popovers\n   */\n  inputContainerRef?:\n    | RefCallback<HTMLDivElement | null>\n    | MutableRefObject<HTMLDivElement | null>\n    | null;\n  readOnly?: boolean;\n  /**\n   * If `true` will focus on the field on render. Useful for modals, but may be detrimental to a11y\n   */\n  autoFocus?: boolean;\n\n  elementsClassNames?: Partial<{\n    label: string;\n    input: string;\n    inputContainer: string;\n    prefix: string;\n    suffix: string;\n    message: string;\n  }>;\n\n  onChange?: (\n    value: string,\n    changeReason: 'change' | 'clear',\n    event?: ChangeEvent<FieldElement>\n  ) => void;\n  clearable?: boolean;\n  /**\n   * Controls if the field should keep/gain focus after \"Clear\" button is clicked\n   */\n  focusOnClear?: boolean;\n\n  className?: string;\n  testId?: string;\n\n  /**\n   * ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n   */\n  component: ReturnType<\n    typeof forwardRef<FieldElement, TextInputBaseComponentProps<FieldElement, ComponentProps>>\n  >;\n  /**\n   * ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n   */\n  componentProps?: ComponentProps;\n  /**\n   * ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n   */\n  testIds?: Partial<{\n    input: string;\n    label: string;\n    prefix: string;\n    suffix: string;\n    clearButton: string;\n    message: string;\n  }>;\n};\n\nexport const SizeToClassMap: Record<Required<TextInputBaseProps<never, never>>['size'], string> = {\n  small: styles.small,\n  medium: styles.medium,\n  large: styles.large,\n};\n\nconst LabelPlacementToClassMap: Record<\n  Required<TextInputBaseProps<never, never>>['labelPlacement'],\n  string\n> = {\n  top: '',\n  start: styles.labelStart,\n  end: styles.labelEnd,\n};\n\nexport const TextInputBase = <\n  FieldElement extends HTMLElement,\n  ComponentProps extends object = EmptyObject\n>({\n  testId,\n  className,\n  label,\n  rootTagName = 'label',\n  clearable,\n  focusOnClear = true,\n  prefix,\n  suffix,\n  placeholder,\n  size = 'small',\n  value = '',\n  readOnly,\n  labelPlacement = 'top',\n  inputRef,\n  disabled,\n  autoFocus,\n  message,\n  onFocus,\n  onBlur,\n  onKeyUp,\n  onKeyDown,\n  status,\n  onChange,\n  elementsClassNames,\n  inputContainerRef,\n  component: Component,\n  componentProps,\n  rootRef,\n  testIds,\n}: TextInputBaseProps<FieldElement, ComponentProps> & { rootRef: Ref<HTMLElement> }) => {\n  const ownInputRef = useRef<FieldElement>();\n  const actualInputRef = useCombineRefs(inputRef, ownInputRef);\n  const loadingIndicator = status === 'loading' ? <LoaderCircular size=\"xs\" /> : undefined;\n  const onClearHandler = useCallback<MouseEventHandler>(\n    event => {\n      event.stopPropagation();\n      event.preventDefault();\n\n      if (focusOnClear) {\n        ownInputRef.current?.focus();\n      } else {\n        ownInputRef.current?.blur();\n      }\n\n      onChange?.('', 'clear');\n    },\n    [onChange, focusOnClear]\n  );\n  const onChangeHandler = useCallback<ChangeEventHandler<FieldElement>>(\n    event => onChange?.((event.target as unknown as HTMLInputElement).value || '', 'change', event),\n    [onChange]\n  );\n\n  const clearButton =\n    !!clearable && String(value).length > 0 ? (\n      <Tooltip title=\"Clear\">\n        <button\n          className={styles.clearButton}\n          onClick={onClearHandler}\n          tabIndex={-1}\n          data-testid={testIds?.clearButton}\n        >\n          <CloseSmallIcon size={16} />\n        </button>\n      </Tooltip>\n    ) : undefined;\n\n  const actualSuffix =\n    loadingIndicator || suffix || clearButton ? (\n      <>\n        {loadingIndicator}\n        {clearButton}\n        {suffix}\n      </>\n    ) : undefined;\n\n  const RootElement = rootTagName;\n\n  return (\n    <RootElement\n      ref={rootRef as never}\n      className={classNames(\n        styles.root,\n        SizeToClassMap[size],\n        status === 'error' && styles.error,\n        disabled && styles.disabled,\n        className\n      )}\n      data-testid={testId}\n    >\n      <div className={LabelPlacementToClassMap[labelPlacement]}>\n        {label && (\n          <Text\n            size={12}\n            color=\"T6\"\n            className={classNames(\n              styles.label,\n              labelPlacement !== 'top' && styles.labelAside,\n              labelPlacement !== 'top' && size === 'small' && styles.labelSpecialXs,\n              elementsClassNames?.label\n            )}\n            testId={testIds?.label}\n          >\n            {typeof label === 'string' ? <Label>{label}</Label> : label}\n          </Text>\n        )}\n\n        <div\n          className={classNames(styles.inputContainer, elementsClassNames?.inputContainer)}\n          ref={inputContainerRef}\n        >\n          {prefix && (\n            <div\n              className={classNames(styles.affix, elementsClassNames?.prefix)}\n              data-testid={testIds?.prefix}\n            >\n              {prefix}\n            </div>\n          )}\n          {/* @ts-expect-error TS can't properly calculate component's props here for some reason */}\n          <Component\n            ref={actualInputRef}\n            className={classNames(styles.input, elementsClassNames?.input)}\n            data-testid={testIds?.input}\n            placeholder={placeholder}\n            value={String(value)}\n            readOnly={readOnly}\n            onChange={onChangeHandler}\n            disabled={disabled}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            onKeyUp={onKeyUp}\n            onKeyDown={onKeyDown}\n            autoFocus={autoFocus}\n            {...componentProps}\n          />\n          {actualSuffix && (\n            <div\n              className={classNames(styles.affix, elementsClassNames?.suffix)}\n              data-testid={testIds?.suffix}\n            >\n              {actualSuffix}\n            </div>\n          )}\n        </div>\n      </div>\n      {message && (\n        <Text\n          size={12}\n          color=\"T6\"\n          tagName=\"div\"\n          className={classNames(styles.message, elementsClassNames?.message)}\n          testId={testIds?.message}\n        >\n          {message}\n        </Text>\n      )}\n    </RootElement>\n  );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","LabelPlacementToClassMap","top","start","labelStart","end","labelEnd","_ref","testId","className","label","_ref$rootTagName","rootTagName","clearable","_ref$focusOnClear","focusOnClear","prefix","suffix","placeholder","_ref$size","size","_ref$value","value","readOnly","_ref$labelPlacement","labelPlacement","inputRef","disabled","autoFocus","message","onFocus","onBlur","onKeyUp","onKeyDown","status","onChange","elementsClassNames","inputContainerRef","Component","component","componentProps","rootRef","testIds","ownInputRef","useRef","actualInputRef","useCombineRefs","loadingIndicator","_jsx","LoaderCircular","undefined","onClearHandler","useCallback","event","_ownInputRef$current","_ownInputRef$current2","stopPropagation","preventDefault","current","focus","blur","onChangeHandler","target","clearButton","String","length","Tooltip","title","children","jsx","onClick","tabIndex","CloseSmallIcon","actualSuffix","_jsxs","_Fragment","RootElement","ref","classNames","root","error","jsxs","Text","color","labelAside","labelSpecialXs","Label","inputContainer","affix","_objectSpread","input","tagName"],"mappings":"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"}

package/cjs-bundle/componentsV2/TextInputNext/TextInputNext.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/objectWithoutProperties"),s=require("@babel/runtime/helpers/defineProperty"),n=require("classnames"),o=require("react");require("../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../clients/subscriptions.v1.js"),require("../../clients/jsonApi/index.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("immutable"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../../components/GradientManager/configuration/constants.js"),require("../../utils/index.js"),require("uuid"),require("jsona"),require("../../utils/env.js"),require("../../components/StatusBadge/constants.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../constants/streamSourceType.js"),require("../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../AppCommonsProvider/AppCommonsProvider.js"),require("../AppCommonsProvider/AppCommonsContext.js"),require("../AppPanel/AppPanelsContext.js");var r=require("../../effects/useCombineRefs.js"),i=require("./TextInputNext.constants.js"),c=require("../TextInputBase/components/InfoIcon.js"),t=require("../TextInputBase/components/Label.js"),u=require("../TextInputBase/components/MessageWithIcon.js"),a=require("../TextInputBase/components/RequiredIndicator.js"),m=require("../TextInputBase/components/Unit.js"),l=require("./TextInputNext.scss.js"),p=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var q=require("../TextInputBase/TextInputBase.js"),j=require("react/jsx-runtime");function I(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=I(e),b=I(s),f=I(n),C=["value","htmlAttributes","inputType","inputMode","elementsClassNames","inputRef","suffix","onChange"];function h(e,s){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),n.push.apply(n,o)}return n}function x(e){for(var s=1;s<arguments.length;s++){var n=null!=arguments[s]?arguments[s]:{};s%2?h(Object(n),!0).forEach((function(s){b.default(e,s,n[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(n,s))}))}return e}var v=o.forwardRef((function(e,s){return j.jsx("input",x(x({},e),{},{ref:s}))})),g={input:i.TextInputTestIds.Input,label:i.TextInputTestIds.Label,prefix:i.TextInputTestIds.Prefix,suffix:i.TextInputTestIds.Suffix,clearButton:i.TextInputTestIds.ClearButton,message:i.TextInputTestIds.Message},O=o.forwardRef((function(e,s){var n=e.value,c=e.htmlAttributes,t=e.inputType,u=e.inputMode,a=e.elementsClassNames,m=e.inputRef,I=e.suffix,b=e.onChange,h=d.default(e,C),O=o.useRef(null),T=r.useCombineRefs(m,O),P=o.useMemo((function(){return x(x({},c),{},{type:t,inputMode:u})}),[c,t,u]),y=o.useCallback((function(e,s){e.stopPropagation(),e.preventDefault(),O.current&&("stepUp"===s?O.current.stepUp():O.current.stepDown(),O.current.dispatchEvent(new Event("change",{bubbles:!0})))}),[]),A=o.useCallback((function(e){return y(e,"stepUp")}),[y]),B=o.useCallback((function(e){return y(e,"stepDown")}),[y]),F="number"===t?j.jsxs("div",{className:null==a?void 0:a.numberStepButtons,children:[j.jsx("button",{tabIndex:-1,onClick:A,className:f.default(l.numberStepButton,l.up),"data-testid":i.TextInputTestIds.StepUpButton,children:j.jsx(p.UpOneIcon,{theme:"filled",size:14,className:l.numberStepButtonIcon})}),j.jsx("button",{tabIndex:-1,onClick:B,className:f.default(l.numberStepButton,l.down),"data-testid":i.TextInputTestIds.StepDownButton,children:j.jsx(p.DownOneIcon,{theme:"filled",size:14,className:l.numberStepButtonIcon})})]}):void 0,S=I||F?j.jsxs(j.Fragment,{children:[I,F]}):void 0;return j.jsx(q.TextInputBase,x(x({},h),{},{value:n,rootRef:s,suffix:S,inputRef:T,onChange:b,component:v,componentProps:P,elementsClassNames:a,testIds:g}))}));O.InfoIcon=c.InfoIcon,O.MessageWithIcon=u.MessageWithIcon,O.RequiredIndicator=a.RequiredIndicator,O.Unit=m.Unit,O.Label=t.Label;var T=O;exports.TextInputNext=T;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/objectWithoutProperties"),s=require("@babel/runtime/helpers/defineProperty"),n=require("classnames"),o=require("react");require("../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../clients/subscriptions.v1.js"),require("../../clients/jsonApi/index.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../../components/GradientManager/configuration/constants.js"),require("../../components/UserMention/utils/index.js"),require("../../utils/convert.js"),require("moment"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/mobileDetect.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("uuid"),require("../../components/StatusBadge/constants.js"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../AppCommonsProvider/AppCommonsProvider.js"),require("../AppCommonsProvider/AppCommonsContext.js"),require("../AppPanel/AppPanelsContext.js");var r=require("../../effects/useCombineRefs.js"),i=require("./TextInputNext.constants.js"),t=require("../TextInputBase/components/InfoIcon.js"),c=require("../TextInputBase/components/Label.js"),u=require("../TextInputBase/components/MessageWithIcon.js"),a=require("../TextInputBase/components/RequiredIndicator.js"),l=require("../TextInputBase/components/Unit.js"),q=require("./TextInputNext.scss.js"),m=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var p=require("../TextInputBase/TextInputBase.js"),j=require("react/jsx-runtime");function I(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=I(e),b=I(s),f=I(n),h=["value","htmlAttributes","inputType","inputMode","elementsClassNames","inputRef","suffix","onChange"];function C(e,s){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),n.push.apply(n,o)}return n}function x(e){for(var s=1;s<arguments.length;s++){var n=null!=arguments[s]?arguments[s]:{};s%2?C(Object(n),!0).forEach((function(s){b.default(e,s,n[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(n,s))}))}return e}var g=o.forwardRef((function(e,s){return j.jsx("input",x(x({},e),{},{ref:s}))})),v={input:i.TextInputTestIds.Input,label:i.TextInputTestIds.Label,prefix:i.TextInputTestIds.Prefix,suffix:i.TextInputTestIds.Suffix,clearButton:i.TextInputTestIds.ClearButton,message:i.TextInputTestIds.Message},O=o.forwardRef((function(e,s){var n=e.value,t=e.htmlAttributes,c=e.inputType,u=e.inputMode,a=e.elementsClassNames,l=e.inputRef,I=e.suffix,b=e.onChange,C=d.default(e,h),O=o.useRef(null),T=r.useCombineRefs(l,O),y=o.useMemo((function(){return x(x({},t),{},{type:c,inputMode:u})}),[t,c,u]),P=o.useCallback((function(e,s){e.stopPropagation(),e.preventDefault(),O.current&&("stepUp"===s?O.current.stepUp():O.current.stepDown(),O.current.dispatchEvent(new Event("change",{bubbles:!0})))}),[]),A=o.useCallback((function(e){return P(e,"stepUp")}),[P]),B=o.useCallback((function(e){return P(e,"stepDown")}),[P]),S="number"===c?j.jsxs("div",{className:null==a?void 0:a.numberStepButtons,children:[j.jsx("button",{tabIndex:-1,onClick:A,className:f.default(q.numberStepButton,q.up),"data-testid":i.TextInputTestIds.StepUpButton,children:j.jsx(m.UpOneIcon,{theme:"filled",size:14,className:q.numberStepButtonIcon})}),j.jsx("button",{tabIndex:-1,onClick:B,className:f.default(q.numberStepButton,q.down),"data-testid":i.TextInputTestIds.StepDownButton,children:j.jsx(m.DownOneIcon,{theme:"filled",size:14,className:q.numberStepButtonIcon})})]}):void 0,D=I||S?j.jsxs(j.Fragment,{children:[I,S]}):void 0;return j.jsx(p.TextInputBase,x(x({},C),{},{value:n,rootRef:s,suffix:D,inputRef:T,onChange:b,component:g,componentProps:y,elementsClassNames:a,testIds:v}))}));O.InfoIcon=t.InfoIcon,O.MessageWithIcon=u.MessageWithIcon,O.RequiredIndicator=a.RequiredIndicator,O.Unit=l.Unit,O.Label=c.Label;var T=O;exports.TextInputNext=T;
 //# sourceMappingURL=TextInputNext.js.map

package/cjs-bundle/componentsV2/TextInputNext/TextInputNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputNext.js","sources":["../../../../src/componentsV2/TextInputNext/TextInputNext.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  ChangeEvent,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  MouseEvent,\n  MouseEventHandler,\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useCombineRefs } from '../../effects';\n\nimport { TextInputTestIds } from './TextInputNext.constants';\nimport {\n  InfoIcon,\n  Label,\n  MessageWithIcon,\n  RequiredIndicator,\n  Unit,\n} from '../TextInputBase/components';\n\nimport styles from './TextInputNext.scss';\n\nimport { DownOneIcon, UpOneIcon } from '~/icons';\nimport { ComponentProvidedPropNames, TextInputBase, TextInputBaseProps } from '../TextInputBase';\n\ntype AdditionalFieldProps = Omit<\n  Partial<InputHTMLAttributes<HTMLInputElement>>,\n  ComponentProvidedPropNames\n>;\n\ntype BaseProps = TextInputBaseProps<HTMLInputElement, AdditionalFieldProps>;\n\nconst Input: BaseProps['component'] = forwardRef((props, ref) => <input {...props} ref={ref} />);\n\nconst testIds = {\n  input: TextInputTestIds.Input,\n  label: TextInputTestIds.Label,\n  prefix: TextInputTestIds.Prefix,\n  suffix: TextInputTestIds.Suffix,\n  clearButton: TextInputTestIds.ClearButton,\n  message: TextInputTestIds.Message,\n};\n\nexport type TextInputChangeReason = 'clear' | 'change';\n\nexport type TextInputNextProps = Omit<\n  BaseProps,\n  'component' | 'componentProps' | 'elementsClassNames' | 'onChange' | 'testIds'\n> & {\n  /**\n   * Underlying `input`'s element `type` attribute\n   */\n  inputType?: 'text' | 'email' | 'password' | 'number' | 'phone' | 'url' | 'search';\n  /**\n   * Input mode that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n   */\n  inputMode?: HTMLAttributes<HTMLInputElement>['inputMode'];\n  /**\n   * Escape hatch to provide arbitrary html attributes to `input`\n   */\n  htmlAttributes?: Omit<\n    Partial<InputHTMLAttributes<HTMLInputElement>>,\n    ComponentProvidedPropNames | 'type' | 'inputMode'\n  >;\n\n  /**\n   * An escape hatch to tweak styling of internal elements\n   */\n  elementsClassNames?: BaseProps['elementsClassNames'] & {\n    numberStepButtons?: string;\n  };\n\n  /**\n   * Change handler. `TextInputChangeReason` utility type is provided\n   * @param value\n   * @param changeReason\n   * @param event is not present when input is cleared via clear button\n   */\n  onChange?: (\n    value: string,\n    changeReason: TextInputChangeReason,\n    event?: ChangeEvent<HTMLInputElement>\n  ) => void;\n};\n\nconst TextInputNextBase = forwardRef<HTMLElement, TextInputNextProps>(\n  (\n    {\n      value,\n      htmlAttributes,\n      inputType,\n      inputMode,\n      elementsClassNames,\n      inputRef,\n      suffix,\n      onChange,\n      ...restProps\n    },\n    ref\n  ) => {\n    const ownInputRef = useRef<HTMLInputElement | null>(null);\n    const actualInputRef = useCombineRefs(inputRef, ownInputRef);\n\n    const componentProps = useMemo<AdditionalFieldProps>(\n      () => ({ ...htmlAttributes, type: inputType, inputMode }),\n      [htmlAttributes, inputType, inputMode]\n    );\n\n    const onNumberStepHandler = useCallback(\n      (event: MouseEvent, direction: 'stepUp' | 'stepDown') => {\n        event.stopPropagation();\n        event.preventDefault();\n\n        if (ownInputRef.current) {\n          // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/stepUp\n          // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/stepDown\n          // Do same things as built-in arrows, but don't trigger `change` event to be picked up by React\n          if (direction === 'stepUp') {\n            ownInputRef.current.stepUp();\n          } else {\n            ownInputRef.current.stepDown();\n          }\n\n          ownInputRef.current.dispatchEvent(new Event('change', { bubbles: true }));\n        }\n      },\n      []\n    );\n\n    const onNumberStepUpHandler = useCallback<MouseEventHandler>(\n      event => onNumberStepHandler(event, 'stepUp'),\n      [onNumberStepHandler]\n    );\n\n    const onNumberStepDownHandler = useCallback<MouseEventHandler>(\n      event => onNumberStepHandler(event, 'stepDown'),\n      [onNumberStepHandler]\n    );\n\n    const numberControls =\n      inputType === 'number' ? (\n        <div className={elementsClassNames?.numberStepButtons}>\n          <button\n            tabIndex={-1}\n            onClick={onNumberStepUpHandler}\n            className={classNames(styles.numberStepButton, styles.up)}\n            data-testid={TextInputTestIds.StepUpButton}\n          >\n            <UpOneIcon theme=\"filled\" size={14} className={styles.numberStepButtonIcon} />\n          </button>\n          <button\n            tabIndex={-1}\n            onClick={onNumberStepDownHandler}\n            className={classNames(styles.numberStepButton, styles.down)}\n            data-testid={TextInputTestIds.StepDownButton}\n          >\n            <DownOneIcon theme=\"filled\" size={14} className={styles.numberStepButtonIcon} />\n          </button>\n        </div>\n      ) : undefined;\n\n    const actualSuffix =\n      suffix || numberControls ? (\n        <>\n          {suffix}\n          {numberControls}\n        </>\n      ) : undefined;\n\n    return (\n      <TextInputBase\n        {...restProps}\n        value={value}\n        rootRef={ref}\n        suffix={actualSuffix}\n        inputRef={actualInputRef}\n        onChange={onChange}\n        component={Input}\n        componentProps={componentProps}\n        elementsClassNames={elementsClassNames}\n        testIds={testIds}\n      />\n    );\n  }\n);\n\ntype TextInputNextType = typeof TextInputNextBase & {\n  InfoIcon: typeof InfoIcon;\n  MessageWithIcon: typeof MessageWithIcon;\n  RequiredIndicator: typeof RequiredIndicator;\n  Unit: typeof Unit;\n  Label: typeof Label;\n};\n\n(TextInputNextBase as TextInputNextType).InfoIcon = InfoIcon;\n(TextInputNextBase as TextInputNextType).MessageWithIcon = MessageWithIcon;\n(TextInputNextBase as TextInputNextType).RequiredIndicator = RequiredIndicator;\n(TextInputNextBase as TextInputNextType).Unit = Unit;\n(TextInputNextBase as TextInputNextType).Label = Label;\n\nexport const TextInputNext = TextInputNextBase as TextInputNextType;\n"],"names":["Input","forwardRef","props","ref","_jsx","testIds","input","TextInputTestIds","label","Label","prefix","Prefix","suffix","Suffix","clearButton","ClearButton","message","Message","TextInputNextBase","_ref","value","htmlAttributes","inputType","inputMode","elementsClassNames","inputRef","onChange","restProps","_objectWithoutProperties","_excluded","ownInputRef","useRef","actualInputRef","useCombineRefs","componentProps","useMemo","_objectSpread","type","onNumberStepHandler","useCallback","event","direction","stopPropagation","preventDefault","current","stepUp","stepDown","dispatchEvent","Event","bubbles","onNumberStepUpHandler","onNumberStepDownHandler","numberControls","_jsxs","className","numberStepButtons","children","jsx","tabIndex","onClick","classNames","styles","numberStepButton","up","StepUpButton","UpOneIcon","theme","size","numberStepButtonIcon","down","StepDownButton","DownOneIcon","undefined","actualSuffix","_Fragment","TextInputBase","rootRef","component","InfoIcon","MessageWithIcon","RequiredIndicator","Unit","TextInputNext"],"mappings":"0wOAmCA,IAAMA,EAAgCC,EAAUA,YAAC,SAACC,EAAOC,GAAG,OAAKC,EAAAA,mBAAWF,GAAK,GAAA,CAAEC,IAAKA,IAAO,IAEzFE,EAAU,CACdC,MAAOC,EAAgBA,iBAACP,MACxBQ,MAAOD,EAAgBA,iBAACE,MACxBC,OAAQH,EAAgBA,iBAACI,OACzBC,OAAQL,EAAgBA,iBAACM,OACzBC,YAAaP,EAAgBA,iBAACQ,YAC9BC,QAAST,EAAgBA,iBAACU,SA6CtBC,EAAoBjB,EAAUA,YAClC,SAAAkB,EAYEhB,GACG,IAXDiB,IAAAA,MACAC,IAAAA,eACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,mBACAC,IAAAA,SACAb,IAAAA,OACAc,IAAAA,SACGC,EAASC,EAAA,QAAAT,EAAAU,GAIRC,EAAcC,SAAgC,MAC9CC,EAAiBC,EAAAA,eAAeR,EAAUK,GAE1CI,EAAiBC,EAAAA,SACrB,WAAA,OAAAC,EAAAA,EAAA,CAAA,EAAYf,GAAc,CAAA,EAAA,CAAEgB,KAAMf,EAAWC,UAAAA,GAAY,GACzD,CAACF,EAAgBC,EAAWC,IAGxBe,EAAsBC,EAAAA,aAC1B,SAACC,EAAmBC,GAClBD,EAAME,kBACNF,EAAMG,iBAEFb,EAAYc,UAII,WAAdH,EACFX,EAAYc,QAAQC,SAEpBf,EAAYc,QAAQE,WAGtBhB,EAAYc,QAAQG,cAAc,IAAIC,MAAM,SAAU,CAAEC,SAAS,KAEpE,GACD,IAGIC,EAAwBX,eAC5B,SAAAC,GAAK,OAAIF,EAAoBE,EAAO,YACpC,CAACF,IAGGa,EAA0BZ,eAC9B,SAAAC,GAAK,OAAIF,EAAoBE,EAAO,cACpC,CAACF,IAGGc,EACU,WAAd9B,EACE+B,EAAAA,KAAA,MAAA,CAAKC,UAAW9B,aAAAA,EAAAA,EAAoB+B,kBAAkBC,SACpD,CAAApD,EAAAqD,IAAA,SAAA,CACEC,UAAW,EACXC,QAAST,EACTI,UAAWM,EAAAA,QAAWC,EAAOC,iBAAkBD,EAAOE,IACtD,cAAaxD,EAAgBA,iBAACyD,aAAaR,SAE3CpD,MAAC6D,YAAS,CAACC,MAAM,SAASC,KAAM,GAAIb,UAAWO,EAAOO,yBAExDhE,EAAAqD,IAAA,SAAA,CACEC,UAAW,EACXC,QAASR,EACTG,UAAWM,EAAAA,QAAWC,EAAOC,iBAAkBD,EAAOQ,MACtD,cAAa9D,EAAgBA,iBAAC+D,eAAed,SAE7CpD,MAACmE,cAAW,CAACL,MAAM,SAASC,KAAM,GAAIb,UAAWO,EAAOO,iCAG1DI,EAEAC,EACJ7D,GAAUwC,EACRC,EAAAA,KAAAqB,EAAAA,SAAA,CAAAlB,SACG5C,CAAAA,EACAwC,UAEDoB,EAEN,OACEpE,EAAAA,IAACuE,EAAAA,cAAavC,EAAAA,EAAA,GACRT,GAAS,GAAA,CACbP,MAAOA,EACPwD,QAASzE,EACTS,OAAQ6D,EACRhD,SAAUO,EACVN,SAAUA,EACVmD,UAAW7E,EACXkC,eAAgBA,EAChBV,mBAAoBA,EACpBnB,QAASA,IAGf,IAWDa,EAAwC4D,SAAWA,EAAAA,SACnD5D,EAAwC6D,gBAAkBA,EAAAA,gBAC1D7D,EAAwC8D,kBAAoBA,EAAAA,kBAC5D9D,EAAwC+D,KAAOA,EAAAA,KAC/C/D,EAAwCT,MAAQA,EAAAA,MAE1C,IAAMyE,EAAgBhE"}
+{"version":3,"file":"TextInputNext.js","sources":["../../../../src/componentsV2/TextInputNext/TextInputNext.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  ChangeEvent,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  MouseEvent,\n  MouseEventHandler,\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useCombineRefs } from '../../effects';\n\nimport { TextInputTestIds } from './TextInputNext.constants';\nimport {\n  InfoIcon,\n  Label,\n  MessageWithIcon,\n  RequiredIndicator,\n  Unit,\n} from '../TextInputBase/components';\n\nimport styles from './TextInputNext.scss';\n\nimport { DownOneIcon, UpOneIcon } from '~/icons';\nimport { ComponentProvidedPropNames, TextInputBase, TextInputBaseProps } from '../TextInputBase';\n\ntype AdditionalFieldProps = Omit<\n  Partial<InputHTMLAttributes<HTMLInputElement>>,\n  ComponentProvidedPropNames\n>;\n\ntype BaseProps = TextInputBaseProps<HTMLInputElement, AdditionalFieldProps>;\n\nconst Input: BaseProps['component'] = forwardRef((props, ref) => <input {...props} ref={ref} />);\n\nconst testIds = {\n  input: TextInputTestIds.Input,\n  label: TextInputTestIds.Label,\n  prefix: TextInputTestIds.Prefix,\n  suffix: TextInputTestIds.Suffix,\n  clearButton: TextInputTestIds.ClearButton,\n  message: TextInputTestIds.Message,\n};\n\nexport type TextInputChangeReason = 'clear' | 'change';\n\nexport type TextInputNextProps = Omit<\n  BaseProps,\n  'component' | 'componentProps' | 'elementsClassNames' | 'onChange' | 'testIds'\n> & {\n  /**\n   * Underlying `input`'s element `type` attribute\n   */\n  inputType?: 'text' | 'email' | 'password' | 'number' | 'phone' | 'url' | 'search';\n  /**\n   * Input mode that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n   */\n  inputMode?: HTMLAttributes<HTMLInputElement>['inputMode'];\n  /**\n   * Escape hatch to provide arbitrary html attributes to `input`\n   */\n  htmlAttributes?: Omit<\n    Partial<InputHTMLAttributes<HTMLInputElement>>,\n    ComponentProvidedPropNames | 'type' | 'inputMode'\n  >;\n\n  /**\n   * An escape hatch to tweak styling of internal elements\n   */\n  elementsClassNames?: BaseProps['elementsClassNames'] & {\n    numberStepButtons?: string;\n  };\n\n  /**\n   * Change handler. `TextInputChangeReason` utility type is provided\n   * @param value\n   * @param changeReason\n   * @param event is not present when input is cleared via clear button\n   */\n  onChange?: (\n    value: string,\n    changeReason: TextInputChangeReason,\n    event?: ChangeEvent<HTMLInputElement>\n  ) => void;\n};\n\nconst TextInputNextBase = forwardRef<HTMLElement, TextInputNextProps>(\n  (\n    {\n      value,\n      htmlAttributes,\n      inputType,\n      inputMode,\n      elementsClassNames,\n      inputRef,\n      suffix,\n      onChange,\n      ...restProps\n    },\n    ref\n  ) => {\n    const ownInputRef = useRef<HTMLInputElement | null>(null);\n    const actualInputRef = useCombineRefs(inputRef, ownInputRef);\n\n    const componentProps = useMemo<AdditionalFieldProps>(\n      () => ({ ...htmlAttributes, type: inputType, inputMode }),\n      [htmlAttributes, inputType, inputMode]\n    );\n\n    const onNumberStepHandler = useCallback(\n      (event: MouseEvent, direction: 'stepUp' | 'stepDown') => {\n        event.stopPropagation();\n        event.preventDefault();\n\n        if (ownInputRef.current) {\n          // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/stepUp\n          // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/stepDown\n          // Do same things as built-in arrows, but don't trigger `change` event to be picked up by React\n          if (direction === 'stepUp') {\n            ownInputRef.current.stepUp();\n          } else {\n            ownInputRef.current.stepDown();\n          }\n\n          ownInputRef.current.dispatchEvent(new Event('change', { bubbles: true }));\n        }\n      },\n      []\n    );\n\n    const onNumberStepUpHandler = useCallback<MouseEventHandler>(\n      event => onNumberStepHandler(event, 'stepUp'),\n      [onNumberStepHandler]\n    );\n\n    const onNumberStepDownHandler = useCallback<MouseEventHandler>(\n      event => onNumberStepHandler(event, 'stepDown'),\n      [onNumberStepHandler]\n    );\n\n    const numberControls =\n      inputType === 'number' ? (\n        <div className={elementsClassNames?.numberStepButtons}>\n          <button\n            tabIndex={-1}\n            onClick={onNumberStepUpHandler}\n            className={classNames(styles.numberStepButton, styles.up)}\n            data-testid={TextInputTestIds.StepUpButton}\n          >\n            <UpOneIcon theme=\"filled\" size={14} className={styles.numberStepButtonIcon} />\n          </button>\n          <button\n            tabIndex={-1}\n            onClick={onNumberStepDownHandler}\n            className={classNames(styles.numberStepButton, styles.down)}\n            data-testid={TextInputTestIds.StepDownButton}\n          >\n            <DownOneIcon theme=\"filled\" size={14} className={styles.numberStepButtonIcon} />\n          </button>\n        </div>\n      ) : undefined;\n\n    const actualSuffix =\n      suffix || numberControls ? (\n        <>\n          {suffix}\n          {numberControls}\n        </>\n      ) : undefined;\n\n    return (\n      <TextInputBase\n        {...restProps}\n        value={value}\n        rootRef={ref}\n        suffix={actualSuffix}\n        inputRef={actualInputRef}\n        onChange={onChange}\n        component={Input}\n        componentProps={componentProps}\n        elementsClassNames={elementsClassNames}\n        testIds={testIds}\n      />\n    );\n  }\n);\n\ntype TextInputNextType = typeof TextInputNextBase & {\n  InfoIcon: typeof InfoIcon;\n  MessageWithIcon: typeof MessageWithIcon;\n  RequiredIndicator: typeof RequiredIndicator;\n  Unit: typeof Unit;\n  Label: typeof Label;\n};\n\n(TextInputNextBase as TextInputNextType).InfoIcon = InfoIcon;\n(TextInputNextBase as TextInputNextType).MessageWithIcon = MessageWithIcon;\n(TextInputNextBase as TextInputNextType).RequiredIndicator = RequiredIndicator;\n(TextInputNextBase as TextInputNextType).Unit = Unit;\n(TextInputNextBase as TextInputNextType).Label = Label;\n\nexport const TextInputNext = TextInputNextBase as TextInputNextType;\n"],"names":["Input","forwardRef","props","ref","_jsx","testIds","input","TextInputTestIds","label","Label","prefix","Prefix","suffix","Suffix","clearButton","ClearButton","message","Message","TextInputNextBase","_ref","value","htmlAttributes","inputType","inputMode","elementsClassNames","inputRef","onChange","restProps","_objectWithoutProperties","_excluded","ownInputRef","useRef","actualInputRef","useCombineRefs","componentProps","useMemo","_objectSpread","type","onNumberStepHandler","useCallback","event","direction","stopPropagation","preventDefault","current","stepUp","stepDown","dispatchEvent","Event","bubbles","onNumberStepUpHandler","onNumberStepDownHandler","numberControls","_jsxs","className","numberStepButtons","children","jsx","tabIndex","onClick","classNames","styles","numberStepButton","up","StepUpButton","UpOneIcon","theme","size","numberStepButtonIcon","down","StepDownButton","DownOneIcon","undefined","actualSuffix","_Fragment","TextInputBase","rootRef","component","InfoIcon","MessageWithIcon","RequiredIndicator","Unit","TextInputNext"],"mappings":"ipQAmCA,IAAMA,EAAgCC,EAAUA,YAAC,SAACC,EAAOC,GAAG,OAAKC,EAAAA,mBAAWF,GAAK,GAAA,CAAEC,IAAKA,IAAO,IAEzFE,EAAU,CACdC,MAAOC,EAAgBA,iBAACP,MACxBQ,MAAOD,EAAgBA,iBAACE,MACxBC,OAAQH,EAAgBA,iBAACI,OACzBC,OAAQL,EAAgBA,iBAACM,OACzBC,YAAaP,EAAgBA,iBAACQ,YAC9BC,QAAST,EAAgBA,iBAACU,SA6CtBC,EAAoBjB,EAAUA,YAClC,SAAAkB,EAYEhB,GACG,IAXDiB,IAAAA,MACAC,IAAAA,eACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,mBACAC,IAAAA,SACAb,IAAAA,OACAc,IAAAA,SACGC,EAASC,EAAA,QAAAT,EAAAU,GAIRC,EAAcC,SAAgC,MAC9CC,EAAiBC,EAAAA,eAAeR,EAAUK,GAE1CI,EAAiBC,EAAAA,SACrB,WAAA,OAAAC,EAAAA,EAAA,CAAA,EAAYf,GAAc,CAAA,EAAA,CAAEgB,KAAMf,EAAWC,UAAAA,GAAY,GACzD,CAACF,EAAgBC,EAAWC,IAGxBe,EAAsBC,EAAAA,aAC1B,SAACC,EAAmBC,GAClBD,EAAME,kBACNF,EAAMG,iBAEFb,EAAYc,UAII,WAAdH,EACFX,EAAYc,QAAQC,SAEpBf,EAAYc,QAAQE,WAGtBhB,EAAYc,QAAQG,cAAc,IAAIC,MAAM,SAAU,CAAEC,SAAS,KAEpE,GACD,IAGIC,EAAwBX,eAC5B,SAAAC,GAAK,OAAIF,EAAoBE,EAAO,YACpC,CAACF,IAGGa,EAA0BZ,eAC9B,SAAAC,GAAK,OAAIF,EAAoBE,EAAO,cACpC,CAACF,IAGGc,EACU,WAAd9B,EACE+B,EAAAA,KAAA,MAAA,CAAKC,UAAW9B,aAAAA,EAAAA,EAAoB+B,kBAAkBC,SACpD,CAAApD,EAAAqD,IAAA,SAAA,CACEC,UAAW,EACXC,QAAST,EACTI,UAAWM,EAAAA,QAAWC,EAAOC,iBAAkBD,EAAOE,IACtD,cAAaxD,EAAgBA,iBAACyD,aAAaR,SAE3CpD,MAAC6D,YAAS,CAACC,MAAM,SAASC,KAAM,GAAIb,UAAWO,EAAOO,yBAExDhE,EAAAqD,IAAA,SAAA,CACEC,UAAW,EACXC,QAASR,EACTG,UAAWM,EAAAA,QAAWC,EAAOC,iBAAkBD,EAAOQ,MACtD,cAAa9D,EAAgBA,iBAAC+D,eAAed,SAE7CpD,MAACmE,cAAW,CAACL,MAAM,SAASC,KAAM,GAAIb,UAAWO,EAAOO,iCAG1DI,EAEAC,EACJ7D,GAAUwC,EACRC,EAAAA,KAAAqB,EAAAA,SAAA,CAAAlB,SACG5C,CAAAA,EACAwC,UAEDoB,EAEN,OACEpE,EAAAA,IAACuE,EAAAA,cAAavC,EAAAA,EAAA,GACRT,GAAS,GAAA,CACbP,MAAOA,EACPwD,QAASzE,EACTS,OAAQ6D,EACRhD,SAAUO,EACVN,SAAUA,EACVmD,UAAW7E,EACXkC,eAAgBA,EAChBV,mBAAoBA,EACpBnB,QAASA,IAGf,IAWDa,EAAwC4D,SAAWA,EAAAA,SACnD5D,EAAwC6D,gBAAkBA,EAAAA,gBAC1D7D,EAAwC8D,kBAAoBA,EAAAA,kBAC5D9D,EAAwC+D,KAAOA,EAAAA,KAC/C/D,EAAwCT,MAAQA,EAAAA,MAE1C,IAAMyE,EAAgBhE"}

package/cjs-bundle/componentsV2/WellArchivedMessage/WellArchivedMessage.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/regenerator"),n=require("react");require("../AppCommonsProvider/AppCommonsProvider.js");var o=require("../AppCommonsProvider/AppCommonsContext.js");require("../../utils/index.js");var s=require("../../components/DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js"),u=require("./ModalDisplayComponent/ModalDisplayComponent.js"),a=require("react/jsx-runtime"),l=require("../../utils/resolveWellHubSlug.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=i(e),d=i(r),c=i(t),v=function(e){return"archived"===(null==e?void 0:e.status)},m=function(e){var r=e.displayComponent,t=void 0===r?u.ModalDisplayComponent:r,i=e.onClose,m=o.useAppCommons().well,C=s.useDevCenterRouter(),f=n.useState(v(m)),b=d.default(f,2),q=b[0],j=b[1],x=n.useCallback((function(){null==i||i(),j(!1)}),[i]),y=n.useCallback(p.default(c.default.mark((function e(){var r;return c.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return x(),e.next=3,l();case 3:(r=e.sent)&&C.push("/assets/".concat(null==m?void 0:m.asset_id,"/").concat(r));case 5:case"end":return e.stop()}}),e)}))),[C,null==m?void 0:m.asset_id,x]);return n.useEffect((function(){j(v({status:null==m?void 0:m.status}))}),[null==m?void 0:m.id,null==m?void 0:m.status]),q?a.jsx(t,{onClose:x,onUnarchive:y}):null};m.DisplayComponents={Modal:u.ModalDisplayComponent};var C=m;exports.WellArchivedMessage=C,exports.WellArchivedMessageBase=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),r=require("@babel/runtime/helpers/slicedToArray"),s=require("@babel/runtime/regenerator"),t=require("react");require("../AppCommonsProvider/AppCommonsProvider.js");var i=require("../AppCommonsProvider/AppCommonsContext.js");require("../../components/UserMention/utils/index.js"),require("@babel/runtime/helpers/defineProperty"),require("../../utils/convert.js"),require("../../constants/completion.js"),require("moment"),require("../../constants/alerts.js"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("lodash"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../../components/GradientManager/configuration/constants.js"),require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/mobileDetect.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js");var n=require("../../utils/resolveWellHubSlug.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js");var u=require("../../components/DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js"),o=require("./ModalDisplayComponent/ModalDisplayComponent.js"),a=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),q=l(r),p=l(s),d=function(e){return"archived"===(null==e?void 0:e.status)},m=function(e){var r=e.displayComponent,s=void 0===r?o.ModalDisplayComponent:r,l=e.onClose,m=i.useAppCommons().well,j=u.useDevCenterRouter(),v=t.useState(d(m)),f=q.default(v,2),b=f[0],C=f[1],h=t.useCallback((function(){null==l||l(),C(!1)}),[l]),g=t.useCallback(c.default(p.default.mark((function e(){var r;return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return h(),e.next=3,n();case 3:(r=e.sent)&&j.push("/assets/".concat(null==m?void 0:m.asset_id,"/").concat(r));case 5:case"end":return e.stop()}}),e)}))),[j,null==m?void 0:m.asset_id,h]);return t.useEffect((function(){C(d({status:null==m?void 0:m.status}))}),[null==m?void 0:m.id,null==m?void 0:m.status]),b?a.jsx(s,{onClose:h,onUnarchive:g}):null};m.DisplayComponents={Modal:o.ModalDisplayComponent};var j=m;exports.WellArchivedMessage=j,exports.WellArchivedMessageBase=m;
 //# sourceMappingURL=WellArchivedMessage.js.map

package/cjs-bundle/componentsV2/WellArchivedMessage/WellArchivedMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WellArchivedMessage.js","sources":["../../../../src/componentsV2/WellArchivedMessage/WellArchivedMessage.tsx"],"sourcesContent":["import { ComponentType, useCallback, useEffect, useState } from 'react';\n\nimport { AppCommonsContextType, useAppCommons } from '../AppCommonsProvider';\nimport { resolveWellHubSlug } from '../../utils';\nimport { useDevCenterRouter } from '../../components/DevCenter/DevCenterRouterContext/effects/useDevCenterRouter';\n\nimport { ModalDisplayComponent } from './ModalDisplayComponent';\nimport { WellArchivedMessageDisplayComponentProps } from './types';\n\nexport type WellArchivedMessageProps = {\n  /**\n   * Display component to use\n   */\n  displayComponent?: ComponentType<WellArchivedMessageDisplayComponentProps>;\n  /**\n   * Will be called when message is closed\n   */\n  onClose?: () => void;\n};\n\nconst shouldShowMessage = (well?: { status?: Required<AppCommonsContextType>['well']['status'] }) =>\n  well?.status === 'archived';\n\nexport const WellArchivedMessageBase = ({\n  displayComponent: DisplayComponent = ModalDisplayComponent,\n  onClose,\n}: WellArchivedMessageProps) => {\n  const { well } = useAppCommons();\n  const router = useDevCenterRouter();\n\n  const [isArchivedMessageOpen, setIsArchivedMessageOpen] = useState(shouldShowMessage(well));\n\n  const onCloseMessage = useCallback(() => {\n    onClose?.();\n    setIsArchivedMessageOpen(false);\n  }, [onClose]);\n\n  const onUnarchive = useCallback(async () => {\n    onCloseMessage();\n\n    const wellHubSlug = await resolveWellHubSlug();\n\n    if (wellHubSlug) {\n      router.push(`/assets/${well?.asset_id}/${wellHubSlug}`);\n    }\n  }, [router, well?.asset_id, onCloseMessage]);\n\n  useEffect(\n    () => {\n      setIsArchivedMessageOpen(shouldShowMessage({ status: well?.status }));\n    },\n    // Well is not always referentially stable, so we have to explicitly state which properties we take into account.\n    // We must also depend on well.id here to show the message again if user closes it and then selects another archived well.\n    [well?.id, well?.status]\n  );\n\n  if (!isArchivedMessageOpen) {\n    return null;\n  }\n\n  return <DisplayComponent onClose={onCloseMessage} onUnarchive={onUnarchive} />;\n};\n\ntype WellArchivedMessageType = typeof WellArchivedMessageBase & {\n  DisplayComponents: {\n    Modal: typeof ModalDisplayComponent;\n  };\n};\n\n(WellArchivedMessageBase as WellArchivedMessageType).DisplayComponents = {\n  Modal: ModalDisplayComponent,\n};\n\nexport const WellArchivedMessage = WellArchivedMessageBase as WellArchivedMessageType;\n"],"names":["shouldShowMessage","well","status","WellArchivedMessageBase","_ref","_ref$displayComponent","displayComponent","DisplayComponent","ModalDisplayComponent","onClose","useAppCommons","router","useDevCenterRouter","_useState","useState","_useState2","_slicedToArray","isArchivedMessageOpen","setIsArchivedMessageOpen","onCloseMessage","useCallback","onUnarchive","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wellHubSlug","wrap","_context","prev","next","resolveWellHubSlug","sent","push","asset_id","stop","useEffect","id","_jsx","DisplayComponents","Modal","WellArchivedMessage"],"mappings":"2sBAoBMA,EAAoB,SAACC,GAAqE,MAC7E,cAAjBA,eAAAA,EAAMC,OAAqB,EAEhBC,EAA0B,SAGPC,GAAA,IAAAC,EAAAD,EAF9BE,iBAAkBC,aAAmBC,EAAqBA,sBAAAH,EAC1DI,IAAAA,QAEQR,EAASS,EAAAA,gBAATT,KACFU,EAASC,EAAAA,qBAEfC,EAA0DC,EAAAA,SAASd,EAAkBC,IAAMc,EAAAC,EAAAA,QAAAH,EAAA,GAApFI,EAAqBF,EAAA,GAAEG,EAAwBH,EAAA,GAEhDI,EAAiBC,EAAAA,aAAY,WACjCX,SAAAA,IACAS,GAAyB,EAC3B,GAAG,CAACT,IAEEY,EAAcD,EAAAA,YAAYE,EAAAA,QAAAC,EAAAA,QAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAA,OAAAH,UAAAI,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EACb,OAAjBX,IAAiBS,EAAAE,KAAA,EAESC,IAAoB,KAAA,GAAxCL,EAAWE,EAAAI,OAGfrB,EAAOsB,KAAgBhC,WAAAA,OAAAA,aAAAA,EAAAA,EAAMiC,SAAYR,KAAAA,OAAAA,IAC1C,KAAA,EAAA,IAAA,MAAA,OAAAE,EAAAO,OAAA,GAAAV,EACF,KAAE,CAACd,EAAQV,aAAAA,EAAAA,EAAMiC,SAAUf,IAW5B,OATAiB,EAAAA,WACE,WACElB,EAAyBlB,EAAkB,CAAEE,OAAQD,aAAI,EAAJA,EAAMC,SAC5D,GAGD,CAACD,aAAAA,EAAAA,EAAMoC,GAAIpC,aAAAA,EAAAA,EAAMC,SAGde,EAIEqB,EAAAA,IAAC/B,EAAgB,CAACE,QAASU,EAAgBE,YAAaA,IAHtD,IAIX,EAQClB,EAAoDoC,kBAAoB,CACvEC,MAAOhC,EAAAA,uBAGF,IAAMiC,EAAsBtC"}
+{"version":3,"file":"WellArchivedMessage.js","sources":["../../../../src/componentsV2/WellArchivedMessage/WellArchivedMessage.tsx"],"sourcesContent":["import { ComponentType, useCallback, useEffect, useState } from 'react';\n\nimport { AppCommonsContextType, useAppCommons } from '../AppCommonsProvider';\nimport { resolveWellHubSlug } from '../../utils';\nimport { useDevCenterRouter } from '../../components/DevCenter/DevCenterRouterContext/effects/useDevCenterRouter';\n\nimport { ModalDisplayComponent } from './ModalDisplayComponent';\nimport { WellArchivedMessageDisplayComponentProps } from './types';\n\nexport type WellArchivedMessageProps = {\n  /**\n   * Display component to use\n   */\n  displayComponent?: ComponentType<WellArchivedMessageDisplayComponentProps>;\n  /**\n   * Will be called when message is closed\n   */\n  onClose?: () => void;\n};\n\nconst shouldShowMessage = (well?: { status?: Required<AppCommonsContextType>['well']['status'] }) =>\n  well?.status === 'archived';\n\nexport const WellArchivedMessageBase = ({\n  displayComponent: DisplayComponent = ModalDisplayComponent,\n  onClose,\n}: WellArchivedMessageProps) => {\n  const { well } = useAppCommons();\n  const router = useDevCenterRouter();\n\n  const [isArchivedMessageOpen, setIsArchivedMessageOpen] = useState(shouldShowMessage(well));\n\n  const onCloseMessage = useCallback(() => {\n    onClose?.();\n    setIsArchivedMessageOpen(false);\n  }, [onClose]);\n\n  const onUnarchive = useCallback(async () => {\n    onCloseMessage();\n\n    const wellHubSlug = await resolveWellHubSlug();\n\n    if (wellHubSlug) {\n      router.push(`/assets/${well?.asset_id}/${wellHubSlug}`);\n    }\n  }, [router, well?.asset_id, onCloseMessage]);\n\n  useEffect(\n    () => {\n      setIsArchivedMessageOpen(shouldShowMessage({ status: well?.status }));\n    },\n    // Well is not always referentially stable, so we have to explicitly state which properties we take into account.\n    // We must also depend on well.id here to show the message again if user closes it and then selects another archived well.\n    [well?.id, well?.status]\n  );\n\n  if (!isArchivedMessageOpen) {\n    return null;\n  }\n\n  return <DisplayComponent onClose={onCloseMessage} onUnarchive={onUnarchive} />;\n};\n\ntype WellArchivedMessageType = typeof WellArchivedMessageBase & {\n  DisplayComponents: {\n    Modal: typeof ModalDisplayComponent;\n  };\n};\n\n(WellArchivedMessageBase as WellArchivedMessageType).DisplayComponents = {\n  Modal: ModalDisplayComponent,\n};\n\nexport const WellArchivedMessage = WellArchivedMessageBase as WellArchivedMessageType;\n"],"names":["shouldShowMessage","well","status","WellArchivedMessageBase","_ref","_ref$displayComponent","displayComponent","DisplayComponent","ModalDisplayComponent","onClose","useAppCommons","router","useDevCenterRouter","_useState","useState","_useState2","_slicedToArray","isArchivedMessageOpen","setIsArchivedMessageOpen","onCloseMessage","useCallback","onUnarchive","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wellHubSlug","wrap","_context","prev","next","resolveWellHubSlug","sent","push","asset_id","stop","useEffect","id","_jsx","DisplayComponents","Modal","WellArchivedMessage"],"mappings":"y8EAoBMA,EAAoB,SAACC,GAAqE,MAC7E,cAAjBA,eAAAA,EAAMC,OAAqB,EAEhBC,EAA0B,SAGPC,GAAA,IAAAC,EAAAD,EAF9BE,iBAAkBC,aAAmBC,EAAqBA,sBAAAH,EAC1DI,IAAAA,QAEQR,EAASS,EAAAA,gBAATT,KACFU,EAASC,EAAAA,qBAEfC,EAA0DC,EAAAA,SAASd,EAAkBC,IAAMc,EAAAC,EAAAA,QAAAH,EAAA,GAApFI,EAAqBF,EAAA,GAAEG,EAAwBH,EAAA,GAEhDI,EAAiBC,EAAAA,aAAY,WACjCX,SAAAA,IACAS,GAAyB,EAC3B,GAAG,CAACT,IAEEY,EAAcD,EAAAA,YAAYE,EAAAA,QAAAC,EAAAA,QAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAA,OAAAH,UAAAI,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EACb,OAAjBX,IAAiBS,EAAAE,KAAA,EAESC,IAAoB,KAAA,GAAxCL,EAAWE,EAAAI,OAGfrB,EAAOsB,KAAgBhC,WAAAA,OAAAA,aAAAA,EAAAA,EAAMiC,SAAYR,KAAAA,OAAAA,IAC1C,KAAA,EAAA,IAAA,MAAA,OAAAE,EAAAO,OAAA,GAAAV,EACF,KAAE,CAACd,EAAQV,aAAAA,EAAAA,EAAMiC,SAAUf,IAW5B,OATAiB,EAAAA,WACE,WACElB,EAAyBlB,EAAkB,CAAEE,OAAQD,aAAI,EAAJA,EAAMC,SAC5D,GAGD,CAACD,aAAAA,EAAAA,EAAMoC,GAAIpC,aAAAA,EAAAA,EAAMC,SAGde,EAIEqB,EAAAA,IAAC/B,EAAgB,CAACE,QAASU,EAAgBE,YAAaA,IAHtD,IAIX,EAQClB,EAAoDoC,kBAAoB,CACvEC,MAAOhC,EAAAA,uBAGF,IAAMiC,EAAsBtC"}

package/cjs-bundle/constants/notifications.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),t=require("immutable");function I(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=I(e),T={activity:"Activity",activityComment:"Comment",activityLike:"Like",dashboardAppAnnotation:"DashboardAppAnnotation"},r={DATE_RANGE_FILTERS:[{label:"All",value:"all"},{label:"Last 12 hours",value:"last12hours"},{label:"Last 24 hours",value:"last24hours"},{label:"Last 7 days",value:"last7days"},{label:"Last month",value:"lastMonth"},{label:"Custom",value:"custom"}],CONTENT_TYPE_FILTERS:[{label:"Feed post",value:"activity",trigger:T.activity},{label:"Comment",value:"comment",trigger:T.activityComment},{label:"Like",value:"Like",trigger:T.activityLike},{label:"Annotation",value:"dashboard_app_annotation",trigger:T.dashboardAppAnnotation}]},N=t.List(r.CONTENT_TYPE_FILTERS.reduce((function(e,t){var I=t.value;return[].concat(a.default(e),[I])}),[])),o={triggerType:N.toArray(),perPage:20,sort:"created_at",order:"desc"};exports.ADD_NEW_NOTIFICATION="ADD_NEW_NOTIFICATION",exports.ADD_NOTIFICATIONS="ADD_NOTIFICATIONS",exports.CLEAR_UNREAD_NOTIFICATIONS_COUNT="CLEAR_UNREAD_NOTIFICATIONS_COUNT",exports.INCREASE_UNREAD_NOTIFICATIONS_COUNT="INCREASE_UNREAD_NOTIFICATIONS_COUNT",exports.NAME="notifications",exports.NOTIFICATION={SUBSCRIPTIONS:[{collection:"notification"}]},exports.NOTIFICATIONS_LOADING_ATTEMPT="NOTIFICATIONS_LOADING_ATTEMPT",exports.NOTIFICATIONS_LOADING_ERROR="NOTIFICATIONS_LOADING_ERROR",exports.NOTIFICATION_TRIGGER_TYPES=T,exports.NOTIFICATION_VARIANTS={success:"success",info:"info",warning:"warning",error:"error"},exports.REMOVE_NOTIFICATION="REMOVE_NOTIFICATION",exports.SET_NOTIFICATIONS="SET_NOTIFICATIONS",exports.SET_UNREAD_NOTIFICATIONS_COUNT="SET_UNREAD_NOTIFICATIONS_COUNT",exports.SIDEBAR_FILTERS=r,exports.defaultContentTypesFilter=N,exports.defaultRequestFilters=o;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@babel/runtime/helpers/toConsumableArray")),I={activity:"Activity",activityComment:"Comment",activityLike:"Like",dashboardAppAnnotation:"DashboardAppAnnotation"},T={DATE_RANGE_FILTERS:[{label:"All",value:"all"},{label:"Last 12 hours",value:"last12hours"},{label:"Last 24 hours",value:"last24hours"},{label:"Last 7 days",value:"last7days"},{label:"Last month",value:"lastMonth"},{label:"Custom",value:"custom"}],CONTENT_TYPE_FILTERS:[{label:"Feed post",value:"activity",trigger:I.activity},{label:"Comment",value:"comment",trigger:I.activityComment},{label:"Like",value:"Like",trigger:I.activityLike},{label:"Annotation",value:"dashboard_app_annotation",trigger:I.dashboardAppAnnotation}]},a=T.CONTENT_TYPE_FILTERS.reduce((function(e,I){var T=I.value;return[].concat(t.default(e),[T])}),[]),N={triggerType:t.default(a),perPage:20,sort:"created_at",order:"desc"};exports.ADD_NEW_NOTIFICATION="ADD_NEW_NOTIFICATION",exports.ADD_NOTIFICATIONS="ADD_NOTIFICATIONS",exports.CLEAR_UNREAD_NOTIFICATIONS_COUNT="CLEAR_UNREAD_NOTIFICATIONS_COUNT",exports.INCREASE_UNREAD_NOTIFICATIONS_COUNT="INCREASE_UNREAD_NOTIFICATIONS_COUNT",exports.NAME="notifications",exports.NOTIFICATION={SUBSCRIPTIONS:[{collection:"notification"}]},exports.NOTIFICATIONS_LOADING_ATTEMPT="NOTIFICATIONS_LOADING_ATTEMPT",exports.NOTIFICATIONS_LOADING_ERROR="NOTIFICATIONS_LOADING_ERROR",exports.NOTIFICATION_TRIGGER_TYPES=I,exports.NOTIFICATION_VARIANTS={success:"success",info:"info",warning:"warning",error:"error"},exports.REMOVE_NOTIFICATION="REMOVE_NOTIFICATION",exports.SET_NOTIFICATIONS="SET_NOTIFICATIONS",exports.SET_UNREAD_NOTIFICATIONS_COUNT="SET_UNREAD_NOTIFICATIONS_COUNT",exports.SIDEBAR_FILTERS=T,exports.defaultContentTypesFilter=a,exports.defaultRequestFilters=N;
 //# sourceMappingURL=notifications.js.map

package/cjs-bundle/constants/notifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"notifications.js","sources":["../../../src/constants/notifications.js"],"sourcesContent":["import { List } from 'immutable';\n\nexport const NAME = 'notifications';\n\nexport const ADD_NEW_NOTIFICATION = 'ADD_NEW_NOTIFICATION';\nexport const INCREASE_UNREAD_NOTIFICATIONS_COUNT = 'INCREASE_UNREAD_NOTIFICATIONS_COUNT';\nexport const CLEAR_UNREAD_NOTIFICATIONS_COUNT = 'CLEAR_UNREAD_NOTIFICATIONS_COUNT';\nexport const SET_UNREAD_NOTIFICATIONS_COUNT = 'SET_UNREAD_NOTIFICATIONS_COUNT';\nexport const SET_NOTIFICATIONS = 'SET_NOTIFICATIONS';\nexport const ADD_NOTIFICATIONS = 'ADD_NOTIFICATIONS';\nexport const NOTIFICATIONS_LOADING_ATTEMPT = 'NOTIFICATIONS_LOADING_ATTEMPT';\nexport const NOTIFICATIONS_LOADING_ERROR = 'NOTIFICATIONS_LOADING_ERROR';\nexport const REMOVE_NOTIFICATION = 'REMOVE_NOTIFICATION';\n\nexport const NOTIFICATION = {\n  SUBSCRIPTIONS: [\n    {\n      collection: 'notification',\n    },\n  ],\n};\n\nexport const NOTIFICATION_TRIGGER_TYPES = {\n  activity: 'Activity',\n  activityComment: 'Comment',\n  activityLike: 'Like',\n  dashboardAppAnnotation: 'DashboardAppAnnotation',\n  // alert: 'Alert',\n};\n\nexport const SIDEBAR_FILTERS = {\n  DATE_RANGE_FILTERS: [\n    // NOTE: Order matters in handleChangeDateRangeFilter and renderDateRangeFilters\n    { label: 'All', value: 'all' },\n    { label: 'Last 12 hours', value: 'last12hours' },\n    { label: 'Last 24 hours', value: 'last24hours' },\n    { label: 'Last 7 days', value: 'last7days' },\n    { label: 'Last month', value: 'lastMonth' },\n    { label: 'Custom', value: 'custom' },\n  ],\n\n  CONTENT_TYPE_FILTERS: [\n    { label: 'Feed post', value: 'activity', trigger: NOTIFICATION_TRIGGER_TYPES.activity },\n    { label: 'Comment', value: 'comment', trigger: NOTIFICATION_TRIGGER_TYPES.activityComment },\n    { label: 'Like', value: 'Like', trigger: NOTIFICATION_TRIGGER_TYPES.activityLike },\n    {\n      label: 'Annotation',\n      value: 'dashboard_app_annotation',\n      trigger: NOTIFICATION_TRIGGER_TYPES.dashboardAppAnnotation,\n    },\n    // { label: 'Alert', value: 'alert', trigger: NOTIFICATION_TRIGGER_TYPES.alert },\n  ],\n};\n\nexport const defaultContentTypesFilter = List(\n  SIDEBAR_FILTERS.CONTENT_TYPE_FILTERS.reduce((result, { value }) => [...result, value], [])\n);\n\nexport const defaultRequestFilters = {\n  triggerType: defaultContentTypesFilter.toArray(),\n  perPage: 20,\n  sort: 'created_at',\n  order: 'desc',\n};\n\nexport const NOTIFICATION_VARIANTS = {\n  success: 'success',\n  info: 'info',\n  warning: 'warning',\n  error: 'error',\n};\n"],"names":["NOTIFICATION_TRIGGER_TYPES","activity","activityComment","activityLike","dashboardAppAnnotation","SIDEBAR_FILTERS","DATE_RANGE_FILTERS","label","value","CONTENT_TYPE_FILTERS","trigger","defaultContentTypesFilter","List","reduce","result","_ref","defaultRequestFilters","triggerType","toArray","perPage","sort","order","SUBSCRIPTIONS","collection","success","info","warning","error"],"mappings":"wOAsBaA,EAA6B,CACxCC,SAAU,WACVC,gBAAiB,UACjBC,aAAc,OACdC,uBAAwB,0BAIbC,EAAkB,CAC7BC,mBAAoB,CAElB,CAAEC,MAAO,MAAOC,MAAO,OACvB,CAAED,MAAO,gBAAiBC,MAAO,eACjC,CAAED,MAAO,gBAAiBC,MAAO,eACjC,CAAED,MAAO,cAAeC,MAAO,aAC/B,CAAED,MAAO,aAAcC,MAAO,aAC9B,CAAED,MAAO,SAAUC,MAAO,WAG5BC,qBAAsB,CACpB,CAAEF,MAAO,YAAaC,MAAO,WAAYE,QAASV,EAA2BC,UAC7E,CAAEM,MAAO,UAAWC,MAAO,UAAWE,QAASV,EAA2BE,iBAC1E,CAAEK,MAAO,OAAQC,MAAO,OAAQE,QAASV,EAA2BG,cACpE,CACEI,MAAO,aACPC,MAAO,2BACPE,QAASV,EAA2BI,0BAM7BO,EAA4BC,EAAIA,KAC3CP,EAAgBI,qBAAqBI,QAAO,SAACC,EAAMC,GAAA,IAAIP,IAAAA,MAAK,MAAWM,GAAAA,OAAAA,EAAAA,QAAAA,IAAQN,GAAK,GAAG,KAG5EQ,EAAwB,CACnCC,YAAaN,EAA0BO,UACvCC,QAAS,GACTC,KAAM,aACNC,MAAO,qCA1D2B,iDAKH,6DAHe,+EADG,mDAH/B,qCAYQ,CAC1BC,cAAe,CACb,CACEC,WAAY,wDAP2B,oEACF,iGAsDN,CACnCC,QAAS,UACTC,KAAM,OACNC,QAAS,UACTC,MAAO,qCAzD0B,gDAJF,2DADa"}
+{"version":3,"file":"notifications.js","sources":["../../../src/constants/notifications.js"],"sourcesContent":["export const NAME = 'notifications';\n\nexport const ADD_NEW_NOTIFICATION = 'ADD_NEW_NOTIFICATION';\nexport const INCREASE_UNREAD_NOTIFICATIONS_COUNT = 'INCREASE_UNREAD_NOTIFICATIONS_COUNT';\nexport const CLEAR_UNREAD_NOTIFICATIONS_COUNT = 'CLEAR_UNREAD_NOTIFICATIONS_COUNT';\nexport const SET_UNREAD_NOTIFICATIONS_COUNT = 'SET_UNREAD_NOTIFICATIONS_COUNT';\nexport const SET_NOTIFICATIONS = 'SET_NOTIFICATIONS';\nexport const ADD_NOTIFICATIONS = 'ADD_NOTIFICATIONS';\nexport const NOTIFICATIONS_LOADING_ATTEMPT = 'NOTIFICATIONS_LOADING_ATTEMPT';\nexport const NOTIFICATIONS_LOADING_ERROR = 'NOTIFICATIONS_LOADING_ERROR';\nexport const REMOVE_NOTIFICATION = 'REMOVE_NOTIFICATION';\n\nexport const NOTIFICATION = {\n  SUBSCRIPTIONS: [\n    {\n      collection: 'notification',\n    },\n  ],\n};\n\nexport const NOTIFICATION_TRIGGER_TYPES = {\n  activity: 'Activity',\n  activityComment: 'Comment',\n  activityLike: 'Like',\n  dashboardAppAnnotation: 'DashboardAppAnnotation',\n  // alert: 'Alert',\n};\n\nexport const SIDEBAR_FILTERS = {\n  DATE_RANGE_FILTERS: [\n    // NOTE: Order matters in handleChangeDateRangeFilter and renderDateRangeFilters\n    { label: 'All', value: 'all' },\n    { label: 'Last 12 hours', value: 'last12hours' },\n    { label: 'Last 24 hours', value: 'last24hours' },\n    { label: 'Last 7 days', value: 'last7days' },\n    { label: 'Last month', value: 'lastMonth' },\n    { label: 'Custom', value: 'custom' },\n  ],\n\n  CONTENT_TYPE_FILTERS: [\n    { label: 'Feed post', value: 'activity', trigger: NOTIFICATION_TRIGGER_TYPES.activity },\n    { label: 'Comment', value: 'comment', trigger: NOTIFICATION_TRIGGER_TYPES.activityComment },\n    { label: 'Like', value: 'Like', trigger: NOTIFICATION_TRIGGER_TYPES.activityLike },\n    {\n      label: 'Annotation',\n      value: 'dashboard_app_annotation',\n      trigger: NOTIFICATION_TRIGGER_TYPES.dashboardAppAnnotation,\n    },\n    // { label: 'Alert', value: 'alert', trigger: NOTIFICATION_TRIGGER_TYPES.alert },\n  ],\n};\n\nexport const defaultContentTypesFilter = SIDEBAR_FILTERS.CONTENT_TYPE_FILTERS.reduce(\n  (result, { value }) => [...result, value],\n  []\n);\n\nexport const defaultRequestFilters = {\n  // A copy, not the export: `List(...).toArray()` handed this a fresh array, so mutating one of\n  // the two exported defaults never reached the other.\n  triggerType: [...defaultContentTypesFilter],\n  perPage: 20,\n  sort: 'created_at',\n  order: 'desc',\n};\n\nexport const NOTIFICATION_VARIANTS = {\n  success: 'success',\n  info: 'info',\n  warning: 'warning',\n  error: 'error',\n};\n"],"names":["NOTIFICATION_TRIGGER_TYPES","activity","activityComment","activityLike","dashboardAppAnnotation","SIDEBAR_FILTERS","DATE_RANGE_FILTERS","label","value","CONTENT_TYPE_FILTERS","trigger","defaultContentTypesFilter","reduce","result","_ref","defaultRequestFilters","triggerType","_toConsumableArray","perPage","sort","order","SUBSCRIPTIONS","collection","success","info","warning","error"],"mappings":"yMAoBaA,EAA6B,CACxCC,SAAU,WACVC,gBAAiB,UACjBC,aAAc,OACdC,uBAAwB,0BAIbC,EAAkB,CAC7BC,mBAAoB,CAElB,CAAEC,MAAO,MAAOC,MAAO,OACvB,CAAED,MAAO,gBAAiBC,MAAO,eACjC,CAAED,MAAO,gBAAiBC,MAAO,eACjC,CAAED,MAAO,cAAeC,MAAO,aAC/B,CAAED,MAAO,aAAcC,MAAO,aAC9B,CAAED,MAAO,SAAUC,MAAO,WAG5BC,qBAAsB,CACpB,CAAEF,MAAO,YAAaC,MAAO,WAAYE,QAASV,EAA2BC,UAC7E,CAAEM,MAAO,UAAWC,MAAO,UAAWE,QAASV,EAA2BE,iBAC1E,CAAEK,MAAO,OAAQC,MAAO,OAAQE,QAASV,EAA2BG,cACpE,CACEI,MAAO,aACPC,MAAO,2BACPE,QAASV,EAA2BI,0BAM7BO,EAA4BN,EAAgBI,qBAAqBG,QAC5E,SAACC,EAAMC,GAAA,IAAIN,IAAAA,MAAK,MAAWK,GAAAA,OAAAA,EAAAA,QAAAA,IAAQL,GAAK,GACxC,IAGWO,EAAwB,CAGnCC,YAAWC,EAAA,QAAMN,GACjBO,QAAS,GACTC,KAAM,aACNC,MAAO,qCA7D2B,iDAKH,6DAHe,+EADG,mDAH/B,qCAYQ,CAC1BC,cAAe,CACb,CACEC,WAAY,wDAP2B,oEACF,iGAyDN,CACnCC,QAAS,UACTC,KAAM,OACNC,QAAS,UACTC,MAAO,qCA5D0B,gDAJF,2DADa"}

package/cjs-bundle/effects/useGlobalOffsetWellsSync.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("react");require("../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../clients/subscriptions.v1.js"),require("../clients/jsonApi/index.js"),require("../clients/subscriptions/subscriptions-client.factory.js"),require("immutable"),require("query-string"),require("../constants/goals.js"),require("../constants/segment.js"),require("../constants/alerts.js"),require("../constants/apps.js"),require("../constants/drillstring.js"),require("../constants/completion.js"),require("../constants/appPackages.js"),require("../constants/notifications.js"),require("../constants/feed.js"),require("../constants/bha.js"),require("../constants/corvaCompanyId.js"),require("../components/GradientManager/configuration/constants.js"),require("../utils/index.js"),require("uuid"),require("jsona"),require("../utils/env.js"),require("../components/StatusBadge/constants.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../clients/api/apiCore.js"),require("../clients/constants.js"),require("../clients/sso/auth0.js"),require("../clients/sso/oauth2.js"),require("../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../constants/streamSourceType.js"),require("../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../componentsV2/AppCommonsProvider/AppCommonsProvider.js");var t=require("../componentsV2/AppCommonsProvider/AppCommonsContext.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../componentsV2/AppPanel/AppPanelsContext.js");var n=s(e);function i(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);r&&(s=s.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,s)}return t}function o(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?i(Object(t),!0).forEach((function(r){n.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):i(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}exports.useGlobalOffsetWellsSync=function(e,s,n){var i,u,l=t.useAppCommons(),a=null==l?void 0:l.globalOffsetWells,c=null==l?void 0:l.globalOffsetWellsVersion,p=null!==(i=null==l?void 0:l.globalOffsetWellsToken)&&void 0!==i?i:null==l||null===(u=l.dashboardMeta)||void 0===u?void 0:u.globalOffsetWellsToken,q=r.useRef(),d=r.useRef();r.useEffect((function(){if(a&&Array.isArray(a)){var r=a.slice(0,n),t=r.map((function(e){return e.id})),i=e||{};if(void 0!==p)return q.current=c,i.globalOffsetWellsAppliedToken===p?void(d.current=void 0):void(d.current!==p&&(d.current=p,s(o(o({},i),{},{selectedWellIds:t,globalOffsetWellsAppliedToken:p}),r)));void 0!==c&&(void 0!==q.current?q.current!==c&&(q.current=c,s(o(o({},i),{},{selectedWellIds:t}),r)):q.current=c)}}),[p,c,a,n,e,s])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("react");require("../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../clients/subscriptions.v1.js"),require("../clients/jsonApi/index.js"),require("../clients/subscriptions/subscriptions-client.factory.js"),require("query-string"),require("../constants/goals.js"),require("../constants/segment.js"),require("../constants/alerts.js"),require("../constants/apps.js"),require("../constants/drillstring.js"),require("../constants/completion.js"),require("../constants/appPackages.js"),require("../constants/notifications.js"),require("../constants/feed.js"),require("../constants/bha.js"),require("../constants/corvaCompanyId.js"),require("../components/GradientManager/configuration/constants.js"),require("../components/UserMention/utils/index.js"),require("../utils/convert.js"),require("moment"),require("../utils/casing/validation.js"),require("lodash/mean"),require("../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../utils/ga.js"),require("../utils/goalsConfig/goalsConfig.js"),require("../utils/lasParser.js"),require("../utils/main.js"),require("../utils/metrics/metricsConfig.js"),require("../utils/mobileDetect.js"),require("../utils/feed.js"),require("../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../utils/dashboardReports.js"),require("../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../utils/jsonaDataFormatter.js"),require("../utils/bha.js"),require("jsona"),require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../utils/charts/Styles.scss.js"),require("../utils/getSingleAsset.js"),require("uuid"),require("../components/StatusBadge/constants.js"),require("lodash/unset"),require("../clients/api/apiCore.js"),require("../clients/constants.js"),require("../clients/sso/auth0.js"),require("../clients/sso/oauth2.js"),require("../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../componentsV2/AppCommonsProvider/AppCommonsProvider.js");var s=require("../componentsV2/AppCommonsProvider/AppCommonsContext.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../componentsV2/AppPanel/AppPanelsContext.js");var i=t(e);function n(e,r){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),s.push.apply(s,t)}return s}function o(e){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?n(Object(s),!0).forEach((function(r){i.default(e,r,s[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):n(Object(s)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(s,r))}))}return e}exports.useGlobalOffsetWellsSync=function(e,t,i){var n,u,l=s.useAppCommons(),a=null==l?void 0:l.globalOffsetWells,c=null==l?void 0:l.globalOffsetWellsVersion,q=null!==(n=null==l?void 0:l.globalOffsetWellsToken)&&void 0!==n?n:null==l||null===(u=l.dashboardMeta)||void 0===u?void 0:u.globalOffsetWellsToken,p=r.useRef(),j=r.useRef();r.useEffect((function(){if(a&&Array.isArray(a)){var r=a.slice(0,i),s=r.map((function(e){return e.id})),n=e||{};if(void 0!==q)return p.current=c,n.globalOffsetWellsAppliedToken===q?void(j.current=void 0):void(j.current!==q&&(j.current=q,t(o(o({},n),{},{selectedWellIds:s,globalOffsetWellsAppliedToken:q}),r)));void 0!==c&&(void 0!==p.current?p.current!==c&&(p.current=c,t(o(o({},n),{},{selectedWellIds:s}),r)):p.current=c)}}),[q,c,a,i,e,t])};
 //# sourceMappingURL=useGlobalOffsetWellsSync.js.map

package/cjs-bundle/effects/useGlobalOffsetWellsSync.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalOffsetWellsSync.js","sources":["../../../src/effects/useGlobalOffsetWellsSync.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { useAppCommons } from '~/effects';\n\nexport const useGlobalOffsetWellsSync = (offsetSettings, onChange, maxOffsetWellNumber) => {\n  const appCommons = useAppCommons();\n  const globalOffsetWells = appCommons?.globalOffsetWells;\n  const globalOffsetWellsVersion = appCommons?.globalOffsetWellsVersion;\n  const globalOffsetWellsToken =\n    appCommons?.globalOffsetWellsToken ?? appCommons?.dashboardMeta?.globalOffsetWellsToken;\n  const prevVersionRef = useRef();\n  const lastEmittedTokenRef = useRef();\n\n  useEffect(() => {\n    if (!globalOffsetWells || !Array.isArray(globalOffsetWells)) return;\n\n    const globalOffsetWellsTrimmed = globalOffsetWells.slice(0, maxOffsetWellNumber);\n    const globalIds = globalOffsetWellsTrimmed.map(w => w.id);\n    const baseSettings = offsetSettings || {};\n\n    // Level-triggered: adopt when platform token differs from last applied token.\n    // Token mode is exclusive — never falls through to the legacy version path,\n    // so version bumps cannot clobber a user edit made under an adopted token.\n    if (globalOffsetWellsToken !== undefined) {\n      prevVersionRef.current = globalOffsetWellsVersion;\n\n      const appliedToken = baseSettings.globalOffsetWellsAppliedToken;\n\n      if (appliedToken === globalOffsetWellsToken) {\n        // Adoption landed in settings — re-arm so a later settings clobber\n        // (e.g. template load restoring a stale token) re-adopts\n        lastEmittedTokenRef.current = undefined;\n        return;\n      }\n\n      if (lastEmittedTokenRef.current !== globalOffsetWellsToken) {\n        lastEmittedTokenRef.current = globalOffsetWellsToken;\n\n        onChange(\n          {\n            ...baseSettings,\n            selectedWellIds: globalIds,\n            globalOffsetWellsAppliedToken: globalOffsetWellsToken,\n          },\n          globalOffsetWellsTrimmed\n        );\n      }\n      return;\n    }\n\n    // Legacy: react only to version bumps after mount\n    if (globalOffsetWellsVersion === undefined) return;\n\n    if (prevVersionRef.current === undefined) {\n      prevVersionRef.current = globalOffsetWellsVersion;\n      return;\n    }\n\n    if (prevVersionRef.current === globalOffsetWellsVersion) return;\n    prevVersionRef.current = globalOffsetWellsVersion;\n\n    onChange({ ...baseSettings, selectedWellIds: globalIds }, globalOffsetWellsTrimmed);\n  }, [\n    globalOffsetWellsToken,\n    globalOffsetWellsVersion,\n    globalOffsetWells,\n    maxOffsetWellNumber,\n    offsetSettings,\n    onChange,\n  ]);\n};\n"],"names":["offsetSettings","onChange","maxOffsetWellNumber","_appCommons$globalOff","_appCommons$dashboard","appCommons","useAppCommons","globalOffsetWells","globalOffsetWellsVersion","globalOffsetWellsToken","dashboardMeta","prevVersionRef","useRef","lastEmittedTokenRef","useEffect","Array","isArray","globalOffsetWellsTrimmed","slice","globalIds","map","w","id","baseSettings","undefined","current","globalOffsetWellsAppliedToken","selectedWellIds"],"mappings":"8iFAIwC,SAACA,EAAgBC,EAAUC,GAAwB,IAAAC,EAAAC,EACnFC,EAAaC,EAAAA,gBACbC,EAAoBF,aAAAA,EAAAA,EAAYE,kBAChCC,EAA2BH,aAAAA,EAAAA,EAAYG,yBACvCC,UACJJ,EAAAA,aAAU,EAAVA,EAAYI,sCAA0BJ,SAAyB,QAAzBA,EAAAA,EAAYK,qBAAa,IAAAN,OAAzBC,EAAAD,EAA2BK,uBAC7DE,EAAiBC,EAAAA,SACjBC,EAAsBD,EAAAA,SAE5BE,EAAAA,WAAU,WACR,GAAKP,GAAsBQ,MAAMC,QAAQT,GAAzC,CAEA,IAAMU,EAA2BV,EAAkBW,MAAM,EAAGhB,GACtDiB,EAAYF,EAAyBG,KAAI,SAAAC,GAAC,OAAIA,EAAEC,MAChDC,EAAevB,GAAkB,GAKvC,QAA+BwB,IAA3Bf,EAKF,OAJAE,EAAec,QAAUjB,EAEJe,EAAaG,gCAEbjB,OAGnBI,EAAoBY,aAAUD,QAI5BX,EAAoBY,UAAYhB,IAClCI,EAAoBY,QAAUhB,EAE9BR,SAEOsB,GAAY,CAAA,EAAA,CACfI,gBAAiBR,EACjBO,8BAA+BjB,IAEjCQ,UAO2BO,IAA7BhB,SAE2BgB,IAA3Bb,EAAec,QAKfd,EAAec,UAAYjB,IAC/BG,EAAec,QAAUjB,EAEzBP,SAAcsB,GAAY,CAAA,EAAA,CAAEI,gBAAiBR,IAAaF,IAPxDN,EAAec,QAAUjB,EAxCkC,CAgD/D,GAAG,CACDC,EACAD,EACAD,EACAL,EACAF,EACAC,GAEJ"}
+{"version":3,"file":"useGlobalOffsetWellsSync.js","sources":["../../../src/effects/useGlobalOffsetWellsSync.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { useAppCommons } from '~/effects';\n\nexport const useGlobalOffsetWellsSync = (offsetSettings, onChange, maxOffsetWellNumber) => {\n  const appCommons = useAppCommons();\n  const globalOffsetWells = appCommons?.globalOffsetWells;\n  const globalOffsetWellsVersion = appCommons?.globalOffsetWellsVersion;\n  const globalOffsetWellsToken =\n    appCommons?.globalOffsetWellsToken ?? appCommons?.dashboardMeta?.globalOffsetWellsToken;\n  const prevVersionRef = useRef();\n  const lastEmittedTokenRef = useRef();\n\n  useEffect(() => {\n    if (!globalOffsetWells || !Array.isArray(globalOffsetWells)) return;\n\n    const globalOffsetWellsTrimmed = globalOffsetWells.slice(0, maxOffsetWellNumber);\n    const globalIds = globalOffsetWellsTrimmed.map(w => w.id);\n    const baseSettings = offsetSettings || {};\n\n    // Level-triggered: adopt when platform token differs from last applied token.\n    // Token mode is exclusive — never falls through to the legacy version path,\n    // so version bumps cannot clobber a user edit made under an adopted token.\n    if (globalOffsetWellsToken !== undefined) {\n      prevVersionRef.current = globalOffsetWellsVersion;\n\n      const appliedToken = baseSettings.globalOffsetWellsAppliedToken;\n\n      if (appliedToken === globalOffsetWellsToken) {\n        // Adoption landed in settings — re-arm so a later settings clobber\n        // (e.g. template load restoring a stale token) re-adopts\n        lastEmittedTokenRef.current = undefined;\n        return;\n      }\n\n      if (lastEmittedTokenRef.current !== globalOffsetWellsToken) {\n        lastEmittedTokenRef.current = globalOffsetWellsToken;\n\n        onChange(\n          {\n            ...baseSettings,\n            selectedWellIds: globalIds,\n            globalOffsetWellsAppliedToken: globalOffsetWellsToken,\n          },\n          globalOffsetWellsTrimmed\n        );\n      }\n      return;\n    }\n\n    // Legacy: react only to version bumps after mount\n    if (globalOffsetWellsVersion === undefined) return;\n\n    if (prevVersionRef.current === undefined) {\n      prevVersionRef.current = globalOffsetWellsVersion;\n      return;\n    }\n\n    if (prevVersionRef.current === globalOffsetWellsVersion) return;\n    prevVersionRef.current = globalOffsetWellsVersion;\n\n    onChange({ ...baseSettings, selectedWellIds: globalIds }, globalOffsetWellsTrimmed);\n  }, [\n    globalOffsetWellsToken,\n    globalOffsetWellsVersion,\n    globalOffsetWells,\n    maxOffsetWellNumber,\n    offsetSettings,\n    onChange,\n  ]);\n};\n"],"names":["offsetSettings","onChange","maxOffsetWellNumber","_appCommons$globalOff","_appCommons$dashboard","appCommons","useAppCommons","globalOffsetWells","globalOffsetWellsVersion","globalOffsetWellsToken","dashboardMeta","prevVersionRef","useRef","lastEmittedTokenRef","useEffect","Array","isArray","globalOffsetWellsTrimmed","slice","globalIds","map","w","id","baseSettings","undefined","current","globalOffsetWellsAppliedToken","selectedWellIds"],"mappings":"q9GAIwC,SAACA,EAAgBC,EAAUC,GAAwB,IAAAC,EAAAC,EACnFC,EAAaC,EAAAA,gBACbC,EAAoBF,aAAAA,EAAAA,EAAYE,kBAChCC,EAA2BH,aAAAA,EAAAA,EAAYG,yBACvCC,UACJJ,EAAAA,aAAU,EAAVA,EAAYI,sCAA0BJ,SAAyB,QAAzBA,EAAAA,EAAYK,qBAAa,IAAAN,OAAzBC,EAAAD,EAA2BK,uBAC7DE,EAAiBC,EAAAA,SACjBC,EAAsBD,EAAAA,SAE5BE,EAAAA,WAAU,WACR,GAAKP,GAAsBQ,MAAMC,QAAQT,GAAzC,CAEA,IAAMU,EAA2BV,EAAkBW,MAAM,EAAGhB,GACtDiB,EAAYF,EAAyBG,KAAI,SAAAC,GAAC,OAAIA,EAAEC,MAChDC,EAAevB,GAAkB,GAKvC,QAA+BwB,IAA3Bf,EAKF,OAJAE,EAAec,QAAUjB,EAEJe,EAAaG,gCAEbjB,OAGnBI,EAAoBY,aAAUD,QAI5BX,EAAoBY,UAAYhB,IAClCI,EAAoBY,QAAUhB,EAE9BR,SAEOsB,GAAY,CAAA,EAAA,CACfI,gBAAiBR,EACjBO,8BAA+BjB,IAEjCQ,UAO2BO,IAA7BhB,SAE2BgB,IAA3Bb,EAAec,QAKfd,EAAec,UAAYjB,IAC/BG,EAAec,QAAUjB,EAEzBP,SAAcsB,GAAY,CAAA,EAAA,CAAEI,gBAAiBR,IAAaF,IAPxDN,EAAec,QAAUjB,EAxCkC,CAgD/D,GAAG,CACDC,EACAD,EACAD,EACAL,EACAF,EACAC,GAEJ"}

package/cjs-bundle/effects/useSharedDCStore.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react");require("../utils/index.js");var t=require("../utils/sharedDCStore.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=u(e);module.exports=function(e){var u=r.useState(t.sharedDCStore.getSharedDCStore(e)),s=a.default(u,2),o=s[0],i=s[1];return r.useEffect((function(){return t.sharedDCStore.subscribeForSharedDCStore(e,i)}),[]),[o,r.useCallback((function(r){return t.sharedDCStore.setSharedDCStore(e,r)}),[e])]};
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react");require("../components/UserMention/utils/index.js"),require("@babel/runtime/helpers/defineProperty"),require("../utils/convert.js"),require("../constants/completion.js"),require("moment"),require("../constants/alerts.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../utils/casing/validation.js"),require("lodash/mean"),require("lodash"),require("../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../constants/goals.js"),require("../constants/segment.js"),require("../constants/apps.js"),require("../constants/drillstring.js"),require("../constants/appPackages.js"),require("../constants/notifications.js"),require("../constants/feed.js"),require("../constants/bha.js"),require("../constants/corvaCompanyId.js"),require("../components/GradientManager/configuration/constants.js"),require("../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../utils/ga.js"),require("../utils/goalsConfig/goalsConfig.js"),require("../utils/lasParser.js"),require("../utils/main.js"),require("../utils/metrics/metricsConfig.js"),require("../utils/mobileDetect.js"),require("../utils/feed.js"),require("../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../utils/dashboardReports.js"),require("../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../utils/jsonaDataFormatter.js"),require("../utils/bha.js");var s=require("../utils/sharedDCStore.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("jsona"),require("../clients/jsonApi/index.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../utils/charts/Styles.scss.js"),require("../utils/getSingleAsset.js");var t=i(e);module.exports=function(e){var i=r.useState(s.sharedDCStore.getSharedDCStore(e)),u=t.default(i,2),n=u[0],a=u[1];return r.useEffect((function(){return s.sharedDCStore.subscribeForSharedDCStore(e,a)}),[]),[n,r.useCallback((function(r){return s.sharedDCStore.setSharedDCStore(e,r)}),[e])]};
 //# sourceMappingURL=useSharedDCStore.js.map

package/cjs-bundle/effects/useSharedDCStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSharedDCStore.js","sources":["../../../src/effects/useSharedDCStore.js"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\n\nimport { sharedDCStore } from '../utils';\n\nexport default function useSharedDCStore(storeKey) {\n  const [store, setStore] = useState(sharedDCStore.getSharedDCStore(storeKey));\n\n  useEffect(() => {\n    const unsubscribeFromStoreFn = sharedDCStore.subscribeForSharedDCStore(storeKey, setStore);\n\n    return unsubscribeFromStoreFn;\n  }, []);\n\n  const setHookSharedDCStore = useCallback(\n    setterFn => sharedDCStore.setSharedDCStore(storeKey, setterFn),\n    [storeKey]\n  );\n\n  return [store, setHookSharedDCStore];\n}\n"],"names":["storeKey","useState","sharedDCStore","getSharedDCStore","_useState2","_slicedToArray","_useState","store","setStore","useEffect","subscribeForSharedDCStore","useCallback","setterFn","setSharedDCStore"],"mappings":"gQAIe,SAA0BA,GACvC,IAA0BC,EAAAA,EAAQA,SAACC,EAAaA,cAACC,iBAAiBH,IAAUI,EAAAC,EAAAA,QAAAC,EAAA,GAArEC,EAAKH,EAAA,GAAEI,EAAQJ,EAAA,GAatB,OAXAK,EAAAA,WAAU,WAGR,OAF+BP,EAAaA,cAACQ,0BAA0BV,EAAUQ,EAGlF,GAAE,IAOI,CAACD,EALqBI,eAC3B,SAAAC,GAAQ,OAAIV,gBAAcW,iBAAiBb,EAAUY,KACrD,CAACZ,IAIL"}
+{"version":3,"file":"useSharedDCStore.js","sources":["../../../src/effects/useSharedDCStore.js"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\n\nimport { sharedDCStore } from '../utils';\n\nexport default function useSharedDCStore(storeKey) {\n  const [store, setStore] = useState(sharedDCStore.getSharedDCStore(storeKey));\n\n  useEffect(() => {\n    const unsubscribeFromStoreFn = sharedDCStore.subscribeForSharedDCStore(storeKey, setStore);\n\n    return unsubscribeFromStoreFn;\n  }, []);\n\n  const setHookSharedDCStore = useCallback(\n    setterFn => sharedDCStore.setSharedDCStore(storeKey, setterFn),\n    [storeKey]\n  );\n\n  return [store, setHookSharedDCStore];\n}\n"],"names":["storeKey","useState","sharedDCStore","getSharedDCStore","_useState2","_slicedToArray","_useState","store","setStore","useEffect","subscribeForSharedDCStore","useCallback","setterFn","setSharedDCStore"],"mappings":"ijEAIe,SAA0BA,GACvC,IAA0BC,EAAAA,EAAQA,SAACC,EAAaA,cAACC,iBAAiBH,IAAUI,EAAAC,EAAAA,QAAAC,EAAA,GAArEC,EAAKH,EAAA,GAAEI,EAAQJ,EAAA,GAatB,OAXAK,EAAAA,WAAU,WAGR,OAF+BP,EAAaA,cAACQ,0BAA0BV,EAAUQ,EAGlF,GAAE,IAOI,CAACD,EALqBI,eAC3B,SAAAC,GAAQ,OAAIV,gBAAcW,iBAAiBb,EAAUY,KACrD,CAACZ,IAIL"}

package/cjs-bundle/hocs/withAssetEditorLockHOC.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),n=require("@material-ui/core"),o=require("@material-ui/icons"),i=require("react/jsx-runtime");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(e),l=a(t);function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){c.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var d=n.makeStyles((function(e){return{root:{display:"flex"},assetEditorWrapper:{width:"100%"},iconButtonWrapper:{height:36,marginTop:10,marginLeft:16},iconButton:{color:e.palette.primary.text6,width:36,height:36,"&:hover":{backgroundColor:e.palette.background.b7}}}}));module.exports=function(e){return function(t){var a=d(),c=t.onChangeEditorField,u=t.onSettingsChange,p=r.useState(!0),f=l.default(p,2),b=f[0],h=f[1],m=r.useState(!0),j=l.default(m,2),O=j[0],g=j[1],y=function(){c("assetId",null),c("replacedAssetId",null),c("replacedAssetTime",null)},v=function(){u({rigId:null,wellId:null})};r.useEffect((function(){O||g(!0)}),[O]);var x=b?o.LockOutlined:o.ReplayOutlined;return i.jsxs("div",{className:a.root,children:[i.jsx(n.Tooltip,{title:b?"This app is using current dashboard asset.":"",placement:"bottom",children:i.jsx("div",{className:a.assetEditorWrapper,children:O&&i.jsx(e,s(s({},t),{},{disabled:b}))})}),i.jsx(n.Tooltip,{title:b?"Unlock Asset":"Return default",placement:"bottom",children:i.jsx("div",{className:a.iconButtonWrapper,children:i.jsx(n.IconButton,{className:a.iconButton,"data-testid":"".concat(b?"UnlockAsset":"ReturnDefault","_IconButton"),onClick:function(){var e=!b;(h(e),e)&&((c?y:v)(),g(!1))},children:i.jsx(x,{})})})})]})}};
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),n=require("@material-ui/core"),o=require("@material-ui/icons"),i=require("react/jsx-runtime");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),c=a(t);function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){l.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var d=n.makeStyles((function(e){return{root:{display:"flex"},assetEditorWrapper:{width:"100%"},iconButtonWrapper:{height:36,marginTop:10,marginLeft:16},iconButton:{color:e.palette.primary.text6,width:36,height:36,"&:hover":{backgroundColor:e.palette.background.b7}}}}));module.exports=function(e){return function(t){var a=d(),l=r.useState(!0),s=c.default(l,2),p=s[0],f=s[1],b=r.useState(!0),h=c.default(b,2),m=h[0],g=h[1];r.useEffect((function(){m||g(!0)}),[m]);var j=p?o.LockOutlined:o.ReplayOutlined;return i.jsxs("div",{className:a.root,children:[i.jsx(n.Tooltip,{title:p?"This app is using current dashboard asset.":"",placement:"bottom",children:i.jsx("div",{className:a.assetEditorWrapper,children:m&&i.jsx(e,u(u({},t),{},{disabled:p}))})}),i.jsx(n.Tooltip,{title:p?"Unlock Asset":"Return default",placement:"bottom",children:i.jsx("div",{className:a.iconButtonWrapper,children:i.jsx(n.IconButton,{className:a.iconButton,"data-testid":"".concat(p?"UnlockAsset":"ReturnDefault","_IconButton"),onClick:function(){var e=!p;f(e),e&&(t.onChangeEditorField?(t.onChangeEditorField("assetId",null),t.onChangeEditorField("replacedAssetId",null),t.onChangeEditorField("replacedAssetTime",null)):t.onSettingsChange({rigId:null,wellId:null}),g(!1))},children:i.jsx(j,{})})})})]})}};
 //# sourceMappingURL=withAssetEditorLockHOC.js.map

package/cjs-bundle/hocs/withAssetEditorLockHOC.js.map

@@ -1 +1 @@
-{"version":3,"file":"withAssetEditorLockHOC.js","sources":["../../../src/hocs/withAssetEditorLockHOC.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { Tooltip, makeStyles, IconButton } from '@material-ui/core';\nimport { LockOutlined, ReplayOutlined } from '@material-ui/icons';\n\nconst useStyles = makeStyles(theme => ({\n  root: { display: 'flex' },\n  assetEditorWrapper: { width: '100%' },\n  iconButtonWrapper: { height: 36, marginTop: 10, marginLeft: 16 },\n  iconButton: {\n    color: theme.palette.primary.text6,\n    width: 36,\n    height: 36,\n    '&:hover': { backgroundColor: theme.palette.background.b7 },\n  },\n}));\n\nconst withAssetEditorLockHOC = WrappedComponent => props => {\n  const styles = useStyles();\n  const { onChangeEditorField, onSettingsChange } = props;\n  const [locked, setLocked] = useState(true);\n  const [showAssetEditor, setShowAssetEditor] = useState(true);\n\n  const resetPlatformApp = () => {\n    onChangeEditorField('assetId', null);\n    onChangeEditorField('replacedAssetId', null);\n    onChangeEditorField('replacedAssetTime', null);\n  };\n  const resetDCApp = () => {\n    onSettingsChange({ rigId: null, wellId: null });\n  };\n\n  const onToggleAssetEditorLock = () => {\n    const nextValue = !locked;\n    setLocked(nextValue);\n    if (nextValue) {\n      const resetApp = onChangeEditorField ? resetPlatformApp : resetDCApp;\n      resetApp();\n      setShowAssetEditor(false);\n    }\n  };\n\n  useEffect(() => {\n    // NOTE: Here we force AssetEditor remount to correctly reset its state\n    if (!showAssetEditor) {\n      setShowAssetEditor(true);\n    }\n  }, [showAssetEditor]);\n\n  const Icon = locked ? LockOutlined : ReplayOutlined;\n  return (\n    <div className={styles.root}>\n      <Tooltip\n        title={locked ? 'This app is using current dashboard asset.' : ''}\n        placement=\"bottom\"\n      >\n        <div className={styles.assetEditorWrapper}>\n          {showAssetEditor && <WrappedComponent {...props} disabled={locked} />}\n        </div>\n      </Tooltip>\n      <Tooltip title={locked ? 'Unlock Asset' : 'Return default'} placement=\"bottom\">\n        <div className={styles.iconButtonWrapper}>\n          <IconButton\n            className={styles.iconButton}\n            data-testid={`${locked ? 'UnlockAsset' : 'ReturnDefault'}_IconButton`}\n            onClick={onToggleAssetEditorLock}\n          >\n            <Icon />\n          </IconButton>\n        </div>\n      </Tooltip>\n    </div>\n  );\n};\n\nexport default withAssetEditorLockHOC;\n"],"names":["useStyles","makeStyles","theme","root","display","assetEditorWrapper","width","iconButtonWrapper","height","marginTop","marginLeft","iconButton","color","palette","primary","text6","backgroundColor","background","b7","WrappedComponent","props","styles","onChangeEditorField","onSettingsChange","useState","_useState2","_slicedToArray","_useState","locked","setLocked","_useState4","_useState3","showAssetEditor","setShowAssetEditor","resetPlatformApp","resetDCApp","rigId","wellId","useEffect","Icon","LockOutlined","ReplayOutlined","_jsxs","className","children","_jsx","Tooltip","title","placement","jsx","disabled","IconButton","concat","onClick","nextValue"],"mappings":"w4BAIA,IAAMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,KAAM,CAAEC,QAAS,QACjBC,mBAAoB,CAAEC,MAAO,QAC7BC,kBAAmB,CAAEC,OAAQ,GAAIC,UAAW,GAAIC,WAAY,IAC5DC,WAAY,CACVC,MAAOV,EAAMW,QAAQC,QAAQC,MAC7BT,MAAO,GACPE,OAAQ,GACR,UAAW,CAAEQ,gBAAiBd,EAAMW,QAAQI,WAAWC,KAE1D,mBAE8B,SAAAC,GAAgB,OAAI,SAAAC,GACjD,IAAMC,EAASrB,IACPsB,EAA0CF,EAA1CE,oBAAqBC,EAAqBH,EAArBG,iBACDC,EAAAA,EAAQA,UAAC,GAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAnCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GACsBD,EAAAA,EAAQA,UAAC,GAAKM,EAAAJ,EAAAA,QAAAK,EAAA,GAArDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAAmB,WACvBZ,EAAoB,UAAW,MAC/BA,EAAoB,kBAAmB,MACvCA,EAAoB,oBAAqB,OAErCa,EAAa,WACjBZ,EAAiB,CAAEa,MAAO,KAAMC,OAAQ,QAa1CC,EAAAA,WAAU,WAEHN,GACHC,GAAmB,EAEvB,GAAG,CAACD,IAEJ,IAAMO,EAAOX,EAASY,EAAYA,aAAGC,iBACrC,OACEC,EAAAA,KAAA,MAAA,CAAKC,UAAWtB,EAAOlB,KAAKyC,SAAA,CAC1BC,MAACC,UAAO,CACNC,MAAOnB,EAAS,6CAA+C,GAC/DoB,UAAU,SAAQJ,SAElBC,EAAAI,IAAA,MAAA,CAAKN,UAAWtB,EAAOhB,mBAAmBuC,SACvCZ,GAAmBa,EAACI,IAAA9B,SAAqBC,GAAK,GAAA,CAAE8B,SAAUtB,SAG/DiB,MAACC,UAAO,CAACC,MAAOnB,EAAS,eAAiB,iBAAkBoB,UAAU,SAAQJ,SAC5EC,EAAAI,IAAA,MAAA,CAAKN,UAAWtB,EAAOd,kBAAkBqC,SACvCC,MAACM,aAAU,CACTR,UAAWtB,EAAOV,WAClB,cAAA,GAAAyC,OAAgBxB,EAAS,cAAgB,gBAA6B,eACtEyB,QAjCsB,WAC9B,IAAMC,GAAa1B,GACnBC,EAAUyB,GACNA,MACehC,EAAsBY,EAAmBC,KAE1DF,GAAmB,KA2BoBW,SAEjCC,EAAAA,IAACN,EAAI,aAMhB"}
+{"version":3,"file":"withAssetEditorLockHOC.js","sources":["../../../src/hocs/withAssetEditorLockHOC.tsx"],"sourcesContent":["import { ComponentType, FC, useState, useEffect } from 'react';\nimport { Tooltip, makeStyles, IconButton } from '@material-ui/core';\nimport { LockOutlined, ReplayOutlined } from '@material-ui/icons';\n\nimport { AssetSettingsPatch } from '../components/AssetEditorV2';\n\ntype AssetEditorLockProps =\n  | {\n      onChangeEditorField: (\n        field: 'assetId' | 'replacedAssetId' | 'replacedAssetTime',\n        value: null\n      ) => void;\n    }\n  | {\n      onChangeEditorField?: never;\n      onSettingsChange: (settings: AssetSettingsPatch) => void;\n    };\n\nconst useStyles = makeStyles(theme => ({\n  root: { display: 'flex' },\n  assetEditorWrapper: { width: '100%' },\n  iconButtonWrapper: { height: 36, marginTop: 10, marginLeft: 16 },\n  iconButton: {\n    color: theme.palette.primary.text6,\n    width: 36,\n    height: 36,\n    '&:hover': { backgroundColor: theme.palette.background.b7 },\n  },\n}));\n\nconst withAssetEditorLockHOC = <Props extends { disabled?: boolean }>(\n  WrappedComponent: ComponentType<Props>\n) => {\n  const AssetEditorWithLock: FC<Props & AssetEditorLockProps> = props => {\n    const styles = useStyles();\n    const [locked, setLocked] = useState(true);\n    const [showAssetEditor, setShowAssetEditor] = useState(true);\n\n    const onToggleAssetEditorLock = () => {\n      const nextValue = !locked;\n      setLocked(nextValue);\n      if (nextValue) {\n        if (props.onChangeEditorField) {\n          props.onChangeEditorField('assetId', null);\n          props.onChangeEditorField('replacedAssetId', null);\n          props.onChangeEditorField('replacedAssetTime', null);\n        } else {\n          props.onSettingsChange({ rigId: null, wellId: null });\n        }\n        setShowAssetEditor(false);\n      }\n    };\n\n    useEffect(() => {\n      // NOTE: Here we force AssetEditor remount to correctly reset its state\n      if (!showAssetEditor) {\n        setShowAssetEditor(true);\n      }\n    }, [showAssetEditor]);\n\n    const Icon = locked ? LockOutlined : ReplayOutlined;\n    return (\n      <div className={styles.root}>\n        <Tooltip\n          title={locked ? 'This app is using current dashboard asset.' : ''}\n          placement=\"bottom\"\n        >\n          <div className={styles.assetEditorWrapper}>\n            {showAssetEditor && <WrappedComponent {...props} disabled={locked} />}\n          </div>\n        </Tooltip>\n        <Tooltip title={locked ? 'Unlock Asset' : 'Return default'} placement=\"bottom\">\n          <div className={styles.iconButtonWrapper}>\n            <IconButton\n              className={styles.iconButton}\n              data-testid={`${locked ? 'UnlockAsset' : 'ReturnDefault'}_IconButton`}\n              onClick={onToggleAssetEditorLock}\n            >\n              <Icon />\n            </IconButton>\n          </div>\n        </Tooltip>\n      </div>\n    );\n  };\n\n  return AssetEditorWithLock;\n};\n\nexport default withAssetEditorLockHOC;\n"],"names":["useStyles","makeStyles","theme","root","display","assetEditorWrapper","width","iconButtonWrapper","height","marginTop","marginLeft","iconButton","color","palette","primary","text6","backgroundColor","background","b7","WrappedComponent","props","styles","useState","_useState2","_slicedToArray","_useState","locked","setLocked","_useState4","_useState3","showAssetEditor","setShowAssetEditor","useEffect","Icon","LockOutlined","ReplayOutlined","_jsxs","className","children","_jsx","Tooltip","title","placement","jsx","disabled","IconButton","concat","onClick","nextValue","onChangeEditorField","onSettingsChange","rigId","wellId"],"mappings":"w4BAkBA,IAAMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,KAAM,CAAEC,QAAS,QACjBC,mBAAoB,CAAEC,MAAO,QAC7BC,kBAAmB,CAAEC,OAAQ,GAAIC,UAAW,GAAIC,WAAY,IAC5DC,WAAY,CACVC,MAAOV,EAAMW,QAAQC,QAAQC,MAC7BT,MAAO,GACPE,OAAQ,GACR,UAAW,CAAEQ,gBAAiBd,EAAMW,QAAQI,WAAWC,KAE1D,mBAE8B,SAC7BC,GAuDA,OArD8D,SAAAC,GAC5D,IAAMC,EAASrB,IACasB,EAAAA,EAAQA,UAAC,GAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAnCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GACsBD,EAAAA,EAAQA,UAAC,GAAKM,EAAAJ,EAAAA,QAAAK,EAAA,GAArDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAiB1CI,EAAAA,WAAU,WAEHF,GACHC,GAAmB,EAEvB,GAAG,CAACD,IAEJ,IAAMG,EAAOP,EAASQ,EAAYA,aAAGC,iBACrC,OACEC,EAAAA,KAAA,MAAA,CAAKC,UAAWhB,EAAOlB,KAAKmC,SAAA,CAC1BC,MAACC,UAAO,CACNC,MAAOf,EAAS,6CAA+C,GAC/DgB,UAAU,SAAQJ,SAElBC,EAAAI,IAAA,MAAA,CAAKN,UAAWhB,EAAOhB,mBAAmBiC,SACvCR,GAAmBS,EAACI,IAAAxB,SAAqBC,GAAK,GAAA,CAAEwB,SAAUlB,SAG/Da,MAACC,UAAO,CAACC,MAAOf,EAAS,eAAiB,iBAAkBgB,UAAU,SAAQJ,SAC5EC,EAAAI,IAAA,MAAA,CAAKN,UAAWhB,EAAOd,kBAAkB+B,SACvCC,MAACM,aAAU,CACTR,UAAWhB,EAAOV,WAClB,cAAA,GAAAmC,OAAgBpB,EAAS,cAAgB,gBAA6B,eACtEqB,QAtCsB,WAC9B,IAAMC,GAAatB,EACnBC,EAAUqB,GACNA,IACE5B,EAAM6B,qBACR7B,EAAM6B,oBAAoB,UAAW,MACrC7B,EAAM6B,oBAAoB,kBAAmB,MAC7C7B,EAAM6B,oBAAoB,oBAAqB,OAE/C7B,EAAM8B,iBAAiB,CAAEC,MAAO,KAAMC,OAAQ,OAEhDrB,GAAmB,KA2BoBO,SAEjCC,EAAAA,IAACN,EAAI,aASnB"}