@corva/ui 3.77.0-2 → 3.77.0-21

package/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","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","_Fragment","color","undefined","Menu","open","anchorEl","backdrop","menu","menuHeader","Text","tagName","menuSubTitle","map","key","index","Component","Fragment","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","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","_Fragment","color","undefined","Menu","open","anchorEl","backdrop","menu","menuHeader","Text","tagName","menuSubTitle","map","key","index","Component","Fragment","Divider"],"mappings":"orQA8BA,IAAMA,EAAyB,SAACC,EAAoBC,GAClD,OAAID,EAASE,OACJ,SAGLF,EAASG,SACJ,QAGLH,EAASI,WACJH,aAAAA,EAAAA,EAAaI,cAAeC,EAAmBL,aAAW,EAAXA,EAAaM,aAAe,UAG7E,UACT,EAgBMC,EAAaC,GACjB,WAYEC,GAAG,IAVDC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,aACAC,IAAAA,aACAC,IAAAA,aACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,cAAa,OAIfC,EAACC,EAAM,CACLR,SAAUA,EACVS,KAAK,QACLV,UAAWW,EAAWC,EAAOC,OAAQb,GACrCc,KAAK,eACLf,OAAQA,EACRM,QAASA,EACTU,OAAQb,EACRE,aAAcA,EACdD,aAAcA,EACda,OACER,EAACS,EAAQ,CAACjB,UAAWW,EAAWC,EAAOM,QAASX,GAAiBK,EAAOO,eAE1ErB,IAAKA,EAAIQ,SAERA,GAAYE,EAACY,EAAoB,CAAA,IAC3B,IAIPC,EAAqBxB,GACzB,SAAAyB,EAAqFxB,GAAQ,IAA1FC,IAAAA,OAAQC,IAAAA,UAAWC,IAAAA,SAAUC,IAAAA,aAAcC,IAAAA,aAAcC,IAAAA,aAAcC,IAAAA,QAChEkB,EAAgEC,EAAhED,oBAAqBE,EAA2CD,EAA3CC,qBAAsBC,EAAqBF,EAArBE,iBAC7CC,EAAmBJ,IACnBK,EAAoBH,EAAqBE,aAAAA,EAAAA,EAAkBE,IAC3DC,EAAgBJ,IAEtB,OACElB,EAACuB,EAAU,CACT9B,SAAUA,EACVS,KAAK,QACLV,UAAWW,EAAWC,EAAOoB,WAAYhC,GACzCD,OAAQA,EACRM,QAASA,EACTD,aAAcA,EACdD,aAAcA,EACdL,IAAKA,EAAIQ,SAERwB,EACCG,EAAA,MAAA,CAAKjC,UAAWY,EAAOsB,gBAAgB5B,SAAA,CACpCJ,EACA0B,GACCpB,EAAC2B,EAAmB,CAACnC,UAAWY,EAAOwB,2BAA4B1B,KAAM,QAI7EF,EAAC6B,EAAQ,CAACvB,KAAK,SAASwB,MAAO,GAAIC,OAAQ,MAInD,IAaIC,EAA8C,CAClD,eACA,kBACA,iBACA,kBAGWC,EAAS5C,GACpB,SAAA6C,EAA6D5C,GAAQ,IAAlEC,IAAAA,OAAQC,IAAAA,UAAWC,IAAAA,SAAUK,IAAAA,SAAQqC,EAAAD,EAAEE,OAAAA,aAAS,OAAMD,EAErDE,EAOErB,EAPFqB,eACAC,EAMEtB,EANFsB,iBACAvB,EAKEC,EALFD,oBACAG,EAIEF,EAJFE,iBACAqB,EAGEvB,EAHFuB,gBACAC,EAEExB,EAFFwB,qBACAvB,EACED,EADFC,qBAEIwB,EAAcJ,IACdtC,EAAgBuC,IAChBnB,EAAmBJ,IACnBO,EAAgBJ,IAChBwB,EAAYF,EAAqBrB,GACjCwB,EAAgBJ,EAAgBpB,GAChCC,EAAoBH,EAAqBE,aAAAA,EAAAA,EAAkBE,IACzDxC,EAAgB+D,IAAhB/D,YAE4BgE,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA5CC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GAC1BK,EAAeC,IACfC,EAAgBD,IAChBE,EAAYF,EAA0B,MAEtCG,EAAgBC,GAAY,WAChCC,aAAaN,EAAaO,SAC1BD,aAAaJ,EAAcK,QAC5B,GAAE,IAEGC,GAAmBH,GAAY,WACnCD,IACAL,GAAc,EAChB,GAAG,CAACK,IAEEK,GAAqBJ,GAAY,WACrCD,IAEAJ,EAAaO,QAAUG,YAAW,WAChCN,IACAL,GAAc,EACf,GAAE,IACL,GAAG,CAACK,IAEE5D,GAAe6D,GAAY,WAC/BD,IACAF,EAAcK,QAAUG,YAAW,WACjCX,GAAc,EACf,GAAE,IACL,GAAG,CAACK,IAEEO,GAAYC,EAAezE,EAAKgE,GAEhCU,GAAYC,EAAmB9C,GAE/B+C,GAAeC,GACnB,WAAA,OACEH,GAAUI,QACR,SAACC,EAAKC,GAAI,OAAAC,EAAAA,EAAA,CAAA,EAAWF,GAAMC,CAAAA,EAAAA,EAAAA,CAAAA,EAAAA,EAAKjD,GAAKiD,GAAO,GAC5C,CAAE,KAEN,CAACN,KAKH,OACEvC,EAAA+C,EAAA,CAAA1E,SAAA,CACEE,EAJ+B,SAAXoC,EAAoBhD,EAAayB,EAIrC,CACdpB,SAAUA,EACVD,UAAWA,EACXD,OAAQA,EACRD,IAAKwE,GACLjE,QAAS4C,EACT/C,aACE4B,GAAiBH,EACfnB,EAAC2C,EAAa,CAAC8B,MAAO/B,EAAWxC,KAAM,UACrCwE,EAEN3E,cAAeA,EACfH,aAAcgE,GACdjE,aAAcA,GAAaG,SAE1BA,IAGFqB,IAAqB1B,GACpBgC,EAACkD,EAAI,CACHC,KAAM3B,IAAelD,EACrB8E,SAAUvB,EAAUI,QACpBoB,UAAU,EACVlF,aAAc+D,GACdhE,aAAcA,GACdH,UAAWY,EAAO2E,KAAKjF,SAEvB,CAAA2B,EAAA,MAAA,CAAKjC,UAAWY,EAAO4E,WAAWlF,SAAA,CAChC2B,EAACwD,EAAI,CAAC/E,KAAM,GAAIgF,QAAQ,MAAKpF,SAAA,CAC1BsB,GACCK,EAAA+C,EAAA,CAAA1E,SAAA,CACEE,EAAC2B,EAAsB,CAAA,GAAA,aAAW,OAGrChD,EAAuBwC,EAAkBtC,GAAY,eAExDmB,EAACiF,EAAI,CAAC/E,KAAM,GAAIuE,MAAM,KAAKjF,UAAWY,EAAO+E,aAAarF,SAAA,uDAK3DkC,EAAgBoD,KAAI,SAACC,EAAKC,GACzB,IAAQC,GAAcrB,GAAamB,IAAQ,CAAE,GAArCE,UACR,OAAKA,EAKH9D,EAAC+D,EAAQ,CAAA1F,SACNwF,CAAAA,EAAQ,GAAKtF,EAAC2E,EAAKc,QAAO,CAAA,GAC3BzF,EAACuF,EAAS,CAAC3G,SAAUuC,MAFRkE,GAJR,IASX,SAKV"}

package/componentsV2/TextInputBase/TextInputBase.js

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

package/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","TextInputBase","_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","onClick","tabIndex","CloseSmallIcon","actualSuffix","_jsxs","_Fragment","ref","classNames","root","error","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","TextInputBase","_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","onClick","tabIndex","CloseSmallIcon","actualSuffix","_jsxs","_Fragment","ref","classNames","root","error","Text","color","labelAside","labelSpecialXs","Label","inputContainer","affix","_objectSpread","input","tagName"],"mappings":"m6OA0IO,IAAMA,EAAqF,CAChGC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,OAGVC,EAGF,CACFC,IAAK,GACLC,MAAOL,EAAOM,WACdC,IAAKP,EAAOQ,UAGDC,EAAgB,SAiC2DC,GAAA,IA7BtFC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,MAAKC,EAAAJ,EACLK,YAAAA,aAAc,QAAOD,EACrBE,IAAAA,UAASC,EAAAP,EACTQ,aAAAA,cAAmBD,EACnBE,IAAAA,OACAC,IAAAA,OACAC,IAAAA,YAAWC,EAAAZ,EACXa,KAAAA,aAAO,QAAOD,EAAAE,EAAAd,EACde,MAAAA,aAAQ,GAAED,EACVE,IAAAA,SAAQC,EAAAjB,EACRkB,eAAAA,aAAiB,MAAKD,EACtBE,IAAAA,SACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,QACAC,IAAAA,OACAC,IAAAA,QACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,mBACAC,IAAAA,kBACWC,IAAXC,UACAC,IAAAA,eACAC,IAAAA,QACAC,IAAAA,QAEMC,EAAcC,IACdC,EAAiBC,EAAepB,EAAUiB,GAC1CI,EAA8B,YAAXb,EAAuBc,EAACC,EAAc,CAAC7B,KAAK,YAAU8B,EACzEC,GAAiBC,GACrB,SAAAC,GAIoB,IAAAC,EAEXC,GALPF,EAAMG,kBACNH,EAAMI,iBAEF1C,GACF,QAAAuC,EAAAX,EAAYe,eAAZ,IAAAJ,GAAAA,EAAqBK,QAErB,QAAAJ,EAAAZ,EAAYe,eAAZ,IAAAH,GAAAA,EAAqBK,OAGvBzB,SAAAA,EAAW,GAAI,QACjB,GACA,CAACA,EAAUpB,IAEP8C,GAAkBT,GACtB,SAAAC,GAAK,OAAIlB,aAAAA,EAAAA,EAAYkB,EAAMS,OAAuCxC,OAAS,GAAI,SAAU+B,KACzF,CAAClB,IAGG4B,GACFlD,GAAamD,OAAO1C,GAAO2C,OAAS,EACpCjB,EAACkB,EAAO,CAACC,MAAM,QAAOC,SACpBpB,EAAA,SAAA,CACEvC,UAAWZ,EAAOkE,YAClBM,QAASlB,GACTmB,UAAW,EACX,cAAa5B,aAAAA,EAAAA,EAASqB,YAAYK,SAElCpB,EAACuB,EAAc,CAACnD,KAAM,cAGxB8B,EAEAsB,GACJzB,GAAoB9B,GAAU8C,GAC5BU,EAAAC,EAAA,CAAAN,SAAA,CACGrB,EACAgB,GACA9C,UAEDiC,EAIN,OACEuB,EAHkB7D,EAGN,CACV+D,IAAKlC,EACLhC,UAAWmE,EACT/E,EAAOgF,KACPlF,EAAeyB,GACJ,UAAXc,GAAsBrC,EAAOiF,MAC7BnD,GAAY9B,EAAO8B,SACnBlB,GAEF,cAAaD,EAAO4D,SAEpB,CAAAK,EAAA,MAAA,CAAKhE,UAAWT,EAAyByB,GAAgB2C,SACtD1D,CAAAA,GACCsC,EAAC+B,EAAI,CACH3D,KAAM,GACN4D,MAAM,KACNvE,UAAWmE,EACT/E,EAAOa,MACY,QAAnBe,GAA4B5B,EAAOoF,WAChB,QAAnBxD,GAAqC,UAATL,GAAoBvB,EAAOqF,eACvD9C,aAAkB,EAAlBA,EAAoB1B,OAEtBF,OAAQkC,aAAAA,EAAAA,EAAShC,MAAM0D,SAEL,iBAAV1D,EAAqBsC,EAACmC,EAAK,CAAAf,SAAE1D,IAAiBA,IAI1D+D,EAAA,MAAA,CACEhE,UAAWmE,EAAW/E,EAAOuF,eAAgBhD,aAAkB,EAAlBA,EAAoBgD,gBACjET,IAAKtC,EAAkB+B,SAAA,CAEtBpD,GACCgC,EAAA,MAAA,CACEvC,UAAWmE,EAAW/E,EAAOwF,MAAOjD,aAAkB,EAAlBA,EAAoBpB,QACxD,cAAa0B,aAAAA,EAAAA,EAAS1B,OAAOoD,SAE5BpD,IAILgC,EAACV,EAASgD,EAAA,CACRX,IAAK9B,EACLpC,UAAWmE,EAAW/E,EAAO0F,MAAOnD,aAAkB,EAAlBA,EAAoBmD,OACxD,cAAa7C,aAAAA,EAAAA,EAAS6C,MACtBrE,YAAaA,EACbI,MAAO0C,OAAO1C,GACdC,SAAUA,EACVY,SAAU0B,GACVlC,SAAUA,EACVG,QAASA,EACTC,OAAQA,EACRC,QAASA,EACTC,UAAWA,EACXL,UAAWA,GACPY,IAELgC,IACCxB,EAAA,MAAA,CACEvC,UAAWmE,EAAW/E,EAAOwF,MAAOjD,aAAkB,EAAlBA,EAAoBnB,QACxD,cAAayB,aAAAA,EAAAA,EAASzB,OAAOmD,SAE5BI,WAKR3C,GACCmB,EAAC+B,EAAI,CACH3D,KAAM,GACN4D,MAAM,KACNQ,QAAQ,MACR/E,UAAWmE,EAAW/E,EAAOgC,QAASO,aAAkB,EAAlBA,EAAoBP,SAC1DrB,OAAQkC,aAAAA,EAAAA,EAASb,QAAQuC,SAExBvC,MAKX"}

package/componentsV2/TextInputNext/TextInputNext.js

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

package/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","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":"y/NAmCA,IAAMA,EAAgCC,GAAW,SAACC,EAAOC,GAAG,OAAKC,iBAAWF,GAAK,GAAA,CAAEC,IAAKA,IAAO,IAEzFE,EAAU,CACdC,MAAOC,EAAiBP,MACxBQ,MAAOD,EAAiBE,MACxBC,OAAQH,EAAiBI,OACzBC,OAAQL,EAAiBM,OACzBC,YAAaP,EAAiBQ,YAC9BC,QAAST,EAAiBU,SA6CtBC,EAAoBjB,GACxB,SAAAkB,EAYEhB,GACG,IAXDiB,IAAAA,MACAC,IAAAA,eACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,mBACAC,IAAAA,SACAb,IAAAA,OACAc,IAAAA,SACGC,EAASC,EAAAT,EAAAU,GAIRC,EAAcC,EAAgC,MAC9CC,EAAiBC,EAAeR,EAAUK,GAE1CI,EAAiBC,GACrB,WAAA,OAAAC,EAAAA,EAAA,CAAA,EAAYf,GAAc,CAAA,EAAA,CAAEgB,KAAMf,EAAWC,UAAAA,GAAY,GACzD,CAACF,EAAgBC,EAAWC,IAGxBe,EAAsBC,GAC1B,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,GAC5B,SAAAC,GAAK,OAAIF,EAAoBE,EAAO,YACpC,CAACF,IAGGa,EAA0BZ,GAC9B,SAAAC,GAAK,OAAIF,EAAoBE,EAAO,cACpC,CAACF,IAGGc,EACU,WAAd9B,EACE+B,EAAA,MAAA,CAAKC,UAAW9B,aAAAA,EAAAA,EAAoB+B,kBAAkBC,SACpD,CAAApD,EAAA,SAAA,CACEqD,UAAW,EACXC,QAASR,EACTI,UAAWK,EAAWC,EAAOC,iBAAkBD,EAAOE,IACtD,cAAavD,EAAiBwD,aAAaP,SAE3CpD,EAAC4D,EAAS,CAACC,MAAM,SAASC,KAAM,GAAIZ,UAAWM,EAAOO,yBAExD/D,EAAA,SAAA,CACEqD,UAAW,EACXC,QAASP,EACTG,UAAWK,EAAWC,EAAOC,iBAAkBD,EAAOQ,MACtD,cAAa7D,EAAiB8D,eAAeb,SAE7CpD,EAACkE,EAAW,CAACL,MAAM,SAASC,KAAM,GAAIZ,UAAWM,EAAOO,iCAG1DI,EAEAC,EACJ5D,GAAUwC,EACRC,EAAAoB,EAAA,CAAAjB,SACG5C,CAAAA,EACAwC,UAEDmB,EAEN,OACEnE,EAACsE,EAAatC,EAAAA,EAAA,GACRT,GAAS,GAAA,CACbP,MAAOA,EACPuD,QAASxE,EACTS,OAAQ4D,EACR/C,SAAUO,EACVN,SAAUA,EACVkD,UAAW5E,EACXkC,eAAgBA,EAChBV,mBAAoBA,EACpBnB,QAASA,IAGf,IAWDa,EAAwC2D,SAAWA,EACnD3D,EAAwC4D,gBAAkBA,EAC1D5D,EAAwC6D,kBAAoBA,EAC5D7D,EAAwC8D,KAAOA,EAC/C9D,EAAwCT,MAAQA,EAE1C,IAAMwE,EAAgB/D"}
+{"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","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":"qzPAmCA,IAAMA,EAAgCC,GAAW,SAACC,EAAOC,GAAG,OAAKC,iBAAWF,GAAK,GAAA,CAAEC,IAAKA,IAAO,IAEzFE,EAAU,CACdC,MAAOC,EAAiBP,MACxBQ,MAAOD,EAAiBE,MACxBC,OAAQH,EAAiBI,OACzBC,OAAQL,EAAiBM,OACzBC,YAAaP,EAAiBQ,YAC9BC,QAAST,EAAiBU,SA6CtBC,EAAoBjB,GACxB,SAAAkB,EAYEhB,GACG,IAXDiB,IAAAA,MACAC,IAAAA,eACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,mBACAC,IAAAA,SACAb,IAAAA,OACAc,IAAAA,SACGC,EAASC,EAAAT,EAAAU,GAIRC,EAAcC,EAAgC,MAC9CC,EAAiBC,EAAeR,EAAUK,GAE1CI,EAAiBC,GACrB,WAAA,OAAAC,EAAAA,EAAA,CAAA,EAAYf,GAAc,CAAA,EAAA,CAAEgB,KAAMf,EAAWC,UAAAA,GAAY,GACzD,CAACF,EAAgBC,EAAWC,IAGxBe,EAAsBC,GAC1B,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,GAC5B,SAAAC,GAAK,OAAIF,EAAoBE,EAAO,YACpC,CAACF,IAGGa,EAA0BZ,GAC9B,SAAAC,GAAK,OAAIF,EAAoBE,EAAO,cACpC,CAACF,IAGGc,EACU,WAAd9B,EACE+B,EAAA,MAAA,CAAKC,UAAW9B,aAAAA,EAAAA,EAAoB+B,kBAAkBC,SACpD,CAAApD,EAAA,SAAA,CACEqD,UAAW,EACXC,QAASR,EACTI,UAAWK,EAAWC,EAAOC,iBAAkBD,EAAOE,IACtD,cAAavD,EAAiBwD,aAAaP,SAE3CpD,EAAC4D,EAAS,CAACC,MAAM,SAASC,KAAM,GAAIZ,UAAWM,EAAOO,yBAExD/D,EAAA,SAAA,CACEqD,UAAW,EACXC,QAASP,EACTG,UAAWK,EAAWC,EAAOC,iBAAkBD,EAAOQ,MACtD,cAAa7D,EAAiB8D,eAAeb,SAE7CpD,EAACkE,EAAW,CAACL,MAAM,SAASC,KAAM,GAAIZ,UAAWM,EAAOO,iCAG1DI,EAEAC,EACJ5D,GAAUwC,EACRC,EAAAoB,EAAA,CAAAjB,SACG5C,CAAAA,EACAwC,UAEDmB,EAEN,OACEnE,EAACsE,EAAatC,EAAAA,EAAA,GACRT,GAAS,GAAA,CACbP,MAAOA,EACPuD,QAASxE,EACTS,OAAQ4D,EACR/C,SAAUO,EACVN,SAAUA,EACVkD,UAAW5E,EACXkC,eAAgBA,EAChBV,mBAAoBA,EACpBnB,QAASA,IAGf,IAWDa,EAAwC2D,SAAWA,EACnD3D,EAAwC4D,gBAAkBA,EAC1D5D,EAAwC6D,kBAAoBA,EAC5D7D,EAAwC8D,KAAOA,EAC/C9D,EAAwCT,MAAQA,EAE1C,IAAMwE,EAAgB/D"}

package/componentsV2/WellArchivedMessage/WellArchivedMessage.js

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

package/componentsV2/WellArchivedMessage/WellArchivedMessage.js.map

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

package/config/mapbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/config/mapbox/index.js"],"names":[],"mappings":"AACA,eAAO,MAAM,oBAAoB,+FAC6D,CAAC;AAI/F,eAAO,MAAM,iBAAiB,SAAkD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/config/mapbox/index.js"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,+FAC6D,CAAC;AAU/F,eAAO,MAAM,iBAAiB,SAC2C,CAAC"}

package/config/mapbox/index.js

@@ -1,2 +1,2 @@
-var e="pk.eyJ1IjoiY29ydmEtYWkiLCJhIjoiY2tzeXg1Ym84Mm53NjJvbnZvZ3JxajVwayJ9.3B6ubssBj1UCqN5o25X6pw",j="true"===process.env.REACT_APP_MAPBOX_ENABLED;export{j as IS_MAPBOX_ENABLED,e as MAP_BOX_ACCESS_TOKEN};
+import o from"mapbox-gl";var p="pk.eyJ1IjoiY29ydmEtYWkiLCJhIjoiY2tzeXg1Ym84Mm53NjJvbnZvZ3JxajVwayJ9.3B6ubssBj1UCqN5o25X6pw",e="true"===process.env.REACT_APP_MAPBOX_ENABLED&&o.supported();export{e as IS_MAPBOX_ENABLED,p as MAP_BOX_ACCESS_TOKEN};
 //# sourceMappingURL=index.js.map

package/config/mapbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/config/mapbox/index.js"],"sourcesContent":["// NOTE: Access token from Jim Wang\nexport const MAP_BOX_ACCESS_TOKEN =\n  'pk.eyJ1IjoiY29ydmEtYWkiLCJhIjoiY2tzeXg1Ym84Mm53NjJvbnZvZ3JxajVwayJ9.3B6ubssBj1UCqN5o25X6pw';\n\n// Airgapped deployments cannot reach api.mapbox.com, so their maps must never mount.\n// The host app inlines this at its own build (corva-web-frontend maps VITE_ to REACT_APP_).\nexport const IS_MAPBOX_ENABLED = process.env.REACT_APP_MAPBOX_ENABLED === 'true';\n"],"names":["MAP_BOX_ACCESS_TOKEN","IS_MAPBOX_ENABLED","process","env","REACT_APP_MAPBOX_ENABLED"],"mappings":"AACO,IAAMA,EACX,6FAIWC,EAA6D,SAAzCC,QAAQC,IAAIC"}
+{"version":3,"file":"index.js","sources":["../../../src/config/mapbox/index.js"],"sourcesContent":["import mapboxgl from 'mapbox-gl';\n\n// NOTE: Access token from Jim Wang\nexport const MAP_BOX_ACCESS_TOKEN =\n  'pk.eyJ1IjoiY29ydmEtYWkiLCJhIjoiY2tzeXg1Ym84Mm53NjJvbnZvZ3JxajVwayJ9.3B6ubssBj1UCqN5o25X6pw';\n\n// Airgapped deployments cannot reach api.mapbox.com, so their maps must never mount.\n// The host app inlines this at its own build (corva-web-frontend maps VITE_ to REACT_APP_).\n// Mapbox needs a WebGL2 context; where there is none its Map constructor throws and\n// takes the whole host app down. The scheduled PDF report renderer is headless with\n// no GPU, so treat that the same way as an airgapped deployment and never mount.\n// mapboxgl.supported() is the library's own check, so it tracks whatever the pinned\n// version actually requires — 3.x needs WebGL2, a shader that compiles, workers and\n// canvas readback, none of which a plain getContext probe would catch.\nexport const IS_MAPBOX_ENABLED =\n  process.env.REACT_APP_MAPBOX_ENABLED === 'true' && mapboxgl.supported();\n"],"names":["MAP_BOX_ACCESS_TOKEN","IS_MAPBOX_ENABLED","process","env","REACT_APP_MAPBOX_ENABLED","mapboxgl","supported"],"mappings":"yBAGO,IAAMA,EACX,6FAUWC,EAC8B,SAAzCC,QAAQC,IAAIC,0BAAuCC,EAASC"}

package/constants/assets.d.ts

@@ -5,6 +5,45 @@ export declare const LOAD_ASSETS_ERROR = "LOAD_ASSETS_ERROR";
 export declare const UNLOAD_ASSET = "UNLOAD_ASSET";
 export declare const UPDATE_CURRENT_PAGE_ASSETS = "UPDATE_CURRENT_PAGE_ASSETS";
 export declare const CLEAR_CURRENT_PAGE_ASSETS = "CLEAR_CURRENT_PAGE_ASSETS";
-export declare const ASSET_TYPES: any;
+export declare const ASSET_TYPES: {
+    rig: {
+        name: string;
+        labelSingular: string;
+        labelPlural: string;
+        parent_type: string;
+        isResolvedToActiveChild: boolean;
+    };
+    well: {
+        name: string;
+        labelSingular: string;
+        labelPlural: string;
+        parent_type: string;
+        isResolvedToActiveChild: boolean;
+    };
+    program: {
+        name: string;
+        labelSingular: string;
+        labelPlural: string;
+        isResolvedToActiveChild: boolean;
+    };
+    frac_fleet: {
+        name: string;
+        labelSingular: string;
+        labelPlural: string;
+        isResolvedToActiveChild: boolean;
+    };
+    pad: {
+        name: string;
+        labelSingular: string;
+        labelPlural: string;
+        isResolvedToActiveChild: boolean;
+    };
+    drillout_unit: {
+        name: string;
+        labelSingular: string;
+        labelPlural: string;
+        isResolvedToActiveChild: boolean;
+    };
+};
 export declare const CORVA_WELLSECTIONS: string[];
 //# sourceMappingURL=assets.d.ts.map

package/constants/assets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../src/constants/assets.js"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,WAAW,CAAC;AAE7B,eAAO,MAAM,WAAW,gBAAgB,CAAC;AACzC,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AACzD,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AACvE,eAAO,MAAM,yBAAyB,8BAA8B,CAAC;AAErE,eAAO,MAAM,WAAW,KAuCtB,CAAC;AAEH,eAAO,MAAM,kBAAkB,UAa9B,CAAC"}
+{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../src/constants/assets.js"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,WAAW,CAAC;AAE7B,eAAO,MAAM,WAAW,gBAAgB,CAAC;AACzC,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AACzD,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AACvE,eAAO,MAAM,yBAAyB,8BAA8B,CAAC;AAErE,eAAO,MAAM,WAAW;IACtB,GAAG;QACD,IAAI;QACJ,aAAa;QACb,WAAW;QACX,WAAW;QACX,uBAAuB;;IAEzB,IAAI;QACF,IAAI;QACJ,aAAa;QACb,WAAW;QACX,WAAW;QACX,uBAAuB;;IAEzB,OAAO;QACL,IAAI;QACJ,aAAa;QACb,WAAW;QACX,uBAAuB;;IAEzB,UAAU;QACR,IAAI;QACJ,aAAa;QACb,WAAW;QACX,uBAAuB;;IAEzB,GAAG;QACD,IAAI;QACJ,aAAa;QACb,WAAW;QACX,uBAAuB;;IAEzB,aAAa;QACX,IAAI;QACJ,aAAa;QACb,WAAW;QACX,uBAAuB;;CAE1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAa9B,CAAC"}

package/constants/bha.d.ts

@@ -79,11 +79,11 @@ export declare const WHISKER_OPTIONS: ({
     from?: undefined;
     toUnit?: undefined;
 } | {
+    unitType?: undefined;
     label: string;
     key: string;
     toUnit: () => string;
     from?: undefined;
-    unitType?: undefined;
 } | {
     label: string;
     key: string;
@@ -91,8 +91,8 @@ export declare const WHISKER_OPTIONS: ({
     unitType: string;
     toUnit: () => string;
 } | {
-    from?: undefined;
     unitType?: undefined;
+    from?: undefined;
     toUnit?: undefined;
     label: string;
     key: string;
@@ -110,11 +110,11 @@ export declare const MSE_WHISKER_OPTION: {
     from?: undefined;
     toUnit?: undefined;
 } | {
+    unitType?: undefined;
     label: string;
     key: string;
     toUnit: () => string;
     from?: undefined;
-    unitType?: undefined;
 } | {
     label: string;
     key: string;
@@ -122,8 +122,8 @@ export declare const MSE_WHISKER_OPTION: {
     unitType: string;
     toUnit: () => string;
 } | {
-    from?: undefined;
     unitType?: undefined;
+    from?: undefined;
     toUnit?: undefined;
     label: string;
     key: string;

package/constants/notifications.d.ts

@@ -1,4 +1,3 @@
-import { List } from 'immutable';
 export declare const NAME = "notifications";
 export declare const ADD_NEW_NOTIFICATION = "ADD_NEW_NOTIFICATION";
 export declare const INCREASE_UNREAD_NOTIFICATIONS_COUNT = "INCREASE_UNREAD_NOTIFICATIONS_COUNT";
@@ -31,7 +30,11 @@ export declare const SIDEBAR_FILTERS: {
         trigger: string;
     }[];
 };
-export declare const defaultContentTypesFilter: List<any>;
+export declare const defaultContentTypesFilter: {
+    label: string;
+    value: string;
+    trigger: string;
+};
 export declare const defaultRequestFilters: {
     triggerType: any[];
     perPage: number;

package/constants/notifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../src/constants/notifications.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,eAAO,MAAM,IAAI,kBAAkB,CAAC;AAEpC,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,mCAAmC,wCAAwC,CAAC;AACzF,eAAO,MAAM,gCAAgC,qCAAqC,CAAC;AACnF,eAAO,MAAM,8BAA8B,mCAAmC,CAAC;AAC/E,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,6BAA6B,kCAAkC,CAAC;AAC7E,eAAO,MAAM,2BAA2B,gCAAgC,CAAC;AACzE,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AAEzD,eAAO,MAAM,YAAY;;;;CAMxB,CAAC;AAEF,eAAO,MAAM,0BAA0B;IACrC,QAAQ;IACR,eAAe;IACf,YAAY;IACZ,sBAAsB;CAEvB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;CAsB3B,CAAC;AAEF,eAAO,MAAM,yBAAyB,WAErC,CAAC;AAEF,eAAO,MAAM,qBAAqB;IAChC,WAAW;IACX,OAAO;IACP,IAAI;IACJ,KAAK;CACN,CAAC;AAEF,eAAO,MAAM,qBAAqB;IAChC,OAAO;IACP,IAAI;IACJ,OAAO;IACP,KAAK;CACN,CAAC"}
+{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../src/constants/notifications.js"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,kBAAkB,CAAC;AAEpC,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,mCAAmC,wCAAwC,CAAC;AACzF,eAAO,MAAM,gCAAgC,qCAAqC,CAAC;AACnF,eAAO,MAAM,8BAA8B,mCAAmC,CAAC;AAC/E,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,6BAA6B,kCAAkC,CAAC;AAC7E,eAAO,MAAM,2BAA2B,gCAAgC,CAAC;AACzE,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AAEzD,eAAO,MAAM,YAAY;;;;CAMxB,CAAC;AAEF,eAAO,MAAM,0BAA0B;IACrC,QAAQ;IACR,eAAe;IACf,YAAY;IACZ,sBAAsB;CAEvB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;CAsB3B,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;CAGrC,CAAC;AAEF,eAAO,MAAM,qBAAqB;IAGhC,WAAW;IACX,OAAO;IACP,IAAI;IACJ,KAAK;CACN,CAAC;AAEF,eAAO,MAAM,qBAAqB;IAChC,OAAO;IACP,IAAI;IACJ,OAAO;IACP,KAAK;CACN,CAAC"}

package/constants/notifications.js

@@ -1,2 +1,2 @@
-import a from"@babel/runtime/helpers/toConsumableArray";import{List as t}from"immutable";var e="notifications",o="ADD_NEW_NOTIFICATION",i="INCREASE_UNREAD_NOTIFICATIONS_COUNT",r="CLEAR_UNREAD_NOTIFICATIONS_COUNT",l="SET_UNREAD_NOTIFICATIONS_COUNT",n="SET_NOTIFICATIONS",T="ADD_NOTIFICATIONS",I="NOTIFICATIONS_LOADING_ATTEMPT",N="NOTIFICATIONS_LOADING_ERROR",s="REMOVE_NOTIFICATION",A={SUBSCRIPTIONS:[{collection:"notification"}]},O={activity:"Activity",activityComment:"Comment",activityLike:"Like",dashboardAppAnnotation:"DashboardAppAnnotation"},_={DATE_RANGE_FILTERS:[{label:"All",value:"all"},{label:"Last 12 hours",value:"last12hours"},{label:"Last 24 hours",value:"last24hours"},{label:"Last 7 days",value:"last7days"},{label:"Last month",value:"lastMonth"},{label:"Custom",value:"custom"}],CONTENT_TYPE_FILTERS:[{label:"Feed post",value:"activity",trigger:O.activity},{label:"Comment",value:"comment",trigger:O.activityComment},{label:"Like",value:"Like",trigger:O.activityLike},{label:"Annotation",value:"dashboard_app_annotation",trigger:O.dashboardAppAnnotation}]},u=t(_.CONTENT_TYPE_FILTERS.reduce((function(t,e){var o=e.value;return[].concat(a(t),[o])}),[])),c={triggerType:u.toArray(),perPage:20,sort:"created_at",order:"desc"},C={success:"success",info:"info",warning:"warning",error:"error"};export{o as ADD_NEW_NOTIFICATION,T as ADD_NOTIFICATIONS,r as CLEAR_UNREAD_NOTIFICATIONS_COUNT,i as INCREASE_UNREAD_NOTIFICATIONS_COUNT,e as NAME,A as NOTIFICATION,I as NOTIFICATIONS_LOADING_ATTEMPT,N as NOTIFICATIONS_LOADING_ERROR,O as NOTIFICATION_TRIGGER_TYPES,C as NOTIFICATION_VARIANTS,s as REMOVE_NOTIFICATION,n as SET_NOTIFICATIONS,l as SET_UNREAD_NOTIFICATIONS_COUNT,_ as SIDEBAR_FILTERS,u as defaultContentTypesFilter,c as defaultRequestFilters};
+import a from"@babel/runtime/helpers/toConsumableArray";var t="notifications",e="ADD_NEW_NOTIFICATION",o="INCREASE_UNREAD_NOTIFICATIONS_COUNT",i="CLEAR_UNREAD_NOTIFICATIONS_COUNT",l="SET_UNREAD_NOTIFICATIONS_COUNT",r="SET_NOTIFICATIONS",n="ADD_NOTIFICATIONS",T="NOTIFICATIONS_LOADING_ATTEMPT",I="NOTIFICATIONS_LOADING_ERROR",N="REMOVE_NOTIFICATION",s={SUBSCRIPTIONS:[{collection:"notification"}]},A={activity:"Activity",activityComment:"Comment",activityLike:"Like",dashboardAppAnnotation:"DashboardAppAnnotation"},O={DATE_RANGE_FILTERS:[{label:"All",value:"all"},{label:"Last 12 hours",value:"last12hours"},{label:"Last 24 hours",value:"last24hours"},{label:"Last 7 days",value:"last7days"},{label:"Last month",value:"lastMonth"},{label:"Custom",value:"custom"}],CONTENT_TYPE_FILTERS:[{label:"Feed post",value:"activity",trigger:A.activity},{label:"Comment",value:"comment",trigger:A.activityComment},{label:"Like",value:"Like",trigger:A.activityLike},{label:"Annotation",value:"dashboard_app_annotation",trigger:A.dashboardAppAnnotation}]},_=O.CONTENT_TYPE_FILTERS.reduce((function(t,e){var o=e.value;return[].concat(a(t),[o])}),[]),c={triggerType:a(_),perPage:20,sort:"created_at",order:"desc"},u={success:"success",info:"info",warning:"warning",error:"error"};export{e as ADD_NEW_NOTIFICATION,n as ADD_NOTIFICATIONS,i as CLEAR_UNREAD_NOTIFICATIONS_COUNT,o as INCREASE_UNREAD_NOTIFICATIONS_COUNT,t as NAME,s as NOTIFICATION,T as NOTIFICATIONS_LOADING_ATTEMPT,I as NOTIFICATIONS_LOADING_ERROR,A as NOTIFICATION_TRIGGER_TYPES,u as NOTIFICATION_VARIANTS,N as REMOVE_NOTIFICATION,r as SET_NOTIFICATIONS,l as SET_UNREAD_NOTIFICATIONS_COUNT,O as SIDEBAR_FILTERS,_ as defaultContentTypesFilter,c as defaultRequestFilters};
 //# sourceMappingURL=notifications.js.map

package/constants/notifications.js.map

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