@corva/ui 3.80.0-1 → 3.80.0-3

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 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("@babel/runtime/helpers/slicedToArray"),require("querystring"),require("lodash"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.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})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("classnames"),o=require("react"),r=require("../Text/Text.js"),i=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("@babel/runtime/helpers/slicedToArray"),require("querystring"),require("lodash"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.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/shareRecentRequest.js"),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 r=Object.getOwnPropertySymbols(e);s&&(r=r.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,r)}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,h=e.clearable,v=e.focusOnClear,C=void 0===v||v,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(i.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]),$=h&&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(r.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(r.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("@babel/runtime/helpers/slicedToArray"),require("querystring"),require("lodash"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.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"),m=require("./TextInputNext.scss.js"),q=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(m.numberStepButton,m.up),"data-testid":i.TextInputTestIds.StepUpButton,children:j.jsx(q.UpOneIcon,{theme:"filled",size:14,className:m.numberStepButtonIcon})}),j.jsx("button",{tabIndex:-1,onClick:B,className:f.default(m.numberStepButton,m.down),"data-testid":i.TextInputTestIds.StepDownButton,children:j.jsx(q.DownOneIcon,{theme:"filled",size:14,className:m.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;
+"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("@babel/runtime/helpers/slicedToArray"),require("querystring"),require("lodash"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.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/shareRecentRequest.js"),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 j=require("../TextInputBase/TextInputBase.js"),p=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 p.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]),R="number"===c?p.jsxs("div",{className:null==a?void 0:a.numberStepButtons,children:[p.jsx("button",{tabIndex:-1,onClick:A,className:f.default(q.numberStepButton,q.up),"data-testid":i.TextInputTestIds.StepUpButton,children:p.jsx(m.UpOneIcon,{theme:"filled",size:14,className:q.numberStepButtonIcon})}),p.jsx("button",{tabIndex:-1,onClick:B,className:f.default(q.numberStepButton,q.down),"data-testid":i.TextInputTestIds.StepDownButton,children:p.jsx(m.DownOneIcon,{theme:"filled",size:14,className:q.numberStepButtonIcon})})]}):void 0,S=I||R?p.jsxs(p.Fragment,{children:[I,R]}):void 0;return p.jsx(j.TextInputBase,x(x({},C),{},{value:n,rootRef:s,suffix:S,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":"6hQAmCA,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":"0kQAmCA,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/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Text/Text.js"),r=require("./Grid/Grid.js"),t=require("./Grid/Cell.js"),o=require("./Header/Header.js"),s=require("./Button/Button.js"),i=require("./ButtonIcon/ButtonIcon.js"),p=require("./Tooltip/Tooltip.js"),n=require("./Popover/Popover.js"),a=require("./PopoverPanel/PopoverPanel.js"),u=require("./Radio/Radio.js"),l=require("./RadioGroup/RadioGroup.js"),d=require("./Checkbox/Checkbox.js"),x=require("./CheckboxGroup/CheckboxGroup.js"),c=require("./TextInput/TextInput.js"),j=require("./TextInputNext/TextInputNext.js"),q=require("./TextArea/TextArea.js"),T=require("./Label/Label.js"),C=require("./TextEndTruncated/TextEndTruncated.js"),A=require("./TextMiddleTruncated/TextMiddleTruncated.js"),v=require("./TextMiddleTruncated/TextMiddleTruncated.constants.js"),P=require("./TextLink/TextLink.js"),S=require("./LoaderCircular/LoaderCircular.js"),L=require("./Chip/Chip.js"),g=require("./ChipAlert/ChipAlert.js"),B=require("./ChipIndicator/ChipIndicator.js"),I=require("./Avatar/Avatar.js"),m=require("./AvatarGroup/AvatarGroup.js"),h=require("./ToggleButtons/ToggleButtons.js"),k=require("./Paper/Paper.js"),b=require("./ModalWindow/ModalWindow.js"),M=require("./Modal/Modal.js"),E=require("./Menu/Menu.js"),H=require("./Hint/Hint.js"),f=require("./Counter/Counter.js"),D=require("./BadgeCounter/BadgeCounter.js"),y=require("./TemplatesControl/TemplatesControl.js"),F=require("./TemplatesControl/Store/Store.js");require("./TemplatesControl/Store/utils.js");var W=require("./BadgeDot/BadgeDot.js"),G=require("./LoaderLinear/LoaderLinear.js"),N=require("./LoaderLogo/LoaderLogo.js"),O=require("./Switch/Switch.js"),U=require("./Tabs/Tabs.js"),w=require("./EmptyState/EmptyState.js"),R=require("./FileIcon/FileIcon.js"),_=require("./Tag/Tag.js"),z=require("./FilesDropzone/FilesDropzone.js"),K=require("./FilesLoader/FilesLoader.js"),Q=require("./FilesProcessor/FilesProcessor.js"),V=require("./Skeleton/Skeleton.js"),J=require("./CopyToClipboard/CopyToClipboard.js"),X=require("./Stepper/Stepper.js"),Y=require("./ButtonLive/ButtonLive.js"),Z=require("./ButtonText/ButtonText.js"),$=require("./IndicatorLive/IndicatorLive.js"),ee=require("./Accordion/Accordion.js"),re=require("./Breadcrumbs/Breadcrumbs.js"),te=require("./BadgeComment/BadgeComment.js"),oe=require("./AppContainer/AppContainer.js"),se=require("./AppContainer/AppContainer.constants.js"),ie=require("./AppFooter/AppFooter.js"),pe=require("./AppHeader/AppHeader.js"),ne=require("./AppHeader/AppHeader.constants.js"),ae=require("./OffsetWellsButton/OffsetWellsButton.js"),ue=require("./PadModeSelect/PadModeSelect.js"),le=require("./PadModeSelect/PadModeSelect.constants.js"),de=require("./ChartAxisExtreme/ChartAxisExtreme.js"),xe=require("./Popper/Popper.js"),ce=require("./Autocomplete/Autocomplete.js"),je=require("./Select/Select.js"),qe=require("./UniversalLink/UniversalLink.js"),Te=require("./AppSettingsDivider/AppSettingsDivider.js"),Ce=require("./WellArchivedMessage/WellArchivedMessage.js"),Ae=require("./DatePicker/DatePicker.js"),ve=require("./DragHandle/DragHandle.js"),Pe=require("./CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),Se=require("./Slider/Slider.js"),Le=require("./SliderAdvanced/SliderAdvanced.js"),ge=require("./ColorPicker/ColorPicker.js"),Be=require("./AppPanel/AppPanel.js"),Ie=require("./ChartHelper/ChartHelper.js"),me=require("./Hotkey/Hotkey.js"),he=require("./HideInNativeApp/index.js"),ke=require("./InterventionEventSelector/InterventionEventSelector.js"),be=require("./InterventionEventSelector/useInterventionUnitEvents.js"),Me=require("./InterventionEventSelector/utils.js");exports.Text=e.Text,exports.Grid=r.Grid,exports.Cell=t.Cell,exports.Header=o.Header,exports.Button=s.Button,exports.ButtonIcon=i.ButtonIcon,exports.Tooltip=p.Tooltip,exports.Popover=n.Popover,exports.PopoverPanel=a.PopoverPanel,exports.PopoverPanelBase=a.PopoverPanelBase,exports.Radio=u.Radio,exports.RadioGroup=l.RadioGroup,exports.Checkbox=d.Checkbox,exports.CheckboxGroup=x.CheckboxGroup,exports.TextInput=c.TextInput,exports.TextInputNext=j.TextInputNext,exports.TextArea=q.TextArea,exports.Label=T.Label,exports.TextEndTruncated=C.TextEndTruncated,exports.TextMiddleTruncated=A.TextMiddleTruncated,Object.defineProperty(exports,"TextMiddleTruncatedTestIds",{enumerable:!0,get:function(){return v.TextMiddleTruncatedTestIds}}),exports.TextLink=P.TextLink,exports.LoaderCircular=S.LoaderCircular,exports.Chip=L.Chip,exports.ChipAlert=g.ChipAlert,exports.ChipIndicator=B.ChipIndicator,exports.Avatar=I.Avatar,exports.AvatarGroup=m.AvatarGroup,exports.ToggleButtons=h.ToggleButtons,exports.Paper=k.Paper,exports.ModalWindow=b.ModalWindow,exports.Modal=M.Modal,exports.Menu=E.Menu,exports.Hint=H.Hint,exports.Counter=f.Counter,exports.BadgeCounter=D.BadgeCounter,exports.TemplatesControl=y.TemplatesControl,exports.getTemplatesControlStoreApi=F.getTemplatesControlStoreApi,exports.BadgeDot=W.BadgeDot,exports.LoaderLinear=G.LoaderLinear,exports.LoaderLogo=N.LoaderLogo,exports.Switch=O.Switch,exports.Tabs=U.Tabs,exports.EmptyState=w.EmptyState,exports.FileIcon=R.FileIcon,exports.Tag=_.Tag,exports.FilesDropzone=z.FilesDropzone,exports.FilesLoader=K.FilesLoader,exports.FilesProcessor=Q.FilesProcessor,exports.Skeleton=V.Skeleton,exports.CopyToClipboard=J.CopyToClipboard,exports.Stepper=X.Stepper,exports.ButtonLive=Y.ButtonLive,exports.ButtonText=Z.ButtonText,exports.IndicatorLive=$.IndicatorLive,exports.Accordion=ee.Accordion,exports.Breadcrumbs=re.Breadcrumbs,exports.BadgeComment=te.BadgeComment,exports.AppContainer=oe.AppContainer,Object.defineProperty(exports,"AppContainerTestIds",{enumerable:!0,get:function(){return se.AppContainerTestIds}}),exports.AppFooter=ie.AppFooter,exports.AppHeader=pe.AppHeader,Object.defineProperty(exports,"AppHeaderTestIds",{enumerable:!0,get:function(){return ne.AppHeaderTestIds}}),exports.OffsetWellsButton=ae.OffsetWellsButton,exports.PadModeSelect=ue.PadModeSelect,Object.defineProperty(exports,"PadModeSelectTestIds",{enumerable:!0,get:function(){return le.PadModeSelectTestIds}}),exports.ChartAxisExtreme=de.ChartAxisExtreme,exports.Popper=xe.Popper,exports.Autocomplete=ce.Autocomplete,exports.AutocompleteNext=ce.AutocompleteNext,exports.Select=je.Select,exports.UniversalLink=qe.UniversalLink,exports.AppSettingsDivider=Te.AppSettingsDivider,exports.WellArchivedMessage=Ce.WellArchivedMessage,exports.WellArchivedMessageBase=Ce.WellArchivedMessageBase,exports.DatePicker=Ae.DatePicker,exports.DatePickerNext=Ae.DatePickerNext,exports.getActiveStartDate=Ae.getActiveStartDate,exports.DragHandle=ve.DragHandle,exports.CompletionsOffsetWellPicker=Pe.CompletionsOffsetWellPicker,exports.Slider=Se.Slider,exports.SliderAdvanced=Le.SliderAdvanced,exports.ColorPicker=ge.ColorPicker,exports.AppPanel=Be.AppPanel,exports.ChartHelper=Ie.ChartHelper,exports.Hotkey=me.Hotkey,exports.HideInNativeApp=he.HideInNativeApp,exports.InterventionEventSelector=ke.InterventionEventSelector,exports.interventionUnitEventsQueryKeys=be.interventionUnitEventsQueryKeys,exports.useInterventionUnitEvents=be.useInterventionUnitEvents,exports.ALL_EVENTS_LABEL=Me.ALL_EVENTS_LABEL,exports.getEventChipLabel=Me.getEventChipLabel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Text/Text.js"),r=require("./Grid/Grid.js"),t=require("./Grid/Cell.js"),o=require("./Header/Header.js"),s=require("./Button/Button.js"),i=require("./ButtonIcon/ButtonIcon.js"),p=require("./Tooltip/Tooltip.js"),n=require("./Popover/Popover.js"),a=require("./PopoverPanel/PopoverPanel.js"),u=require("./Radio/Radio.js"),l=require("./RadioGroup/RadioGroup.js"),d=require("./Checkbox/Checkbox.js"),x=require("./CheckboxGroup/CheckboxGroup.js"),c=require("./TextInput/TextInput.js"),j=require("./TextInputNext/TextInputNext.js"),T=require("./TextArea/TextArea.js"),q=require("./Label/Label.js"),C=require("./TextEndTruncated/TextEndTruncated.js"),A=require("./TextMiddleTruncated/TextMiddleTruncated.js"),v=require("./TextMiddleTruncated/TextMiddleTruncated.constants.js"),P=require("./TextLink/TextLink.js"),S=require("./LoaderCircular/LoaderCircular.js"),L=require("./Chip/Chip.js"),g=require("./ChipAlert/ChipAlert.js"),B=require("./ChipIndicator/ChipIndicator.js"),I=require("./Avatar/Avatar.js"),m=require("./AvatarGroup/AvatarGroup.js"),k=require("./ToggleButtons/ToggleButtons.js"),h=require("./Paper/Paper.js"),b=require("./ModalWindow/ModalWindow.js"),M=require("./Modal/Modal.js"),E=require("./Menu/Menu.js"),H=require("./Hint/Hint.js"),f=require("./Counter/Counter.js"),D=require("./BadgeCounter/BadgeCounter.js"),y=require("./TemplatesControl/TemplatesControl.js"),F=require("./TemplatesControl/Store/Store.js");require("./TemplatesControl/Store/utils.js");var W=require("./BadgeDot/BadgeDot.js"),G=require("./LoaderLinear/LoaderLinear.js"),O=require("./LoaderLogo/LoaderLogo.js"),N=require("./Switch/Switch.js"),U=require("./Tabs/Tabs.js"),w=require("./EmptyState/EmptyState.js"),R=require("./FileIcon/FileIcon.js"),_=require("./Tag/Tag.js"),z=require("./FilesDropzone/FilesDropzone.js"),K=require("./FilesLoader/FilesLoader.js"),Q=require("./FilesProcessor/FilesProcessor.js"),V=require("./Skeleton/Skeleton.js"),J=require("./CopyToClipboard/CopyToClipboard.js"),X=require("./Stepper/Stepper.js"),Y=require("./ButtonLive/ButtonLive.js"),Z=require("./ButtonText/ButtonText.js"),$=require("./IndicatorLive/IndicatorLive.js"),ee=require("./Accordion/Accordion.js"),re=require("./Breadcrumbs/Breadcrumbs.js"),te=require("./BadgeComment/BadgeComment.js"),oe=require("./AppContainer/AppContainer.js"),se=require("./AppContainer/AppContainer.constants.js"),ie=require("./AppFooter/AppFooter.js"),pe=require("./AppHeader/AppHeader.js"),ne=require("./AppHeader/AppHeader.constants.js"),ae=require("./OffsetWellsButton/OffsetWellsButton.js"),ue=require("./PadModeSelect/PadModeSelect.js"),le=require("./PadModeSelect/PadModeSelect.constants.js"),de=require("./ChartAxisExtreme/ChartAxisExtreme.js"),xe=require("./Popper/Popper.js"),ce=require("./Autocomplete/Autocomplete.js"),je=require("./Select/Select.js"),Te=require("./UniversalLink/UniversalLink.js"),qe=require("./AppSettingsDivider/AppSettingsDivider.js"),Ce=require("./WellArchivedMessage/WellArchivedMessage.js"),Ae=require("./DatePicker/DatePicker.js"),ve=require("./DragHandle/DragHandle.js"),Pe=require("./CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),Se=require("./Slider/Slider.js"),Le=require("./SliderAdvanced/SliderAdvanced.js"),ge=require("./ColorPicker/ColorPicker.js"),Be=require("./ColorPicker/ColorPicker.constants.js"),Ie=require("./AppPanel/AppPanel.js"),me=require("./ChartHelper/ChartHelper.js"),ke=require("./Hotkey/Hotkey.js"),he=require("./HideInNativeApp/index.js"),be=require("./InterventionEventSelector/InterventionEventSelector.js"),Me=require("./InterventionEventSelector/useInterventionUnitEvents.js"),Ee=require("./InterventionEventSelector/utils.js");exports.Text=e.Text,exports.Grid=r.Grid,exports.Cell=t.Cell,exports.Header=o.Header,exports.Button=s.Button,exports.ButtonIcon=i.ButtonIcon,exports.Tooltip=p.Tooltip,exports.Popover=n.Popover,exports.PopoverPanel=a.PopoverPanel,exports.PopoverPanelBase=a.PopoverPanelBase,exports.Radio=u.Radio,exports.RadioGroup=l.RadioGroup,exports.Checkbox=d.Checkbox,exports.CheckboxGroup=x.CheckboxGroup,exports.TextInput=c.TextInput,exports.TextInputNext=j.TextInputNext,exports.TextArea=T.TextArea,exports.Label=q.Label,exports.TextEndTruncated=C.TextEndTruncated,exports.TextMiddleTruncated=A.TextMiddleTruncated,Object.defineProperty(exports,"TextMiddleTruncatedTestIds",{enumerable:!0,get:function(){return v.TextMiddleTruncatedTestIds}}),exports.TextLink=P.TextLink,exports.LoaderCircular=S.LoaderCircular,exports.Chip=L.Chip,exports.ChipAlert=g.ChipAlert,exports.ChipIndicator=B.ChipIndicator,exports.Avatar=I.Avatar,exports.AvatarGroup=m.AvatarGroup,exports.ToggleButtons=k.ToggleButtons,exports.Paper=h.Paper,exports.ModalWindow=b.ModalWindow,exports.Modal=M.Modal,exports.Menu=E.Menu,exports.Hint=H.Hint,exports.Counter=f.Counter,exports.BadgeCounter=D.BadgeCounter,exports.TemplatesControl=y.TemplatesControl,exports.getTemplatesControlStoreApi=F.getTemplatesControlStoreApi,exports.BadgeDot=W.BadgeDot,exports.LoaderLinear=G.LoaderLinear,exports.LoaderLogo=O.LoaderLogo,exports.Switch=N.Switch,exports.Tabs=U.Tabs,exports.EmptyState=w.EmptyState,exports.FileIcon=R.FileIcon,exports.Tag=_.Tag,exports.FilesDropzone=z.FilesDropzone,exports.FilesLoader=K.FilesLoader,exports.FilesProcessor=Q.FilesProcessor,exports.Skeleton=V.Skeleton,exports.CopyToClipboard=J.CopyToClipboard,exports.Stepper=X.Stepper,exports.ButtonLive=Y.ButtonLive,exports.ButtonText=Z.ButtonText,exports.IndicatorLive=$.IndicatorLive,exports.Accordion=ee.Accordion,exports.Breadcrumbs=re.Breadcrumbs,exports.BadgeComment=te.BadgeComment,exports.AppContainer=oe.AppContainer,Object.defineProperty(exports,"AppContainerTestIds",{enumerable:!0,get:function(){return se.AppContainerTestIds}}),exports.AppFooter=ie.AppFooter,exports.AppHeader=pe.AppHeader,Object.defineProperty(exports,"AppHeaderTestIds",{enumerable:!0,get:function(){return ne.AppHeaderTestIds}}),exports.OffsetWellsButton=ae.OffsetWellsButton,exports.PadModeSelect=ue.PadModeSelect,Object.defineProperty(exports,"PadModeSelectTestIds",{enumerable:!0,get:function(){return le.PadModeSelectTestIds}}),exports.ChartAxisExtreme=de.ChartAxisExtreme,exports.Popper=xe.Popper,exports.Autocomplete=ce.Autocomplete,exports.AutocompleteNext=ce.AutocompleteNext,exports.Select=je.Select,exports.UniversalLink=Te.UniversalLink,exports.AppSettingsDivider=qe.AppSettingsDivider,exports.WellArchivedMessage=Ce.WellArchivedMessage,exports.WellArchivedMessageBase=Ce.WellArchivedMessageBase,exports.DatePicker=Ae.DatePicker,exports.DatePickerNext=Ae.DatePickerNext,exports.getActiveStartDate=Ae.getActiveStartDate,exports.DragHandle=ve.DragHandle,exports.CompletionsOffsetWellPicker=Pe.CompletionsOffsetWellPicker,exports.Slider=Se.Slider,exports.SliderAdvanced=Le.SliderAdvanced,exports.ColorPicker=ge.ColorPicker,Object.defineProperty(exports,"ColorPickerTestIds",{enumerable:!0,get:function(){return Be.ColorPickerTestIds}}),exports.AppPanel=Ie.AppPanel,exports.ChartHelper=me.ChartHelper,exports.Hotkey=ke.Hotkey,exports.HideInNativeApp=he.HideInNativeApp,exports.InterventionEventSelector=be.InterventionEventSelector,exports.interventionUnitEventsQueryKeys=Me.interventionUnitEventsQueryKeys,exports.useInterventionUnitEvents=Me.useInterventionUnitEvents,exports.ALL_EVENTS_LABEL=Ee.ALL_EVENTS_LABEL,exports.getEventChipLabel=Ee.getEventChipLabel;
 //# sourceMappingURL=index.js.map

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("@babel/runtime/helpers/slicedToArray"),require("querystring"),require("lodash"),require("../clients/subscriptions/subscriptions-client.factory.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../clients/jsonApi/index.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,p=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,q=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!==p)return q.current=c,n.globalOffsetWellsAppliedToken===p?void(j.current=void 0):void(j.current!==p&&(j.current=p,t(o(o({},n),{},{selectedWellIds:s,globalOffsetWellsAppliedToken:p}),r)));void 0!==c&&(void 0!==q.current?q.current!==c&&(q.current=c,t(o(o({},n),{},{selectedWellIds:s}),r)):q.current=c)}}),[p,c,a,i,e,t])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("react");require("@babel/runtime/helpers/slicedToArray"),require("querystring"),require("lodash"),require("../clients/subscriptions/subscriptions-client.factory.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../clients/jsonApi/index.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/shareRecentRequest.js"),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":"u2GAIwC,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":"i5GAIwC,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("../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])]};
+"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("../utils/shareRecentRequest.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":"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"}
+{"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":"2lEAIe,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/permissions/useProvidePermissions.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/asyncToGenerator"),n=require("@babel/runtime/regenerator"),u=require("react"),i=require("./utils.js"),c=require("../clients/jsonApi/index.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(e),o=s(r),f=s(t),p=s(n);function l(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?l(Object(t),!0).forEach((function(r){a.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function d(e){return h.apply(this,arguments)}function h(){return(h=f.default(p.default.mark((function e(r){return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,c.getPermissionCheck(r);case 3:return e.abrupt("return",e.sent);case 6:return e.prev=6,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return",{active:!1});case 10:case"end":return e.stop()}}),e,null,[[0,6]])})))).apply(this,arguments)}module.exports=function(){var e=u.useState({}),r=o.default(e,2),t=r[0],n=r[1],c=u.useRef({}),s=u.useRef(new Set);function a(){return(a=f.default(p.default.mark((function e(r){var t,u,a;return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if((t=r.filter((function(e){return!(e in c.current)&&!s.current.has(e)}))).length){e.next=3;break}return e.abrupt("return");case 3:return e.next=5,Promise.all(t.map((function(e){return s.current.add(e),d(i.parsePermission(e))})));case 5:u=e.sent,a=b({},c.current),t.forEach((function(e,r){s.current.delete(e),a[e]=b({loading:!1},u[r])})),c.current=a,n(a);case 10:case"end":return e.stop()}}),e)})))).apply(this,arguments)}return window[Symbol.for("resetPermissionsCache")]=function(){c.current={},n({})},{permissions:t,fetchPermissions:function(e){return a.apply(this,arguments)}}};
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/asyncToGenerator"),n=require("@babel/runtime/regenerator"),u=require("react"),i=require("./utils.js"),c=require("../clients/jsonApi/index.js"),s=require("../utils/shareRecentRequest.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(e),f=a(r),l=a(t),p=a(n);function b(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?b(Object(t),!0).forEach((function(r){o.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function h(e){return y.apply(this,arguments)}function y(){return(y=l.default(p.default.mark((function e(r){return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,c.getPermissionCheck(r);case 3:return e.abrupt("return",e.sent);case 6:return e.prev=6,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return",{active:!1});case 10:case"end":return e.stop()}}),e,null,[[0,6]])})))).apply(this,arguments)}module.exports=function(){var e=u.useState({}),r=f.default(e,2),t=r[0],n=r[1],c=u.useRef({}),a=u.useRef(new Set);function o(){return(o=l.default(p.default.mark((function e(r){var t,u,s;return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if((t=r.filter((function(e){return!(e in c.current)&&!a.current.has(e)}))).length){e.next=3;break}return e.abrupt("return");case 3:return e.next=5,Promise.all(t.map((function(e){return a.current.add(e),h(i.parsePermission(e))})));case 5:u=e.sent,s=d({},c.current),t.forEach((function(e,r){a.current.delete(e),s[e]=d({loading:!1},u[r])})),c.current=s,n(s);case 10:case"end":return e.stop()}}),e)})))).apply(this,arguments)}return window[Symbol.for("resetPermissionsCache")]=function(){c.current={},n({}),s.clearSharedRequests()},{permissions:t,fetchPermissions:function(e){return o.apply(this,arguments)}}};
 //# sourceMappingURL=useProvidePermissions.js.map

package/cjs-bundle/permissions/useProvidePermissions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useProvidePermissions.js","sources":["../../../src/permissions/useProvidePermissions.js"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { parsePermission } from './utils';\n\nimport { getPermissionCheck } from '~/clients/jsonApi';\n\nasync function fetchPermissionCheck(requestOptions) {\n  try {\n    return await getPermissionCheck(requestOptions);\n  } catch (e) {\n    console.error(e);\n    // NOTE: Return false by default\n    return { active: false };\n  }\n}\n\nfunction useProvidePermissions() {\n  const [permissions, setPermissions] = useState({});\n  // NOTE: Latest permissions. fetchPermissions reads from this ref instead of the `permissions`\n  // state, because a consumer may call a fetchPermissions closure created by an earlier render.\n  const permissionsRef = useRef({});\n  // NOTE: Store pending requests to prevent duplicate requests\n  const pendingRequests = useRef(new Set());\n\n  // NOTE: Called in finishLogIn redux action\n  window[Symbol.for('resetPermissionsCache')] = () => {\n    permissionsRef.current = {};\n    setPermissions({});\n  };\n\n  async function fetchPermissions(permissionKeys) {\n    const permissionsToFetch = permissionKeys.filter(\n      // NOTE: Send check request ONLY for new permission\n      pKey => !(pKey in permissionsRef.current) && !pendingRequests.current.has(pKey)\n    );\n    if (!permissionsToFetch.length) return;\n\n    const response = await Promise.all(\n      permissionsToFetch.map(pKey => {\n        // NOTE: Add permission to pending requests and send check request\n        pendingRequests.current.add(pKey);\n\n        return fetchPermissionCheck(parsePermission(pKey));\n      })\n    );\n\n    // NOTE: Update the cache and the pending set together, so a permission is never\n    // \"not cached and not pending\" in between (that gap caused duplicate requests)\n    const nextPermissions = { ...permissionsRef.current };\n    permissionsToFetch.forEach((pKey, pIndex) => {\n      pendingRequests.current.delete(pKey);\n      nextPermissions[pKey] = { loading: false, ...response[pIndex] };\n    });\n    permissionsRef.current = nextPermissions;\n    setPermissions(nextPermissions);\n  }\n\n  return { permissions, fetchPermissions };\n}\n\nexport default useProvidePermissions;\n"],"names":["fetchPermissionCheck","_x","_fetchPermissionCheck","apply","this","arguments","_asyncToGenerator","_regeneratorRuntime","mark","requestOptions","wrap","_context2","prev","next","getPermissionCheck","abrupt","sent","t0","console","error","active","stop","_callee2","_useState","useState","_useState2","_slicedToArray","permissions","setPermissions","permissionsRef","useRef","pendingRequests","Set","_fetchPermissions","permissionKeys","permissionsToFetch","response","nextPermissions","_context","filter","pKey","current","has","length","Promise","all","map","add","parsePermission","_objectSpread","forEach","pIndex","delete","loading","_callee","window","Symbol","for","fetchPermissions","_x2"],"mappings":"s9BAIuD,SAExCA,EAAoBC,GAAA,OAAAC,EAAAC,MAAAC,KAAAC,UAAA,CAAA,SAAAH,IAQlC,OARkCA,EAAAI,EAAA,QAAAC,EAAA,QAAAC,MAAnC,WAAoCC,GAAc,OAAAF,UAAAG,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAEjCC,EAAAA,mBAAmBL,GAAe,KAAA,EAAA,OAAAE,EAAAI,OAAA,SAAAJ,EAAAK,MAAA,KAAA,EAG/C,OAH+CL,EAAAC,KAAA,EAAAD,EAAAM,GAAAN,EAAA,MAAA,GAE/CO,QAAQC,MAAQR,EAAAM,IAETN,EAAAI,OAAA,SAAA,CAAEK,QAAQ,IAAO,KAAA,GAAA,IAAA,MAAA,OAAAT,EAAAU,OAAA,GAAAC,EAAA,KAAA,CAAA,CAAA,EAAA,IAE3B,MAAAnB,MAAAC,KAAAC,UAAA,gBAED,WACE,IAAAkB,EAAsCC,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAH,EAAA,GAA3CI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAG5BI,EAAiBC,SAAO,CAAA,GAExBC,EAAkBD,EAAAA,OAAO,IAAIE,KAQJ,SAAAC,IAyB9B,OAzB8BA,EAAA3B,EAAA,QAAAC,EAAA,QAAAC,MAA/B,WAAgC0B,GAAc,IAAAC,EAAAC,EAAAC,EAAA,OAAA9B,UAAAG,MAAA,SAAA4B,GAAA,OAAA,OAAAA,EAAA1B,KAAA0B,EAAAzB,MAAA,KAAA,EAI3C,IAHKsB,EAAqBD,EAAeK,QAExC,SAAAC,GAAI,QAAMA,KAAQX,EAAeY,WAAaV,EAAgBU,QAAQC,IAAIF,OAEpDG,OAAM,CAAAL,EAAAzB,KAAA,EAAA,KAAA,CAAA,OAAAyB,EAAAvB,OAAA,UAAA,KAAA,EAAA,OAAAuB,EAAAzB,KAAA,EAEP+B,QAAQC,IAC7BV,EAAmBW,KAAI,SAAAN,GAIrB,OAFAT,EAAgBU,QAAQM,IAAIP,GAErBxC,EAAqBgD,EAAAA,gBAAgBR,GAC7C,KACF,KAAA,EAPKJ,EAAQE,EAAAtB,KAWRqB,EAAeY,EAAA,CAAA,EAAQpB,EAAeY,SAC5CN,EAAmBe,SAAQ,SAACV,EAAMW,GAChCpB,EAAgBU,QAAQW,OAAOZ,GAC/BH,EAAgBG,GAAKS,EAAA,CAAKI,SAAS,GAAUjB,EAASe,GACxD,IACAtB,EAAeY,QAAUJ,EACzBT,EAAeS,GAAiB,KAAA,GAAA,IAAA,MAAA,OAAAC,EAAAjB,OAAA,GAAAiC,EACjC,MAAAnD,MAAAC,KAAAC,UAAA,CAED,OAhCAkD,OAAOC,OAAOC,IAAI,0BAA4B,WAC5C5B,EAAeY,QAAU,GACzBb,EAAe,CAAE,IA8BZ,CAAED,YAAAA,EAAa+B,iBA7BpB,SAE6BC,GAAA,OAAA1B,EAAA9B,MAAAC,KAAAC,UAAA,EA4BjC"}
+{"version":3,"file":"useProvidePermissions.js","sources":["../../../src/permissions/useProvidePermissions.js"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { parsePermission } from './utils';\n\nimport { getPermissionCheck } from '~/clients/jsonApi';\nimport { clearSharedRequests } from '~/utils/shareRecentRequest';\n\nasync function fetchPermissionCheck(requestOptions) {\n  try {\n    return await getPermissionCheck(requestOptions);\n  } catch (e) {\n    console.error(e);\n    // NOTE: Return false by default\n    return { active: false };\n  }\n}\n\nfunction useProvidePermissions() {\n  const [permissions, setPermissions] = useState({});\n  // NOTE: Latest permissions. fetchPermissions reads from this ref instead of the `permissions`\n  // state, because a consumer may call a fetchPermissions closure created by an earlier render.\n  const permissionsRef = useRef({});\n  // NOTE: Store pending requests to prevent duplicate requests\n  const pendingRequests = useRef(new Set());\n\n  // NOTE: Called in finishLogIn redux action, also on impersonation start and stop\n  window[Symbol.for('resetPermissionsCache')] = () => {\n    permissionsRef.current = {};\n    setPermissions({});\n    clearSharedRequests();\n  };\n\n  async function fetchPermissions(permissionKeys) {\n    const permissionsToFetch = permissionKeys.filter(\n      // NOTE: Send check request ONLY for new permission\n      pKey => !(pKey in permissionsRef.current) && !pendingRequests.current.has(pKey)\n    );\n    if (!permissionsToFetch.length) return;\n\n    const response = await Promise.all(\n      permissionsToFetch.map(pKey => {\n        // NOTE: Add permission to pending requests and send check request\n        pendingRequests.current.add(pKey);\n\n        return fetchPermissionCheck(parsePermission(pKey));\n      })\n    );\n\n    // NOTE: Update the cache and the pending set together, so a permission is never\n    // \"not cached and not pending\" in between (that gap caused duplicate requests)\n    const nextPermissions = { ...permissionsRef.current };\n    permissionsToFetch.forEach((pKey, pIndex) => {\n      pendingRequests.current.delete(pKey);\n      nextPermissions[pKey] = { loading: false, ...response[pIndex] };\n    });\n    permissionsRef.current = nextPermissions;\n    setPermissions(nextPermissions);\n  }\n\n  return { permissions, fetchPermissions };\n}\n\nexport default useProvidePermissions;\n"],"names":["fetchPermissionCheck","_x","_fetchPermissionCheck","apply","this","arguments","_asyncToGenerator","_regeneratorRuntime","mark","requestOptions","wrap","_context2","prev","next","getPermissionCheck","abrupt","sent","t0","console","error","active","stop","_callee2","_useState","useState","_useState2","_slicedToArray","permissions","setPermissions","permissionsRef","useRef","pendingRequests","Set","_fetchPermissions","permissionKeys","permissionsToFetch","response","nextPermissions","_context","filter","pKey","current","has","length","Promise","all","map","add","parsePermission","_objectSpread","forEach","pIndex","delete","loading","_callee","window","Symbol","for","clearSharedRequests","fetchPermissions","_x2"],"mappings":"kgCAKiE,SAElDA,EAAoBC,GAAA,OAAAC,EAAAC,MAAAC,KAAAC,UAAA,CAAA,SAAAH,IAQlC,OARkCA,EAAAI,EAAA,QAAAC,EAAA,QAAAC,MAAnC,WAAoCC,GAAc,OAAAF,UAAAG,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAEjCC,EAAAA,mBAAmBL,GAAe,KAAA,EAAA,OAAAE,EAAAI,OAAA,SAAAJ,EAAAK,MAAA,KAAA,EAG/C,OAH+CL,EAAAC,KAAA,EAAAD,EAAAM,GAAAN,EAAA,MAAA,GAE/CO,QAAQC,MAAQR,EAAAM,IAETN,EAAAI,OAAA,SAAA,CAAEK,QAAQ,IAAO,KAAA,GAAA,IAAA,MAAA,OAAAT,EAAAU,OAAA,GAAAC,EAAA,KAAA,CAAA,CAAA,EAAA,IAE3B,MAAAnB,MAAAC,KAAAC,UAAA,gBAED,WACE,IAAAkB,EAAsCC,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAH,EAAA,GAA3CI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAG5BI,EAAiBC,SAAO,CAAA,GAExBC,EAAkBD,EAAAA,OAAO,IAAIE,KASJ,SAAAC,IAyB9B,OAzB8BA,EAAA3B,EAAA,QAAAC,EAAA,QAAAC,MAA/B,WAAgC0B,GAAc,IAAAC,EAAAC,EAAAC,EAAA,OAAA9B,UAAAG,MAAA,SAAA4B,GAAA,OAAA,OAAAA,EAAA1B,KAAA0B,EAAAzB,MAAA,KAAA,EAI3C,IAHKsB,EAAqBD,EAAeK,QAExC,SAAAC,GAAI,QAAMA,KAAQX,EAAeY,WAAaV,EAAgBU,QAAQC,IAAIF,OAEpDG,OAAM,CAAAL,EAAAzB,KAAA,EAAA,KAAA,CAAA,OAAAyB,EAAAvB,OAAA,UAAA,KAAA,EAAA,OAAAuB,EAAAzB,KAAA,EAEP+B,QAAQC,IAC7BV,EAAmBW,KAAI,SAAAN,GAIrB,OAFAT,EAAgBU,QAAQM,IAAIP,GAErBxC,EAAqBgD,EAAAA,gBAAgBR,GAC7C,KACF,KAAA,EAPKJ,EAAQE,EAAAtB,KAWRqB,EAAeY,EAAA,CAAA,EAAQpB,EAAeY,SAC5CN,EAAmBe,SAAQ,SAACV,EAAMW,GAChCpB,EAAgBU,QAAQW,OAAOZ,GAC/BH,EAAgBG,GAAKS,EAAA,CAAKI,SAAS,GAAUjB,EAASe,GACxD,IACAtB,EAAeY,QAAUJ,EACzBT,EAAeS,GAAiB,KAAA,GAAA,IAAA,MAAA,OAAAC,EAAAjB,OAAA,GAAAiC,EACjC,MAAAnD,MAAAC,KAAAC,UAAA,CAED,OAjCAkD,OAAOC,OAAOC,IAAI,0BAA4B,WAC5C5B,EAAeY,QAAU,GACzBb,EAAe,CAAE,GACjB8B,EAAAA,uBA8BK,CAAE/B,YAAAA,EAAagC,iBA7BpB,SAE6BC,GAAA,OAAA3B,EAAA9B,MAAAC,KAAAC,UAAA,EA4BjC"}