@corva/ui 3.77.0-2 → 3.77.0-20

package/cjs-bundle/components/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../../src/components/Search/Search.tsx"],"sourcesContent":["import {\n  ChangeEvent,\n  cloneElement,\n  ComponentType,\n  KeyboardEvent,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { debounce, isEmpty, noop, omit } from 'lodash';\nimport { Autocomplete, AutocompleteProps, AutocompleteRenderGroupParams } from '@material-ui/lab';\nimport {\n  Checkbox,\n  Chip,\n  CircularProgress,\n  Fade,\n  InputAdornment,\n  MenuItem,\n  Popper,\n  TextField,\n  InputProps as MuiInputProps,\n  Tooltip,\n} from '@material-ui/core';\nimport { AccessTime as TimeIcon } from '@material-ui/icons';\n\nimport { Groups, ListboxComponent as Listbox, Paper, SelectAllListItem } from './components';\nimport { PaperContext } from './context';\nimport { useAutocompletOptions } from './effects';\nimport useStyles from './styles';\n\nimport { CloseSmallIcon, DownOneIcon } from '~/icons';\nimport { MiddleTruncatedText } from '~/components/MiddleTruncatedText';\nimport IconButton from '~/components/IconButton';\n\nconst PAGE_NAME = 'AutocompleteSearch';\n\nconst initialPopperProps = {};\n\nconst ARROW_LEFT_KEY_CODE = 'ArrowLeft';\n\ntype SearchProps = {\n  onChange: (event: ChangeEvent<{}>, selected: any | any[] | null) => void;\n  value?: object | object[];\n  options?: { label?: string; id: string; group?: string }[];\n  AutocompleteProps?: {\n    getOptionDisabled?: (option: any) => boolean;\n    forcePopupIcon?: boolean;\n  };\n  allChecked?: boolean;\n  TextFieldProps?: {\n    label?: string;\n    endAdornment?: ReactNode;\n  };\n  selectedGroup?: {\n    name?: string;\n    id?: string;\n  };\n  onGroupReset?: MouseEventHandler<HTMLSpanElement>;\n  onClose?: () => void;\n  disableClearable?: boolean;\n\n  /**\n   * MUI Autocomplete triggers onInputChange when startAdornment is changed (via selectedGroup update).\n   * If disableResetOnGroupChange is true, we won't store a new value in onInputChange when the 'reason' is \"reset\".\n   * Additionally, handleSelectedGroupChange won't trigger handleInputReset if disableResetOnGroupChange is true.\n   */\n  disableResetOnGroupChange?: boolean;\n  onInputChange?: (value: string) => void;\n  getOptionLabel?: (option: any) => string;\n  onGroupChange?: (group?: { name?: string; id?: string }) => void;\n  loading?: boolean;\n  disabled?: boolean;\n  multiple?: boolean;\n  optionSize?: 'large';\n  popupIcon?: ReactNode;\n  InputProps?: Partial<MuiInputProps>;\n  ListboxProps?: object;\n  classes?: Partial<\n    {\n      popper: string;\n      listbox: string;\n      popupIndicator: string;\n      popupIndicatorOpen: string;\n      groupChip: string;\n    } & Record<string, string>\n  >;\n  onInputChangeCallback?: (newInputValue: string, reason: string) => void;\n  placeholder?: string;\n  RecentSearchesComponent?: ComponentType<any>;\n  ListboxComponent?: any;\n  recentSearchesMaxCount?: number;\n  dataStorageKey?: string;\n  dataStorage?: object;\n\n  groups?: { id: string; name: string }[];\n  GroupsComponent?: ComponentType<{\n    onGroupClick: (id: string) => void;\n    groups: { id: string; name: string }[];\n  }>;\n  onOpen?: (e?: any) => void;\n  renderCustomOption?: (option: any, state: any) => ReactNode;\n  onInputReset?: () => void;\n  isHiddenAllOption?: boolean;\n  isHiddenAllLabel?: boolean;\n  paperFooter?: ReactNode;\n  isOpenedFromParent?: boolean;\n  popperProps?: Partial<{ style: object }>;\n  onFocus?: () => void;\n  inputProps?: object;\n  noOptionsText?: string;\n  isPrioritizedSelectedOptions?: boolean;\n  /**\n   * There is a check if it is multiple search then we should keep input value on autocomplete change\n   * But now there is another case, when we should reset input value on autocomplete change\n   * This new prop allows to have both options\n   */\n  shouldResetInputOnAutocompleteChange?: boolean;\n} & Omit<\n  AutocompleteProps<any, false, false, false>,\n  | 'value'\n  | 'onChange'\n  | 'options'\n  | 'onClose'\n  | 'disableClearable'\n  | 'onInputChange'\n  | 'getOptionLabel'\n  | 'loading'\n  | 'disabled'\n  | 'multiple'\n  | 'popupIcon'\n  | 'ListboxProps'\n  | 'classes'\n  | 'placeholder'\n  | 'ListboxComponent'\n  | 'onOpen'\n  | 'onFocus'\n  | 'inp'\n  | 'noOptionsText'\n  | 'renderInput'\n  | 'PopperComponent'\n  | 'open'\n  | 'forcePopupIcon'\n  | 'fullWidth'\n  | 'renderGroup'\n  | 'disableCloseOnSelect'\n  | 'renderOption'\n  | 'groupBy'\n  | 'PaperComponent'\n  | 'inputValue'\n  | 'getOptionDisabled'\n  | 'loadingText'\n  | 'InputProps'\n  | 'isNullable'\n>;\n\nexport const Search = ({\n  AutocompleteProps = {},\n  value,\n  disableClearable = false,\n  onChange,\n  onInputChange,\n  loading = false,\n  options = [],\n  optionSize,\n  placeholder = 'Search...',\n  onGroupChange = () => {},\n  disabled = false,\n  disableResetOnGroupChange,\n  multiple = false,\n  groups = [],\n  GroupsComponent,\n  recentSearchesMaxCount = 3,\n  dataStorageKey = 'Search:recentSearches',\n  RecentSearchesComponent,\n  dataStorage = sessionStorage,\n  onInputReset,\n  getOptionLabel = (option: any) => option.label || '',\n  TextFieldProps = { endAdornment: null },\n  ListboxProps,\n  onInputChangeCallback = () => {},\n  renderCustomOption,\n  isHiddenAllOption = false,\n  isHiddenAllLabel = false,\n  onOpen = noop,\n  selectedGroup,\n  onGroupReset = () => {},\n  onClose = () => {},\n  popperProps = initialPopperProps,\n  paperFooter,\n  noOptionsText = 'No Options',\n  ListboxComponent = Listbox,\n  isPrioritizedSelectedOptions = false,\n\n  isOpenedFromParent = undefined,\n  onFocus,\n  InputProps,\n  classes = {},\n  popupIcon = <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} />,\n  shouldResetInputOnAutocompleteChange,\n  ...props\n}: SearchProps) => {\n  const [inputValue, setInputValue] = useState('');\n  const [debouncedInputValue, setDebouncedInputValue] = useState('');\n  const [isOpened, setIsOpened] = useState(false);\n  const [isSelectedLabelExpanded, setIsSelectedLabelExpanded] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const paperRef = useRef<HTMLDivElement>(null);\n\n  const { autocompleteOptions, isGrouped, handleAutocompleOptionsUpdate } = useAutocompletOptions({\n    options,\n    value,\n    groups,\n    selectedGroup,\n    isPrioritizedSelectedOptions,\n  });\n\n  const styles = useStyles();\n\n  const {\n    popper,\n    listbox,\n    popupIndicator,\n    popupIndicatorOpen,\n    groupChip: groupChipClassName,\n    ...restClasses\n  } = classes;\n  const autocompleteClasses = {\n    popper: classNames(styles.popper, popper),\n    listbox: classNames(styles.listbox, listbox),\n    popupIndicator: classNames(styles.popupIndicator, popupIndicator),\n    popupIndicatorOpen: classNames(styles.popupIndicatorOpen, popupIndicatorOpen),\n    ...restClasses,\n  };\n\n  const groupBy = ({ group }: any) => group;\n\n  const handleInputChange = (_event: ChangeEvent<{}>, newInputValue: string, reason: string) => {\n    if (disableResetOnGroupChange)\n      setInputValue(prevValue => (reason === 'reset' ? prevValue : newInputValue));\n    else setInputValue(newInputValue);\n\n    onInputChangeCallback(newInputValue, reason);\n  };\n\n  const handleInputReset = () => {\n    setInputValue('');\n    onInputReset?.();\n  };\n\n  const handleDebouncedInputChange = (inputValue: string) => setDebouncedInputValue(inputValue);\n\n  const onDebouncedInputChange = useCallback(debounce(handleDebouncedInputChange, 500), []);\n\n  const handleSelectedGroupChange = (selectedGroupId: string) => {\n    const selectedGroup = groups.find(({ id }) => id === selectedGroupId);\n    if (!disableResetOnGroupChange) handleInputReset();\n    onGroupChange(selectedGroup);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (inputValue.length) return;\n\n    // NOTE: MUI try to focus tags for multiple Autocomplete\n    // need to stop event to prevent crash, as we render custom content in TextField\n    if (multiple && event.code === ARROW_LEFT_KEY_CODE) {\n      event.stopPropagation();\n    }\n  };\n\n  useEffect(() => {\n    if (isOpened) {\n      inputRef.current?.focus();\n      inputRef.current?.setSelectionRange(inputValue.length, inputValue.length);\n    }\n  });\n\n  const valueLength = multiple && Array.isArray(value) ? value.length : null;\n\n  const allSelected = multiple && autocompleteOptions?.length === valueLength;\n  const someSelected = multiple && !!valueLength && !allSelected;\n\n  const onAllSelectClick = () => {\n    handleInputReset();\n    if (AutocompleteProps.getOptionDisabled && allSelected)\n      return onChange(null as unknown as ChangeEvent<{}>, [options[options.length - 1]]);\n\n    return onChange(\n      null as unknown as ChangeEvent<{}>,\n      allSelected || someSelected ? [] : autocompleteOptions\n    );\n  };\n\n  useEffect(() => {\n    onDebouncedInputChange(inputValue);\n\n    if (!onInputChange) return;\n\n    onInputChange(inputValue);\n  }, [inputValue]);\n\n  const handleAutocompleteChange = (event: ChangeEvent<{}>, selected: any | any[]) => {\n    if (!multiple || shouldResetInputOnAutocompleteChange) {\n      setInputValue('');\n    }\n    onChange(event, selected);\n  };\n\n  const handleSearchOpen = (e: ChangeEvent<{}>) => {\n    handleAutocompleOptionsUpdate();\n    setIsOpened(true);\n    onOpen(e);\n  };\n\n  const handleSearchClose = (evt: ChangeEvent<{}>, reason: string) => {\n    const focusEvt = evt as unknown as React.FocusEvent<HTMLElement>;\n    const focusingDropdownElement =\n      reason === 'blur' &&\n      (!focusEvt.relatedTarget || paperRef.current?.contains(focusEvt.relatedTarget));\n\n    if (!focusingDropdownElement) {\n      onClose();\n      setIsOpened(false);\n    }\n  };\n\n  const handleSelectedOptionClick = () => {\n    if (isOpenedFromParent ?? isOpened) {\n      setIsOpened(false);\n\n      onClose();\n    } else {\n      setIsOpened(true);\n\n      onOpen();\n    }\n  };\n\n  const renderGroup = ({ key, group, children }: AutocompleteRenderGroupParams) => {\n    if (!group || (!isEmpty(selectedGroup) && multiple)) {\n      return children;\n    }\n\n    return (\n      <div className={styles.group} key={key}>\n        <Tooltip\n          title={group}\n          placement=\"right\"\n          TransitionComponent={Fade}\n          TransitionProps={{ timeout: 500 }}\n          enterDelay={500}\n        >\n          <Chip\n            data-not-migrated-muichip\n            className={classNames(styles.groupChip, groupChipClassName)}\n            variant=\"outlined\"\n            label={group}\n          />\n        </Tooltip>\n\n        {children}\n      </div>\n    );\n  };\n\n  const getSelectedLabel = (value: any) => {\n    if (allSelected && !isHiddenAllOption && !isHiddenAllLabel) return 'All';\n    const label = value[0].label || value[0].name || '';\n\n    return value?.length === 1 ? (\n      <div>\n        <MiddleTruncatedText>{label}</MiddleTruncatedText>\n      </div>\n    ) : (\n      `${value?.length} Selected`\n    );\n  };\n\n  const renderInput = (muiProps: any) => {\n    // MUI Autocomplete invokes renderInput during its OWN render, so this state belongs to the\n    // Autocomplete fiber. Hoisting it into Search re-targets the re-render and breaks the\n    // ArrowUp/ArrowDown focus handoff between the input and the chips.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const [isFocused, setIsFocused] = useState(false);\n    const { InputProps: mUIInputProps, inputProps: mUIinputProps, ...restMuiProps } = muiProps;\n    const defaultEndAdornment =\n      mUIInputProps.endAdornment?.props?.children?.length > 1\n        ? cloneElement(mUIInputProps.endAdornment, {\n            // remove clear button, popupIcon is left\n            children: mUIInputProps.endAdornment.props.children.slice(1),\n            onMouseDown: e => e.stopPropagation(),\n            onMouseUp: e => e.stopPropagation(),\n          })\n        : mUIInputProps.endAdornment;\n\n    const isNeedExpandInput = valueLength === 1;\n\n    const isInputLabelShrink =\n      isFocused ||\n      isOpened ||\n      inputValue.length > 0 ||\n      !isEmpty(value) ||\n      !isEmpty(InputProps?.startAdornment);\n\n    const onInputBlur = () => {\n      setIsFocused(false);\n      if (isNeedExpandInput) {\n        setIsSelectedLabelExpanded(true);\n      }\n    };\n\n    const {\n      classes: { input: inputClasses = '', ...restInputClasses } = {},\n      style,\n      ...restInputProps\n    } = InputProps || {};\n\n    return (\n      <TextField\n        {...restMuiProps}\n        {...omit(TextFieldProps, ['endAdornment'])}\n        onBlur={onInputBlur}\n        onFocus={() => {\n          setIsFocused(true);\n        }}\n        onKeyDown={handleKeyDown}\n        inputRef={inputRef}\n        placeholder={placeholder}\n        classes={{ root: styles.searchInput }}\n        inputProps={{ style: { padding: 5 }, ...mUIinputProps, ...props.inputProps }}\n        InputLabelProps={{\n          shrink: isInputLabelShrink,\n        }}\n        InputProps={{\n          classes: {\n            input: classNames(\n              isSelectedLabelExpanded\n                ? styles.inputShrinked\n                : isNeedExpandInput && styles.inputExpanded,\n              inputClasses\n            ),\n            ...restInputClasses,\n          },\n          style: { paddingRight: 0, paddingBottom: 0, ...style },\n          ...mUIInputProps,\n          ...restInputProps,\n          startAdornment: (\n            <>\n              {InputProps?.startAdornment}\n              {selectedGroup && (\n                <Chip\n                  key={selectedGroup.id}\n                  className={styles.selectedGroup}\n                  data-not-migrated-muichip\n                  variant=\"outlined\"\n                  label={\n                    <div className={styles.selectedGroupLabel}>\n                      {selectedGroup.name}\n                      <CloseSmallIcon\n                        size={16}\n                        id=\"removeGroupIcon\"\n                        className={styles.removeIcon}\n                        onClick={onGroupReset}\n                      />\n                    </div>\n                  }\n                />\n              )}\n              {multiple && !isEmpty(value) && (\n                <div\n                  onClick={handleSelectedOptionClick}\n                  id=\"selectedOptions\"\n                  className={classNames(\n                    styles.selectedLabel,\n                    isSelectedLabelExpanded && styles.selectedLabelExpanded\n                  )}\n                >\n                  {getSelectedLabel(value)}\n                </div>\n              )}\n            </>\n          ),\n          endAdornment: (\n            <>\n              <InputAdornment\n                className={classNames(styles.endAdornment, {\n                  [styles.removeIconWithDropdown]: AutocompleteProps.forcePopupIcon,\n                })}\n                position=\"end\"\n              >\n                {TextFieldProps.endAdornment}\n                {loading && <CircularProgress color=\"primary\" size={20} />}\n                {isFocused && inputValue && !disableClearable && (\n                  <IconButton\n                    data-testid={`${PAGE_NAME}_clear_icon`}\n                    size=\"small\"\n                    className={styles.iconButton}\n                    onClick={() => {\n                      setInputValue('');\n                      if (onInputReset) {\n                        onInputReset();\n                      }\n                    }}\n                    tooltipProps={{ title: 'Clear' }}\n                  >\n                    <CloseSmallIcon size={20} className={styles.closeIcon} />\n                  </IconButton>\n                )}\n              </InputAdornment>\n              {AutocompleteProps.forcePopupIcon && defaultEndAdornment}\n            </>\n          ),\n        }}\n      />\n    );\n  };\n\n  const renderOption = (option: any, state: any) => {\n    const { label = '', id } = option;\n    if (!multiple)\n      return (\n        <MenuItem\n          className={styles.menuItem}\n          key={id}\n          value={id}\n          data-testid={`autocompleteOption_${label}MenuItem`}\n        >\n          <MiddleTruncatedText className={styles.optionLabelContainer}>{label}</MiddleTruncatedText>\n        </MenuItem>\n      );\n    return (\n      <div\n        className={classNames(styles.option, optionSize)}\n        key={id}\n        data-testid={`autocompleteOption_${label}MenuItem`}\n      >\n        <Checkbox size=\"small\" disableRipple className={styles.checkbox} checked={state.selected} />\n        <MiddleTruncatedText className={styles.optionLabelContainer}>{label}</MiddleTruncatedText>\n      </div>\n    );\n  };\n\n  const isEmptyOptions = isEmpty(autocompleteOptions);\n  const paperContext = useMemo(\n    () => ({\n      onOutsideClick: handleSearchClose,\n      isEmptyOptions,\n      loading,\n      AllSelectComponent: !isHiddenAllOption && multiple && !isEmptyOptions && (\n        <SelectAllListItem\n          className={styles.selectAllCheckbox}\n          onClick={onAllSelectClick}\n          someSelected={someSelected}\n          allSelected={allSelected}\n        />\n      ),\n      RecentSearchesComponent: RecentSearchesComponent && (\n        <RecentSearchesComponent\n          title=\"Recent Searches\"\n          Icon={TimeIcon}\n          dataStorage={dataStorage}\n          dataStorageKey={dataStorageKey}\n          maxCount={recentSearchesMaxCount}\n          isHidden={!isEmpty(inputValue)}\n          onInputChange={(value: any) => setInputValue(value)}\n          inputValue={debouncedInputValue}\n        />\n      ),\n      GroupsComponent: !selectedGroup && isGrouped && GroupsComponent && (\n        <GroupsComponent onGroupClick={handleSelectedGroupChange} groups={groups} />\n      ),\n    }),\n    [\n      selectedGroup,\n      loading,\n      isGrouped,\n      isEmptyOptions,\n      inputValue,\n      isHiddenAllOption,\n      multiple,\n      isEmptyOptions,\n      debouncedInputValue,\n      onClose,\n      handleSearchClose,\n    ]\n  );\n\n  const PaperComponent = useMemo(\n    () =>\n      ({ children, className, ...paperProps }: any) =>\n        (\n          <Paper {...paperProps} className={className} inputRef={inputRef} ref={paperRef}>\n            {children}\n            {paperFooter}\n          </Paper>\n        ),\n    [paperFooter]\n  );\n\n  const PopperComponent = useMemo(\n    () => (props: any) => {\n      const { style, ...restPopperProps } = popperProps;\n      return (\n        <Popper\n          {...props}\n          style={{ ...props.style, ...style }}\n          placement=\"bottom-start\"\n          {...restPopperProps}\n        />\n      );\n    },\n    [popperProps]\n  );\n\n  const handleRootFocus = () => {\n    setIsSelectedLabelExpanded(false);\n    onFocus?.();\n  };\n\n  return (\n    <PaperContext.Provider value={paperContext}>\n      <Autocomplete\n        {...omit(props, ['InputProps', 'isNullable', 'isOpenedFromParent'])}\n        PopperComponent={PopperComponent}\n        disableClearable={disableClearable}\n        onOpen={handleSearchOpen}\n        onClose={handleSearchClose}\n        open={isOpenedFromParent ?? isOpened}\n        onChange={handleAutocompleteChange}\n        forcePopupIcon={AutocompleteProps.forcePopupIcon}\n        fullWidth\n        disabled={disabled}\n        value={value}\n        classes={autocompleteClasses}\n        renderInput={renderInput}\n        loading={loading}\n        options={autocompleteOptions}\n        renderGroup={renderGroup}\n        disableCloseOnSelect={multiple}\n        multiple={multiple}\n        renderOption={renderCustomOption || renderOption}\n        groupBy={isGrouped ? groupBy : undefined}\n        PaperComponent={PaperComponent}\n        ListboxComponent={ListboxComponent}\n        inputValue={inputValue}\n        getOptionLabel={getOptionLabel}\n        getOptionDisabled={AutocompleteProps?.getOptionDisabled}\n        onInputChange={handleInputChange}\n        loadingText={<div className={styles.label}>Loading ...</div>}\n        noOptionsText={<div className={styles.label}>{noOptionsText}</div>}\n        ListboxProps={ListboxProps}\n        onFocus={handleRootFocus}\n      />\n    </PaperContext.Provider>\n  );\n};\n\nSearch.Groups = Groups;\n\nexport default Search;\n"],"names":["initialPopperProps","Search","_ref","_ref$AutocompleteProp","AutocompleteProps","value","_ref$disableClearable","disableClearable","onChange","onInputChange","_ref$loading","loading","_ref$options","options","optionSize","_ref$placeholder","placeholder","_ref$onGroupChange","onGroupChange","_ref$disabled","disabled","disableResetOnGroupChange","_ref$multiple","multiple","_ref$groups","groups","GroupsComponent","_ref$recentSearchesMa","recentSearchesMaxCount","_ref$dataStorageKey","dataStorageKey","RecentSearchesComponent","_ref$dataStorage","dataStorage","sessionStorage","onInputReset","_ref$getOptionLabel","getOptionLabel","option","label","_ref$TextFieldProps","TextFieldProps","endAdornment","ListboxProps","_ref$onInputChangeCal","onInputChangeCallback","renderCustomOption","_ref$isHiddenAllOptio","isHiddenAllOption","_ref$isHiddenAllLabel","isHiddenAllLabel","_ref$onOpen","onOpen","noop","selectedGroup","_ref$onGroupReset","onGroupReset","_ref$onClose","onClose","_ref$popperProps","popperProps","paperFooter","_ref$noOptionsText","noOptionsText","_ref$ListboxComponent","ListboxComponent","Listbox","_ref$isPrioritizedSel","isPrioritizedSelectedOptions","_ref$isOpenedFromPare","isOpenedFromParent","undefined","onFocus","InputProps","_ref$classes","classes","popupIcon","shouldResetInputOnAutocompleteChange","props","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","_useState4","_useState3","debouncedInputValue","setDebouncedInputValue","_useState6","_useState5","isOpened","setIsOpened","_useState8","_useState7","isSelectedLabelExpanded","setIsSelectedLabelExpanded","inputRef","useRef","paperRef","_useAutocompletOption","useAutocompletOptions","autocompleteOptions","isGrouped","handleAutocompleOptionsUpdate","styles","useStyles","popper","listbox","popupIndicator","popupIndicatorOpen","groupChipClassName","groupChip","restClasses","_excluded2","autocompleteClasses","_objectSpread","classNames","handleInputReset","onDebouncedInputChange","useCallback","debounce","handleSelectedGroupChange","selectedGroupId","find","_ref3","id","handleKeyDown","event","length","code","stopPropagation","useEffect","_inputRef$current","_inputRef$current2","current","focus","setSelectionRange","valueLength","Array","isArray","allSelected","someSelected","onAllSelectClick","getOptionDisabled","handleSearchClose","evt","reason","_paperRef$current","focusEvt","relatedTarget","contains","handleSelectedOptionClick","getSelectedLabel","name","_jsx","children","MiddleTruncatedText","concat","isEmptyOptions","isEmpty","paperContext","useMemo","onOutsideClick","AllSelectComponent","jsx","SelectAllListItem","className","selectAllCheckbox","onClick","title","Icon","TimeIcon","AccessTime","maxCount","isHidden","onGroupClick","PaperComponent","_ref6","paperProps","_excluded6","_jsxs","Paper","ref","PopperComponent","style","restPopperProps","_excluded7","Popper","placement","PaperContext","Provider","Autocomplete","omit","e","open","selected","forcePopupIcon","fullWidth","renderInput","muiProps","_mUIInputProps$endAdo","_mUIInputProps$endAdo2","_mUIInputProps$endAdo3","_useState10","_useState9","isFocused","setIsFocused","mUIInputProps","mUIinputProps","inputProps","restMuiProps","_excluded3","defaultEndAdornment","cloneElement","slice","onMouseDown","onMouseUp","isNeedExpandInput","isInputLabelShrink","startAdornment","_ref5$classes","_ref5","_ref5$classes$input","input","inputClasses","restInputClasses","_excluded4","restInputProps","_excluded5","TextField","onBlur","onKeyDown","root","searchInput","padding","InputLabelProps","shrink","inputShrinked","inputExpanded","paddingRight","paddingBottom","jsxs","_Fragment","Chip","variant","selectedGroupLabel","CloseSmallIcon","size","removeIcon","selectedLabel","selectedLabelExpanded","InputAdornment","_defineProperty","removeIconWithDropdown","position","CircularProgress","color","IconButton","iconButton","tooltipProps","closeIcon","renderGroup","_ref4","key","group","Tooltip","TransitionComponent","Fade","TransitionProps","timeout","enterDelay","disableCloseOnSelect","renderOption","state","_option$label","Checkbox","disableRipple","checkbox","checked","optionLabelContainer","MenuItem","menuItem","groupBy","_ref2","_event","newInputValue","prevValue","loadingText","Groups"],"mappings":"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"}
+{"version":3,"file":"Search.js","sources":["../../../../src/components/Search/Search.tsx"],"sourcesContent":["import {\n  ChangeEvent,\n  cloneElement,\n  ComponentType,\n  KeyboardEvent,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { debounce, isEmpty, noop, omit } from 'lodash';\nimport { Autocomplete, AutocompleteProps, AutocompleteRenderGroupParams } from '@material-ui/lab';\nimport {\n  Checkbox,\n  Chip,\n  CircularProgress,\n  Fade,\n  InputAdornment,\n  MenuItem,\n  Popper,\n  TextField,\n  InputProps as MuiInputProps,\n  Tooltip,\n} from '@material-ui/core';\nimport { AccessTime as TimeIcon } from '@material-ui/icons';\n\nimport { Groups, ListboxComponent as Listbox, Paper, SelectAllListItem } from './components';\nimport { PaperContext } from './context';\nimport { useAutocompletOptions } from './effects';\nimport useStyles from './styles';\n\nimport { CloseSmallIcon, DownOneIcon } from '~/icons';\nimport { MiddleTruncatedText } from '~/components/MiddleTruncatedText';\nimport IconButton from '~/components/IconButton';\n\nconst PAGE_NAME = 'AutocompleteSearch';\n\nconst initialPopperProps = {};\n\nconst ARROW_LEFT_KEY_CODE = 'ArrowLeft';\n\ntype SearchProps = {\n  onChange: (event: ChangeEvent<{}>, selected: any | any[] | null) => void;\n  value?: object | object[] | null;\n  options?: { label?: string; name?: string; id: string | number; group?: string }[];\n  AutocompleteProps?: {\n    getOptionDisabled?: (option: any) => boolean;\n    forcePopupIcon?: boolean;\n  };\n  allChecked?: boolean;\n  TextFieldProps?: {\n    label?: string;\n    endAdornment?: ReactNode;\n    value?: string;\n  };\n  selectedGroup?: {\n    name?: string;\n    id?: string;\n  } | null;\n  onGroupReset?: MouseEventHandler<HTMLSpanElement>;\n  onClose?: () => void;\n  disableClearable?: boolean;\n\n  /**\n   * MUI Autocomplete triggers onInputChange when startAdornment is changed (via selectedGroup update).\n   * If disableResetOnGroupChange is true, we won't store a new value in onInputChange when the 'reason' is \"reset\".\n   * Additionally, handleSelectedGroupChange won't trigger handleInputReset if disableResetOnGroupChange is true.\n   */\n  disableResetOnGroupChange?: boolean;\n  onInputChange?: (value: string) => void;\n  getOptionLabel?: (option: any) => string;\n  onGroupChange?: (group?: { name?: string; id?: string }) => void;\n  loading?: boolean;\n  disabled?: boolean;\n  isNullable?: boolean;\n  multiple?: boolean;\n  optionSize?: 'large';\n  popupIcon?: ReactNode;\n  InputProps?: Partial<MuiInputProps>;\n  ListboxProps?: object;\n  classes?: Partial<\n    {\n      popper: string;\n      listbox: string;\n      popupIndicator: string;\n      popupIndicatorOpen: string;\n      groupChip: string;\n    } & Record<string, string>\n  >;\n  onInputChangeCallback?: (newInputValue: string, reason: string) => void;\n  placeholder?: string;\n  RecentSearchesComponent?: ComponentType<any>;\n  ListboxComponent?: any;\n  recentSearchesMaxCount?: number;\n  dataStorageKey?: string;\n  dataStorage?: object;\n\n  groups?: { id: string; name: string }[];\n  GroupsComponent?: ComponentType<{\n    onGroupClick: (id: string) => void;\n    groups: { id: string; name: string }[];\n  }>;\n  onOpen?: (e?: any) => void;\n  renderCustomOption?: (option: any, state: any) => ReactNode;\n  onInputReset?: () => void;\n  isHiddenAllOption?: boolean;\n  isHiddenAllLabel?: boolean;\n  paperFooter?: ReactNode;\n  isOpenedFromParent?: boolean;\n  popperProps?: Partial<{ style: object }>;\n  onFocus?: () => void;\n  inputProps?: object;\n  noOptionsText?: string;\n  isPrioritizedSelectedOptions?: boolean;\n  /**\n   * There is a check if it is multiple search then we should keep input value on autocomplete change\n   * But now there is another case, when we should reset input value on autocomplete change\n   * This new prop allows to have both options\n   */\n  shouldResetInputOnAutocompleteChange?: boolean;\n} & Omit<\n  AutocompleteProps<any, false, false, false>,\n  | 'value'\n  | 'onChange'\n  | 'options'\n  | 'onClose'\n  | 'disableClearable'\n  | 'onInputChange'\n  | 'getOptionLabel'\n  | 'loading'\n  | 'disabled'\n  | 'multiple'\n  | 'popupIcon'\n  | 'ListboxProps'\n  | 'classes'\n  | 'placeholder'\n  | 'ListboxComponent'\n  | 'onOpen'\n  | 'onFocus'\n  | 'inp'\n  | 'noOptionsText'\n  | 'renderInput'\n  | 'PopperComponent'\n  | 'open'\n  | 'forcePopupIcon'\n  | 'fullWidth'\n  | 'renderGroup'\n  | 'disableCloseOnSelect'\n  | 'renderOption'\n  | 'groupBy'\n  | 'PaperComponent'\n  | 'inputValue'\n  | 'getOptionDisabled'\n  | 'loadingText'\n  | 'InputProps'\n  | 'isNullable'\n>;\n\nexport const Search = ({\n  AutocompleteProps = {},\n  value,\n  disableClearable = false,\n  onChange,\n  onInputChange,\n  loading = false,\n  options = [],\n  optionSize,\n  placeholder = 'Search...',\n  onGroupChange = () => {},\n  disabled = false,\n  disableResetOnGroupChange,\n  multiple = false,\n  groups = [],\n  GroupsComponent,\n  recentSearchesMaxCount = 3,\n  dataStorageKey = 'Search:recentSearches',\n  RecentSearchesComponent,\n  dataStorage = sessionStorage,\n  onInputReset,\n  getOptionLabel = (option: any) => option.label || '',\n  TextFieldProps = { endAdornment: null },\n  ListboxProps,\n  onInputChangeCallback = () => {},\n  renderCustomOption,\n  isHiddenAllOption = false,\n  isHiddenAllLabel = false,\n  onOpen = noop,\n  selectedGroup,\n  onGroupReset = () => {},\n  onClose = () => {},\n  popperProps = initialPopperProps,\n  paperFooter,\n  noOptionsText = 'No Options',\n  ListboxComponent = Listbox,\n  isPrioritizedSelectedOptions = false,\n\n  isOpenedFromParent = undefined,\n  onFocus,\n  InputProps,\n  classes = {},\n  popupIcon = <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} />,\n  shouldResetInputOnAutocompleteChange,\n  ...props\n}: SearchProps) => {\n  const [inputValue, setInputValue] = useState('');\n  const [debouncedInputValue, setDebouncedInputValue] = useState('');\n  const [isOpened, setIsOpened] = useState(false);\n  const [isSelectedLabelExpanded, setIsSelectedLabelExpanded] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const paperRef = useRef<HTMLDivElement>(null);\n\n  const { autocompleteOptions, isGrouped, handleAutocompleOptionsUpdate } = useAutocompletOptions({\n    options,\n    value,\n    groups,\n    selectedGroup,\n    isPrioritizedSelectedOptions,\n  });\n\n  const styles = useStyles();\n\n  const {\n    popper,\n    listbox,\n    popupIndicator,\n    popupIndicatorOpen,\n    groupChip: groupChipClassName,\n    ...restClasses\n  } = classes;\n  const autocompleteClasses = {\n    popper: classNames(styles.popper, popper),\n    listbox: classNames(styles.listbox, listbox),\n    popupIndicator: classNames(styles.popupIndicator, popupIndicator),\n    popupIndicatorOpen: classNames(styles.popupIndicatorOpen, popupIndicatorOpen),\n    ...restClasses,\n  };\n\n  const groupBy = ({ group }: any) => group;\n\n  const handleInputChange = (_event: ChangeEvent<{}>, newInputValue: string, reason: string) => {\n    if (disableResetOnGroupChange)\n      setInputValue(prevValue => (reason === 'reset' ? prevValue : newInputValue));\n    else setInputValue(newInputValue);\n\n    onInputChangeCallback(newInputValue, reason);\n  };\n\n  const handleInputReset = () => {\n    setInputValue('');\n    onInputReset?.();\n  };\n\n  const handleDebouncedInputChange = (inputValue: string) => setDebouncedInputValue(inputValue);\n\n  const onDebouncedInputChange = useCallback(debounce(handleDebouncedInputChange, 500), []);\n\n  const handleSelectedGroupChange = (selectedGroupId: string) => {\n    const selectedGroup = groups.find(({ id }) => id === selectedGroupId);\n    if (!disableResetOnGroupChange) handleInputReset();\n    onGroupChange(selectedGroup);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (inputValue.length) return;\n\n    // NOTE: MUI try to focus tags for multiple Autocomplete\n    // need to stop event to prevent crash, as we render custom content in TextField\n    if (multiple && event.code === ARROW_LEFT_KEY_CODE) {\n      event.stopPropagation();\n    }\n  };\n\n  useEffect(() => {\n    if (isOpened) {\n      inputRef.current?.focus();\n      inputRef.current?.setSelectionRange(inputValue.length, inputValue.length);\n    }\n  });\n\n  const valueLength = multiple && Array.isArray(value) ? value.length : null;\n\n  const allSelected = multiple && autocompleteOptions?.length === valueLength;\n  const someSelected = multiple && !!valueLength && !allSelected;\n\n  const onAllSelectClick = () => {\n    handleInputReset();\n    if (AutocompleteProps.getOptionDisabled && allSelected)\n      return onChange(null as unknown as ChangeEvent<{}>, [options[options.length - 1]]);\n\n    return onChange(\n      null as unknown as ChangeEvent<{}>,\n      allSelected || someSelected ? [] : autocompleteOptions\n    );\n  };\n\n  useEffect(() => {\n    onDebouncedInputChange(inputValue);\n\n    if (!onInputChange) return;\n\n    onInputChange(inputValue);\n  }, [inputValue]);\n\n  const handleAutocompleteChange = (event: ChangeEvent<{}>, selected: any | any[]) => {\n    if (!multiple || shouldResetInputOnAutocompleteChange) {\n      setInputValue('');\n    }\n    onChange(event, selected);\n  };\n\n  const handleSearchOpen = (e: ChangeEvent<{}>) => {\n    handleAutocompleOptionsUpdate();\n    setIsOpened(true);\n    onOpen(e);\n  };\n\n  const handleSearchClose = (evt: ChangeEvent<{}>, reason: string) => {\n    const focusEvt = evt as unknown as React.FocusEvent<HTMLElement>;\n    const focusingDropdownElement =\n      reason === 'blur' &&\n      (!focusEvt.relatedTarget || paperRef.current?.contains(focusEvt.relatedTarget));\n\n    if (!focusingDropdownElement) {\n      onClose();\n      setIsOpened(false);\n    }\n  };\n\n  const handleSelectedOptionClick = () => {\n    if (isOpenedFromParent ?? isOpened) {\n      setIsOpened(false);\n\n      onClose();\n    } else {\n      setIsOpened(true);\n\n      onOpen();\n    }\n  };\n\n  const renderGroup = ({ key, group, children }: AutocompleteRenderGroupParams) => {\n    if (!group || (!isEmpty(selectedGroup) && multiple)) {\n      return children;\n    }\n\n    return (\n      <div className={styles.group} key={key}>\n        <Tooltip\n          title={group}\n          placement=\"right\"\n          TransitionComponent={Fade}\n          TransitionProps={{ timeout: 500 }}\n          enterDelay={500}\n        >\n          <Chip\n            data-not-migrated-muichip\n            className={classNames(styles.groupChip, groupChipClassName)}\n            variant=\"outlined\"\n            label={group}\n          />\n        </Tooltip>\n\n        {children}\n      </div>\n    );\n  };\n\n  const getSelectedLabel = (value: any) => {\n    if (allSelected && !isHiddenAllOption && !isHiddenAllLabel) return 'All';\n    const label = value[0].label || value[0].name || '';\n\n    return value?.length === 1 ? (\n      <div>\n        <MiddleTruncatedText>{label}</MiddleTruncatedText>\n      </div>\n    ) : (\n      `${value?.length} Selected`\n    );\n  };\n\n  const renderInput = (muiProps: any) => {\n    // MUI Autocomplete invokes renderInput during its OWN render, so this state belongs to the\n    // Autocomplete fiber. Hoisting it into Search re-targets the re-render and breaks the\n    // ArrowUp/ArrowDown focus handoff between the input and the chips.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const [isFocused, setIsFocused] = useState(false);\n    const { InputProps: mUIInputProps, inputProps: mUIinputProps, ...restMuiProps } = muiProps;\n    const defaultEndAdornment =\n      mUIInputProps.endAdornment?.props?.children?.length > 1\n        ? cloneElement(mUIInputProps.endAdornment, {\n            // remove clear button, popupIcon is left\n            children: mUIInputProps.endAdornment.props.children.slice(1),\n            onMouseDown: e => e.stopPropagation(),\n            onMouseUp: e => e.stopPropagation(),\n          })\n        : mUIInputProps.endAdornment;\n\n    const isNeedExpandInput = valueLength === 1;\n\n    const isInputLabelShrink =\n      isFocused ||\n      isOpened ||\n      inputValue.length > 0 ||\n      !isEmpty(value) ||\n      !isEmpty(InputProps?.startAdornment);\n\n    const onInputBlur = () => {\n      setIsFocused(false);\n      if (isNeedExpandInput) {\n        setIsSelectedLabelExpanded(true);\n      }\n    };\n\n    const {\n      classes: { input: inputClasses = '', ...restInputClasses } = {},\n      style,\n      ...restInputProps\n    } = InputProps || {};\n\n    return (\n      <TextField\n        {...restMuiProps}\n        {...omit(TextFieldProps, ['endAdornment'])}\n        onBlur={onInputBlur}\n        onFocus={() => {\n          setIsFocused(true);\n        }}\n        onKeyDown={handleKeyDown}\n        inputRef={inputRef}\n        placeholder={placeholder}\n        classes={{ root: styles.searchInput }}\n        inputProps={{ style: { padding: 5 }, ...mUIinputProps, ...props.inputProps }}\n        InputLabelProps={{\n          shrink: isInputLabelShrink,\n        }}\n        InputProps={{\n          classes: {\n            input: classNames(\n              isSelectedLabelExpanded\n                ? styles.inputShrinked\n                : isNeedExpandInput && styles.inputExpanded,\n              inputClasses\n            ),\n            ...restInputClasses,\n          },\n          style: { paddingRight: 0, paddingBottom: 0, ...style },\n          ...mUIInputProps,\n          ...restInputProps,\n          startAdornment: (\n            <>\n              {InputProps?.startAdornment}\n              {selectedGroup && (\n                <Chip\n                  key={selectedGroup.id}\n                  className={styles.selectedGroup}\n                  data-not-migrated-muichip\n                  variant=\"outlined\"\n                  label={\n                    <div className={styles.selectedGroupLabel}>\n                      {selectedGroup.name}\n                      <CloseSmallIcon\n                        size={16}\n                        id=\"removeGroupIcon\"\n                        className={styles.removeIcon}\n                        onClick={onGroupReset}\n                      />\n                    </div>\n                  }\n                />\n              )}\n              {multiple && !isEmpty(value) && (\n                <div\n                  onClick={handleSelectedOptionClick}\n                  id=\"selectedOptions\"\n                  className={classNames(\n                    styles.selectedLabel,\n                    isSelectedLabelExpanded && styles.selectedLabelExpanded\n                  )}\n                >\n                  {getSelectedLabel(value)}\n                </div>\n              )}\n            </>\n          ),\n          endAdornment: (\n            <>\n              <InputAdornment\n                className={classNames(styles.endAdornment, {\n                  [styles.removeIconWithDropdown]: AutocompleteProps.forcePopupIcon,\n                })}\n                position=\"end\"\n              >\n                {TextFieldProps.endAdornment}\n                {loading && <CircularProgress color=\"primary\" size={20} />}\n                {isFocused && inputValue && !disableClearable && (\n                  <IconButton\n                    data-testid={`${PAGE_NAME}_clear_icon`}\n                    size=\"small\"\n                    className={styles.iconButton}\n                    onClick={() => {\n                      setInputValue('');\n                      if (onInputReset) {\n                        onInputReset();\n                      }\n                    }}\n                    tooltipProps={{ title: 'Clear' }}\n                  >\n                    <CloseSmallIcon size={20} className={styles.closeIcon} />\n                  </IconButton>\n                )}\n              </InputAdornment>\n              {AutocompleteProps.forcePopupIcon && defaultEndAdornment}\n            </>\n          ),\n        }}\n      />\n    );\n  };\n\n  const renderOption = (option: any, state: any) => {\n    const { label = '', id } = option;\n    if (!multiple)\n      return (\n        <MenuItem\n          className={styles.menuItem}\n          key={id}\n          value={id}\n          data-testid={`autocompleteOption_${label}MenuItem`}\n        >\n          <MiddleTruncatedText className={styles.optionLabelContainer}>{label}</MiddleTruncatedText>\n        </MenuItem>\n      );\n    return (\n      <div\n        className={classNames(styles.option, optionSize)}\n        key={id}\n        data-testid={`autocompleteOption_${label}MenuItem`}\n      >\n        <Checkbox size=\"small\" disableRipple className={styles.checkbox} checked={state.selected} />\n        <MiddleTruncatedText className={styles.optionLabelContainer}>{label}</MiddleTruncatedText>\n      </div>\n    );\n  };\n\n  const isEmptyOptions = isEmpty(autocompleteOptions);\n  const paperContext = useMemo(\n    () => ({\n      onOutsideClick: handleSearchClose,\n      isEmptyOptions,\n      loading,\n      AllSelectComponent: !isHiddenAllOption && multiple && !isEmptyOptions && (\n        <SelectAllListItem\n          className={styles.selectAllCheckbox}\n          onClick={onAllSelectClick}\n          someSelected={someSelected}\n          allSelected={allSelected}\n        />\n      ),\n      RecentSearchesComponent: RecentSearchesComponent && (\n        <RecentSearchesComponent\n          title=\"Recent Searches\"\n          Icon={TimeIcon}\n          dataStorage={dataStorage}\n          dataStorageKey={dataStorageKey}\n          maxCount={recentSearchesMaxCount}\n          isHidden={!isEmpty(inputValue)}\n          onInputChange={(value: any) => setInputValue(value)}\n          inputValue={debouncedInputValue}\n        />\n      ),\n      GroupsComponent: !selectedGroup && isGrouped && GroupsComponent && (\n        <GroupsComponent onGroupClick={handleSelectedGroupChange} groups={groups} />\n      ),\n    }),\n    [\n      selectedGroup,\n      loading,\n      isGrouped,\n      isEmptyOptions,\n      inputValue,\n      isHiddenAllOption,\n      multiple,\n      isEmptyOptions,\n      debouncedInputValue,\n      onClose,\n      handleSearchClose,\n    ]\n  );\n\n  const PaperComponent = useMemo(\n    () =>\n      ({ children, className, ...paperProps }: any) =>\n        (\n          <Paper {...paperProps} className={className} inputRef={inputRef} ref={paperRef}>\n            {children}\n            {paperFooter}\n          </Paper>\n        ),\n    [paperFooter]\n  );\n\n  const PopperComponent = useMemo(\n    () => (props: any) => {\n      const { style, ...restPopperProps } = popperProps;\n      return (\n        <Popper\n          {...props}\n          style={{ ...props.style, ...style }}\n          placement=\"bottom-start\"\n          {...restPopperProps}\n        />\n      );\n    },\n    [popperProps]\n  );\n\n  const handleRootFocus = () => {\n    setIsSelectedLabelExpanded(false);\n    onFocus?.();\n  };\n\n  return (\n    <PaperContext.Provider value={paperContext}>\n      <Autocomplete\n        {...omit(props, ['InputProps', 'isNullable', 'isOpenedFromParent'])}\n        PopperComponent={PopperComponent}\n        disableClearable={disableClearable}\n        onOpen={handleSearchOpen}\n        onClose={handleSearchClose}\n        open={isOpenedFromParent ?? isOpened}\n        onChange={handleAutocompleteChange}\n        forcePopupIcon={AutocompleteProps.forcePopupIcon}\n        fullWidth\n        disabled={disabled}\n        value={value}\n        classes={autocompleteClasses}\n        renderInput={renderInput}\n        loading={loading}\n        options={autocompleteOptions}\n        renderGroup={renderGroup}\n        disableCloseOnSelect={multiple}\n        multiple={multiple}\n        renderOption={renderCustomOption || renderOption}\n        groupBy={isGrouped ? groupBy : undefined}\n        PaperComponent={PaperComponent}\n        ListboxComponent={ListboxComponent}\n        inputValue={inputValue}\n        getOptionLabel={getOptionLabel}\n        getOptionDisabled={AutocompleteProps?.getOptionDisabled}\n        onInputChange={handleInputChange}\n        loadingText={<div className={styles.label}>Loading ...</div>}\n        noOptionsText={<div className={styles.label}>{noOptionsText}</div>}\n        ListboxProps={ListboxProps}\n        onFocus={handleRootFocus}\n      />\n    </PaperContext.Provider>\n  );\n};\n\nSearch.Groups = Groups;\n\nexport default Search;\n"],"names":["initialPopperProps","Search","_ref","_ref$AutocompleteProp","AutocompleteProps","value","_ref$disableClearable","disableClearable","onChange","onInputChange","_ref$loading","loading","_ref$options","options","optionSize","_ref$placeholder","placeholder","_ref$onGroupChange","onGroupChange","_ref$disabled","disabled","disableResetOnGroupChange","_ref$multiple","multiple","_ref$groups","groups","GroupsComponent","_ref$recentSearchesMa","recentSearchesMaxCount","_ref$dataStorageKey","dataStorageKey","RecentSearchesComponent","_ref$dataStorage","dataStorage","sessionStorage","onInputReset","_ref$getOptionLabel","getOptionLabel","option","label","_ref$TextFieldProps","TextFieldProps","endAdornment","ListboxProps","_ref$onInputChangeCal","onInputChangeCallback","renderCustomOption","_ref$isHiddenAllOptio","isHiddenAllOption","_ref$isHiddenAllLabel","isHiddenAllLabel","_ref$onOpen","onOpen","noop","selectedGroup","_ref$onGroupReset","onGroupReset","_ref$onClose","onClose","_ref$popperProps","popperProps","paperFooter","_ref$noOptionsText","noOptionsText","_ref$ListboxComponent","ListboxComponent","Listbox","_ref$isPrioritizedSel","isPrioritizedSelectedOptions","_ref$isOpenedFromPare","isOpenedFromParent","undefined","onFocus","InputProps","_ref$classes","classes","popupIcon","shouldResetInputOnAutocompleteChange","props","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","_useState4","_useState3","debouncedInputValue","setDebouncedInputValue","_useState6","_useState5","isOpened","setIsOpened","_useState8","_useState7","isSelectedLabelExpanded","setIsSelectedLabelExpanded","inputRef","useRef","paperRef","_useAutocompletOption","useAutocompletOptions","autocompleteOptions","isGrouped","handleAutocompleOptionsUpdate","styles","useStyles","popper","listbox","popupIndicator","popupIndicatorOpen","groupChipClassName","groupChip","restClasses","_excluded2","autocompleteClasses","_objectSpread","classNames","handleInputReset","onDebouncedInputChange","useCallback","debounce","handleSelectedGroupChange","selectedGroupId","find","_ref3","id","handleKeyDown","event","length","code","stopPropagation","useEffect","_inputRef$current","_inputRef$current2","current","focus","setSelectionRange","valueLength","Array","isArray","allSelected","someSelected","onAllSelectClick","getOptionDisabled","handleSearchClose","evt","reason","_paperRef$current","focusEvt","relatedTarget","contains","handleSelectedOptionClick","getSelectedLabel","name","_jsx","children","MiddleTruncatedText","concat","isEmptyOptions","isEmpty","paperContext","useMemo","onOutsideClick","AllSelectComponent","jsx","SelectAllListItem","className","selectAllCheckbox","onClick","title","Icon","TimeIcon","AccessTime","maxCount","isHidden","onGroupClick","PaperComponent","_ref6","paperProps","_excluded6","_jsxs","Paper","ref","PopperComponent","style","restPopperProps","_excluded7","Popper","placement","PaperContext","Provider","Autocomplete","omit","e","open","selected","forcePopupIcon","fullWidth","renderInput","muiProps","_mUIInputProps$endAdo","_mUIInputProps$endAdo2","_mUIInputProps$endAdo3","_useState10","_useState9","isFocused","setIsFocused","mUIInputProps","mUIinputProps","inputProps","restMuiProps","_excluded3","defaultEndAdornment","cloneElement","slice","onMouseDown","onMouseUp","isNeedExpandInput","isInputLabelShrink","startAdornment","_ref5$classes","_ref5","_ref5$classes$input","input","inputClasses","restInputClasses","_excluded4","restInputProps","_excluded5","TextField","onBlur","onKeyDown","root","searchInput","padding","InputLabelProps","shrink","inputShrinked","inputExpanded","paddingRight","paddingBottom","jsxs","_Fragment","Chip","variant","selectedGroupLabel","CloseSmallIcon","size","removeIcon","selectedLabel","selectedLabelExpanded","InputAdornment","_defineProperty","removeIconWithDropdown","position","CircularProgress","color","IconButton","iconButton","tooltipProps","closeIcon","renderGroup","_ref4","key","group","Tooltip","TransitionComponent","Fade","TransitionProps","timeout","enterDelay","disableCloseOnSelect","renderOption","state","_option$label","Checkbox","disableRipple","checkbox","checked","optionLabelContainer","MenuItem","menuItem","groupBy","_ref2","_event","newInputValue","prevValue","loadingText","Groups"],"mappings":"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"}

package/cjs-bundle/componentsV2/AppFooter/DqPopover/DqPopover.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),r=require("../../AppHeader/AppHeader.constants.js"),t=require("../../AppDqPopover/AppDqPopover.js"),n=require("./DqStatusIcon/DqStatusIcon.js"),o=require("./DqPopover.scss.js");require("../../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/jsonApi/index.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("immutable"),require("query-string"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../../components/GradientManager/configuration/constants.js"),require("../../../utils/index.js");var a=require("../../../effects/useWellnessAlerts.js");require("lodash/get"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../constants/streamSourceType.js"),require("../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../AppCommonsProvider/AppCommonsProvider.js");var i=require("../../AppCommonsProvider/AppCommonsContext.js");require("../../AppPanel/AppPanelsContext.js"),require("@babel/runtime/helpers/toConsumableArray");var u=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=c(e);exports.DqPopover=function(e){var c=e.multiRigAssets,l=void 0===c?[]:c,q=e.asset,m=e.forceLoad,d=e.dqData,j=i.useAppCommons(),v=j.appId,b=j.maximized,A=a.useWellnessAlerts({isDCApp:m,appId:v,multiRigAssets:d?void 0:l.map(r.normalizeAsset),asset:d?void 0:r.normalizeAsset(q),maximized:b,dashboards:[]}),f=s.useRef(null),C=s.useState(!1),g=p.default(C,2),y=g[0],h=g[1],D=s.useRef(),x=s.useCallback((function(){clearTimeout(D.current),h(!0)}),[]),P=s.useCallback((function(e){clearTimeout(D.current),D.current=setTimeout((function(){h(!1)}),e)}),[]),I=s.useCallback((function(){P(500)}),[P]),T=d||A,S=T.wellnessAlerts.alertsData||{};return T.statusBadgeIconType?u.jsxs("div",{className:"c-status-badge--".concat(T.statusBadgeIconType),children:[u.jsx(n.DqStatusIcon,{ref:f,statusBadgeIconType:T.statusBadgeIconType,onMouseEnter:x,onMouseLeave:I,className:o.statusIcon,hoverable:!0}),u.jsx(t.AppDqPopover,{open:y,anchorEl:f.current,placement:"top-start",onMouseEnter:x,onMouseLeave:I,alertsData:S})]}):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),s=require("../../AppHeader/AppHeader.constants.js"),t=require("../../AppDqPopover/AppDqPopover.js"),i=require("./DqStatusIcon/DqStatusIcon.js"),n=require("./DqPopover.scss.js");require("../../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/jsonApi/index.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("query-string"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../../components/GradientManager/configuration/constants.js"),require("../../../components/UserMention/utils/index.js"),require("../../../utils/convert.js"),require("moment"),require("../../../utils/casing/validation.js"),require("lodash/mean"),require("../../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("../../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../../utils/ga.js"),require("../../../utils/goalsConfig/goalsConfig.js"),require("../../../utils/lasParser.js"),require("../../../utils/main.js"),require("../../../utils/metrics/metricsConfig.js"),require("../../../utils/mobileDetect.js"),require("../../../utils/feed.js"),require("../../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../../utils/dashboardReports.js"),require("../../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../utils/jsonaDataFormatter.js"),require("../../../utils/bha.js"),require("jsona"),require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../../../utils/charts/Styles.scss.js"),require("../../../utils/getSingleAsset.js");var u=require("../../../effects/useWellnessAlerts.js");require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../AppCommonsProvider/AppCommonsProvider.js");var o=require("../../AppCommonsProvider/AppCommonsContext.js");require("../../AppPanel/AppPanelsContext.js");var a=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e);exports.DqPopover=function(e){var l=e.multiRigAssets,q=void 0===l?[]:l,p=e.asset,m=e.forceLoad,j=e.dqData,d=o.useAppCommons(),b=d.appId,v=d.maximized,f=u.useWellnessAlerts({isDCApp:m,appId:b,multiRigAssets:j?void 0:q.map(s.normalizeAsset),asset:j?void 0:s.normalizeAsset(p),maximized:v,dashboards:[]}),g=r.useRef(null),h=r.useState(!1),A=c.default(h,2),C=A[0],y=A[1],D=r.useRef(),x=r.useCallback((function(){clearTimeout(D.current),y(!0)}),[]),P=r.useCallback((function(e){clearTimeout(D.current),D.current=setTimeout((function(){y(!1)}),e)}),[]),I=r.useCallback((function(){P(500)}),[P]),T=j||f,S=T.wellnessAlerts.alertsData||{};return T.statusBadgeIconType?a.jsxs("div",{className:"c-status-badge--".concat(T.statusBadgeIconType),children:[a.jsx(i.DqStatusIcon,{ref:g,statusBadgeIconType:T.statusBadgeIconType,onMouseEnter:x,onMouseLeave:I,className:n.statusIcon,hoverable:!0}),a.jsx(t.AppDqPopover,{open:C,anchorEl:g.current,placement:"top-start",onMouseEnter:x,onMouseLeave:I,alertsData:S})]}):null};
 //# sourceMappingURL=DqPopover.js.map

package/cjs-bundle/componentsV2/AppFooter/DqPopover/DqPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"DqPopover.js","sources":["../../../../../src/componentsV2/AppFooter/DqPopover/DqPopover.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport {\n  Asset,\n  NormalizedAsset,\n  normalizeAsset,\n  UseWellnessAlertsReturnType,\n} from '../../AppHeader/AppHeader.constants';\nimport { AppDqPopover } from '../../AppDqPopover';\n\nimport { DqStatusIcon } from './DqStatusIcon';\n\nimport styles from './DqPopover.scss';\n\nimport { useAppCommons, useWellnessAlerts } from '~/effects';\n\nexport type { Asset };\n\nexport type DqPopoverProps = {\n  asset?: Asset;\n  multiRigAssets?: Asset[];\n  dqData?: UseWellnessAlertsReturnType;\n  /**\n   * Forces initial load of alerts: otherwise the alerts will be loaded only if App ID is in the whitelist\n   */\n  forceLoad?: boolean;\n};\n\nexport const DqPopover = ({ multiRigAssets = [], asset, forceLoad, dqData }: DqPopoverProps) => {\n  const { appId, maximized } = useAppCommons();\n  const ownWellnessData = useWellnessAlerts({\n    isDCApp: forceLoad,\n    appId,\n    multiRigAssets: !dqData ? (multiRigAssets.map(normalizeAsset) as NormalizedAsset[]) : undefined,\n    asset: !dqData ? normalizeAsset(asset) : undefined,\n    maximized,\n    dashboards: [],\n  });\n  const iconRef = useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const closeTimerRef = useRef<NodeJS.Timeout>();\n\n  const onMouseEnter = useCallback(() => {\n    clearTimeout(closeTimerRef.current);\n    setIsOpen(true);\n  }, []);\n\n  const onMouseLeaveHandler = useCallback((timeout: number) => {\n    clearTimeout(closeTimerRef.current);\n    closeTimerRef.current = setTimeout(() => {\n      setIsOpen(false);\n    }, timeout);\n  }, []);\n\n  const onMouseLeave = useCallback(() => {\n    onMouseLeaveHandler(500);\n  }, [onMouseLeaveHandler]);\n\n  const wellnessData = dqData || ownWellnessData;\n  const alertsData = wellnessData.wellnessAlerts.alertsData || {};\n\n  if (!wellnessData.statusBadgeIconType) {\n    return null;\n  }\n\n  return (\n    <div\n      className={\n        // This class is needed for DevCenterAppContainer to display its border\n        // TODO refactor to use context\n        `c-status-badge--${wellnessData.statusBadgeIconType}`\n      }\n    >\n      <DqStatusIcon\n        ref={iconRef}\n        statusBadgeIconType={wellnessData.statusBadgeIconType}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        className={styles.statusIcon}\n        hoverable\n      />\n\n      <AppDqPopover\n        open={isOpen}\n        anchorEl={iconRef.current}\n        placement=\"top-start\"\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        alertsData={alertsData}\n      />\n    </div>\n  );\n};\n"],"names":["_ref","_ref$multiRigAssets","multiRigAssets","asset","forceLoad","dqData","_useAppCommons","useAppCommons","appId","maximized","ownWellnessData","useWellnessAlerts","isDCApp","undefined","map","normalizeAsset","dashboards","iconRef","useRef","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","closeTimerRef","onMouseEnter","useCallback","clearTimeout","current","onMouseLeaveHandler","timeout","setTimeout","onMouseLeave","wellnessData","alertsData","wellnessAlerts","statusBadgeIconType","_jsxs","className","children","_jsx","DqStatusIcon","ref","styles","statusIcon","hoverable","AppDqPopover","open","anchorEl","placement"],"mappings":"i9DA4ByB,SAAuEA,GAAA,IAAAC,EAAAD,EAApEE,eAAAA,aAAiB,GAAED,EAAEE,IAAAA,MAAOC,IAAAA,UAAWC,IAAAA,OACjEC,EAA6BC,EAAAA,gBAArBC,IAAAA,MAAOC,IAAAA,UACTC,EAAkBC,EAAAA,kBAAkB,CACxCC,QAASR,EACTI,MAAAA,EACAN,eAAiBG,OAAqEQ,EAA3DX,EAAeY,IAAIC,EAAAA,gBAC9CZ,MAAQE,OAAiCQ,EAAxBE,iBAAeZ,GAChCM,UAAAA,EACAO,WAAY,KAERC,EAAUC,SAAuB,MACXC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAgBP,EAAAA,SAEhBQ,EAAeC,EAAAA,aAAY,WAC/BC,aAAaH,EAAcI,SAC3BL,GAAU,EACX,GAAE,IAEGM,EAAsBH,eAAY,SAACI,GACvCH,aAAaH,EAAcI,SAC3BJ,EAAcI,QAAUG,YAAW,WACjCR,GAAU,EACX,GAAEO,EACJ,GAAE,IAEGE,EAAeN,EAAAA,aAAY,WAC/BG,EAAoB,IACtB,GAAG,CAACA,IAEEI,EAAe7B,GAAUK,EACzByB,EAAaD,EAAaE,eAAeD,YAAc,CAAA,EAE7D,OAAKD,EAAaG,oBAKhBC,EAAAA,KAAA,MAAA,CACEC,UAEE,mBACmBL,OAAAA,EAAaG,qBACjCG,SAAA,CAEDC,MAACC,eAAY,CACXC,IAAK1B,EACLoB,oBAAqBH,EAAaG,oBAClCX,aAAcA,EACdO,aAAcA,EACdM,UAAWK,EAAOC,WAClBC,WAAS,IAGXL,MAACM,eAAY,CACXC,KAAMzB,EACN0B,SAAUhC,EAAQY,QAClBqB,UAAU,YACVxB,aAAcA,EACdO,aAAcA,EACdE,WAAYA,OA1BT,IA8BX"}
+{"version":3,"file":"DqPopover.js","sources":["../../../../../src/componentsV2/AppFooter/DqPopover/DqPopover.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport {\n  Asset,\n  NormalizedAsset,\n  normalizeAsset,\n  UseWellnessAlertsReturnType,\n} from '../../AppHeader/AppHeader.constants';\nimport { AppDqPopover } from '../../AppDqPopover';\n\nimport { DqStatusIcon } from './DqStatusIcon';\n\nimport styles from './DqPopover.scss';\n\nimport { useAppCommons, useWellnessAlerts } from '~/effects';\n\nexport type { Asset };\n\nexport type DqPopoverProps = {\n  asset?: Asset;\n  multiRigAssets?: Asset[];\n  dqData?: UseWellnessAlertsReturnType;\n  /**\n   * Forces initial load of alerts: otherwise the alerts will be loaded only if App ID is in the whitelist\n   */\n  forceLoad?: boolean;\n};\n\nexport const DqPopover = ({ multiRigAssets = [], asset, forceLoad, dqData }: DqPopoverProps) => {\n  const { appId, maximized } = useAppCommons();\n  const ownWellnessData = useWellnessAlerts({\n    isDCApp: forceLoad,\n    appId,\n    multiRigAssets: !dqData ? (multiRigAssets.map(normalizeAsset) as NormalizedAsset[]) : undefined,\n    asset: !dqData ? normalizeAsset(asset) : undefined,\n    maximized,\n    dashboards: [],\n  });\n  const iconRef = useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const closeTimerRef = useRef<NodeJS.Timeout>();\n\n  const onMouseEnter = useCallback(() => {\n    clearTimeout(closeTimerRef.current);\n    setIsOpen(true);\n  }, []);\n\n  const onMouseLeaveHandler = useCallback((timeout: number) => {\n    clearTimeout(closeTimerRef.current);\n    closeTimerRef.current = setTimeout(() => {\n      setIsOpen(false);\n    }, timeout);\n  }, []);\n\n  const onMouseLeave = useCallback(() => {\n    onMouseLeaveHandler(500);\n  }, [onMouseLeaveHandler]);\n\n  const wellnessData = dqData || ownWellnessData;\n  const alertsData = wellnessData.wellnessAlerts.alertsData || {};\n\n  if (!wellnessData.statusBadgeIconType) {\n    return null;\n  }\n\n  return (\n    <div\n      className={\n        // This class is needed for DevCenterAppContainer to display its border\n        // TODO refactor to use context\n        `c-status-badge--${wellnessData.statusBadgeIconType}`\n      }\n    >\n      <DqStatusIcon\n        ref={iconRef}\n        statusBadgeIconType={wellnessData.statusBadgeIconType}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        className={styles.statusIcon}\n        hoverable\n      />\n\n      <AppDqPopover\n        open={isOpen}\n        anchorEl={iconRef.current}\n        placement=\"top-start\"\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        alertsData={alertsData}\n      />\n    </div>\n  );\n};\n"],"names":["_ref","_ref$multiRigAssets","multiRigAssets","asset","forceLoad","dqData","_useAppCommons","useAppCommons","appId","maximized","ownWellnessData","useWellnessAlerts","isDCApp","undefined","map","normalizeAsset","dashboards","iconRef","useRef","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","closeTimerRef","onMouseEnter","useCallback","clearTimeout","current","onMouseLeaveHandler","timeout","setTimeout","onMouseLeave","wellnessData","alertsData","wellnessAlerts","statusBadgeIconType","_jsxs","className","children","_jsx","DqStatusIcon","ref","styles","statusIcon","hoverable","AppDqPopover","open","anchorEl","placement"],"mappings":"kjGA4ByB,SAAuEA,GAAA,IAAAC,EAAAD,EAApEE,eAAAA,aAAiB,GAAED,EAAEE,IAAAA,MAAOC,IAAAA,UAAWC,IAAAA,OACjEC,EAA6BC,EAAAA,gBAArBC,IAAAA,MAAOC,IAAAA,UACTC,EAAkBC,EAAAA,kBAAkB,CACxCC,QAASR,EACTI,MAAAA,EACAN,eAAiBG,OAAqEQ,EAA3DX,EAAeY,IAAIC,EAAAA,gBAC9CZ,MAAQE,OAAiCQ,EAAxBE,iBAAeZ,GAChCM,UAAAA,EACAO,WAAY,KAERC,EAAUC,SAAuB,MACXC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAgBP,EAAAA,SAEhBQ,EAAeC,EAAAA,aAAY,WAC/BC,aAAaH,EAAcI,SAC3BL,GAAU,EACX,GAAE,IAEGM,EAAsBH,eAAY,SAACI,GACvCH,aAAaH,EAAcI,SAC3BJ,EAAcI,QAAUG,YAAW,WACjCR,GAAU,EACX,GAAEO,EACJ,GAAE,IAEGE,EAAeN,EAAAA,aAAY,WAC/BG,EAAoB,IACtB,GAAG,CAACA,IAEEI,EAAe7B,GAAUK,EACzByB,EAAaD,EAAaE,eAAeD,YAAc,CAAA,EAE7D,OAAKD,EAAaG,oBAKhBC,EAAAA,KAAA,MAAA,CACEC,UAEE,mBACmBL,OAAAA,EAAaG,qBACjCG,SAAA,CAEDC,MAACC,eAAY,CACXC,IAAK1B,EACLoB,oBAAqBH,EAAaG,oBAClCX,aAAcA,EACdO,aAAcA,EACdM,UAAWK,EAAOC,WAClBC,WAAS,IAGXL,MAACM,eAAY,CACXC,KAAMzB,EACN0B,SAAUhC,EAAQY,QAClBqB,UAAU,YACVxB,aAAcA,EACdO,aAAcA,EACdE,WAAYA,OA1BT,IA8BX"}

package/cjs-bundle/componentsV2/AppHeader/AppAssets/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("../../../constants/segment.js"),o=require("../../../utils/devcenter.js"),i=require("../../Text/Text.js"),n=require("../AppHeader.constants.js"),r=require("./AppAssets.scss.js");require("../../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("react"),require("uuid/v1"),require("lodash"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/jsonApi/index.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("../../../utils/index.js"),require("uuid"),require("jsona"),require("../../../utils/env.js"),require("../../../constants/goals.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../../components/GradientManager/configuration/constants.js"),require("../../../components/StatusBadge/constants.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../../clients/api/apiCore.js"),require("../../../clients/constants.js"),require("../../../clients/sso/auth0.js"),require("../../../clients/sso/oauth2.js"),require("../../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../constants/streamSourceType.js"),require("../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../AppCommonsProvider/AppCommonsProvider.js");var c=require("../../AppCommonsProvider/AppCommonsContext.js");require("../../AppPanel/AppPanelsContext.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@icon-park/react/es/all");var t=require("react/jsx-runtime");require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js");var u=require("../../../icons/customIcons/icons/Pad.js");require("../../../icons/customIcons/icons/DrilloutUnit.js");var a=require("../../../icons/customIcons/icons/FracFleet.js");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var m=l(s);function p(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(s);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,i)}return o}function d(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?p(Object(o),!0).forEach((function(e){m.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}var j={well:n.AppHeaderTestIds.WellTestId,rig:n.AppHeaderTestIds.RigTestId,pad:n.AppHeaderTestIds.PadTestId,fleet:n.AppHeaderTestIds.FracFleetTestId},q=function(s){return null!=s&&s.asset_id?"/assets/".concat(null==s?void 0:s.asset_id):void 0},I=function(s){var e=q(s);return s?{title:s.name||"",link:e,entity:"well"}:void 0};exports.AssetLabelEntityToTestId=j,exports.useAssetLabels=function(){var s=c.useAppCommons(),n=s.dashboardMeta,l=s.app,m=o.getAppSegment(l)===e.SEGMENTS.DRILLING?function(s){var e=s.app,o=s.well,i=s.rig,n=(null==e?void 0:e.settings)||{},c=n.wellId,t=n.rigId,u=n.fracFleetId,a=q(o),l=I(o),m=[];return l&&c&&m.push(d(d({},l),{},{className:r.mainChip})),i&&(c||t||u)&&m.push({title:i.name||"",link:a,entity:"rig"}),m}(s):function(s){var e,o,n,c,l=s.app,m=s.well,p=s.fracFleet,d=s.appHeadersV3Enabled,j=(null==l?void 0:l.settings)||{},q=j.wellId,b=j.rigId,v=j.fracFleetId,h=[],C=null!=p&&p.current_pad_id?Number(p.current_pad_id):void 0,f=null!=l&&null!==(e=l.settings)&&void 0!==e&&e.padId?Number(l.settings.padId):void 0,g=null!=f?f:C,O=null==p||null===(o=p.pad_frac_fleets)||void 0===o||null===(n=o.find((function(s){return s.pad.id===g})))||void 0===n?void 0:n.pad,y="/assets/types/pad/".concat(g),P=I(m);return P&&!(q||b||v)?[P]:(O&&null!=l&&null!==(c=l.settings)&&void 0!==c&&c.padId&&h.push({title:p.name||O.name||"",link:y,prefix:p.name?t.jsx(a.FracFleet,{}):t.jsx(u.Pad,{}),className:f!==C?r.mainChip:void 0,entity:"pad",tooltip:d?t.jsxs(t.Fragment,{children:[t.jsxs(i.Text,{size:12,className:r.tooltipLine,children:[t.jsx(u.Pad,{className:r.tooltipIcon,size:16}),"Pad: ",O.name]}),p&&t.jsxs(i.Text,{size:12,className:r.tooltipLine,children:[t.jsx(a.FracFleet,{className:r.tooltipIcon,size:16}),"Frac Fleet: ",null==p?void 0:p.name]})]}):void 0}),p&&!d&&h.push({title:(null==p?void 0:p.name)||"",link:y,entity:"fleet"}),h)}(s);return m.filter((function(s){var e=s.title,o=s.entity,i=!!e;return n?n.isChiplessDashboard||n.isMultiAsset?i:!!n.isMultiWell&&(i&&"well"===o):i}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("../../../constants/segment.js"),i=require("../../../utils/devcenter.js"),r=require("../../Text/Text.js"),o=require("../AppHeader.constants.js"),n=require("./AppAssets.scss.js");require("../../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("react"),require("uuid/v1"),require("lodash"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/jsonApi/index.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("../../../components/UserMention/utils/index.js"),require("../../../utils/convert.js"),require("../../../constants/completion.js"),require("moment"),require("../../../constants/alerts.js"),require("../../../utils/casing/validation.js"),require("lodash/mean"),require("../../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("../../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../../utils/ga.js"),require("../../../constants/goals.js"),require("../../../utils/goalsConfig/goalsConfig.js"),require("../../../utils/lasParser.js"),require("../../../utils/main.js"),require("../../../utils/metrics/metricsConfig.js"),require("../../../utils/mobileDetect.js"),require("../../../constants/notifications.js"),require("../../../utils/feed.js"),require("../../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../../utils/dashboardReports.js"),require("../../../constants/apps.js"),require("../../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../utils/jsonaDataFormatter.js"),require("../../../utils/bha.js"),require("jsona"),require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../../../utils/charts/Styles.scss.js"),require("../../../utils/getSingleAsset.js"),require("uuid"),require("../../../constants/drillstring.js"),require("../../../constants/appPackages.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../../components/GradientManager/configuration/constants.js"),require("../../../components/StatusBadge/constants.js"),require("lodash/unset"),require("../../../clients/api/apiCore.js"),require("../../../clients/constants.js"),require("../../../clients/sso/auth0.js"),require("../../../clients/sso/oauth2.js"),require("../../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../AppCommonsProvider/AppCommonsProvider.js");var c=require("../../AppCommonsProvider/AppCommonsContext.js");require("../../AppPanel/AppPanelsContext.js"),require("@icon-park/react/es/all");var t=require("react/jsx-runtime");require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js");var u=require("../../../icons/customIcons/icons/Pad.js");require("../../../icons/customIcons/icons/DrilloutUnit.js");var a=require("../../../icons/customIcons/icons/FracFleet.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var q=l(e);function m(e,s){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);s&&(r=r.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),i.push.apply(i,r)}return i}function j(e){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?m(Object(i),!0).forEach((function(s){q.default(e,s,i[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):m(Object(i)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(i,s))}))}return e}var d={well:o.AppHeaderTestIds.WellTestId,rig:o.AppHeaderTestIds.RigTestId,pad:o.AppHeaderTestIds.PadTestId,fleet:o.AppHeaderTestIds.FracFleetTestId},p=function(e){return null!=e&&e.asset_id?"/assets/".concat(null==e?void 0:e.asset_id):void 0},I=function(e){var s=p(e);return e?{title:e.name||"",link:s,entity:"well"}:void 0};exports.AssetLabelEntityToTestId=d,exports.useAssetLabels=function(){var e=c.useAppCommons(),o=e.dashboardMeta,l=e.app,q=i.getAppSegment(l)===s.SEGMENTS.DRILLING?function(e){var s=e.app,i=e.well,r=e.rig,o=(null==s?void 0:s.settings)||{},c=o.wellId,t=o.rigId,u=o.fracFleetId,a=p(i),l=I(i),q=[];return l&&c&&q.push(j(j({},l),{},{className:n.mainChip})),r&&(c||t||u)&&q.push({title:r.name||"",link:a,entity:"rig"}),q}(e):function(e){var s,i,o,c,l=e.app,q=e.well,m=e.fracFleet,j=e.appHeadersV3Enabled,d=(null==l?void 0:l.settings)||{},p=d.wellId,b=d.rigId,h=d.fracFleetId,v=[],g=null!=m&&m.current_pad_id?Number(m.current_pad_id):void 0,f=null!=l&&null!==(s=l.settings)&&void 0!==s&&s.padId?Number(l.settings.padId):void 0,C=null!=f?f:g,y=null==m||null===(i=m.pad_frac_fleets)||void 0===i||null===(o=i.find((function(e){return e.pad.id===C})))||void 0===o?void 0:o.pad,O="/assets/types/pad/".concat(C),P=I(q);return P&&!(p||b||h)?[P]:(y&&null!=l&&null!==(c=l.settings)&&void 0!==c&&c.padId&&v.push({title:m.name||y.name||"",link:O,prefix:m.name?t.jsx(a.FracFleet,{}):t.jsx(u.Pad,{}),className:f!==g?n.mainChip:void 0,entity:"pad",tooltip:j?t.jsxs(t.Fragment,{children:[t.jsxs(r.Text,{size:12,className:n.tooltipLine,children:[t.jsx(u.Pad,{className:n.tooltipIcon,size:16}),"Pad: ",y.name]}),m&&t.jsxs(r.Text,{size:12,className:n.tooltipLine,children:[t.jsx(a.FracFleet,{className:n.tooltipIcon,size:16}),"Frac Fleet: ",null==m?void 0:m.name]})]}):void 0}),m&&!j&&v.push({title:(null==m?void 0:m.name)||"",link:O,entity:"fleet"}),v)}(e);return q.filter((function(e){var s=e.title,i=e.entity,r=!!s;return o?o.isChiplessDashboard||o.isMultiAsset?r:!!o.isMultiWell&&(r&&"well"===i):r}))};
 //# sourceMappingURL=utils.js.map

package/cjs-bundle/componentsV2/AppHeader/AppAssets/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/componentsV2/AppHeader/AppAssets/utils.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { SEGMENTS } from '../../../constants/segment';\nimport { Well } from '../../../types';\nimport { getAppSegment } from '../../../utils/devcenter';\nimport { Text } from '../../Text';\nimport { AppHeaderTestIds } from '../AppHeader.constants';\n\nimport styles from './AppAssets.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { FracFleet, Pad } from '~/icons';\n\nexport type AssetLabel = {\n  title: string;\n  link?: string;\n  className?: string;\n  prefix?: ReactNode;\n  entity: 'well' | 'rig' | 'pad' | 'fleet';\n  tooltip?: ReactNode;\n};\n\nexport const AssetLabelEntityToTestId: Record<AssetLabel['entity'], AppHeaderTestIds> = {\n  well: AppHeaderTestIds.WellTestId,\n  rig: AppHeaderTestIds.RigTestId,\n  pad: AppHeaderTestIds.PadTestId,\n  fleet: AppHeaderTestIds.FracFleetTestId,\n};\n\nconst getWellLink = (well?: Well) => (well?.asset_id ? `/assets/${well?.asset_id}` : undefined);\n\nconst getWellChip = (well?: Well): AssetLabel | undefined => {\n  const wellLink = getWellLink(well);\n\n  return well\n    ? {\n        title: well.name || '',\n        link: wellLink,\n        entity: 'well',\n      }\n    : undefined;\n};\n\nconst getDrillingChips = ({ app, well, rig }: ReturnType<typeof useAppCommons>) => {\n  const { wellId, rigId, fracFleetId } = app?.settings || {};\n  const wellLink = getWellLink(well);\n  const wellChip = getWellChip(well);\n\n  const result: AssetLabel[] = [];\n\n  if (wellChip && wellId) {\n    result.push({ ...wellChip, className: styles.mainChip });\n  }\n\n  if (rig && (wellId || rigId || fracFleetId)) {\n    result.push({\n      title: rig.name || '',\n      link: wellLink,\n      entity: 'rig',\n    });\n  }\n\n  return result;\n};\n\nconst getCompletionsChips = ({\n  app,\n  well,\n  fracFleet,\n  appHeadersV3Enabled,\n}: ReturnType<typeof useAppCommons>) => {\n  const { wellId, rigId, fracFleetId } = app?.settings || {};\n  const result: AssetLabel[] = [];\n  const fracFleetPadId = fracFleet?.current_pad_id ? Number(fracFleet.current_pad_id) : undefined;\n  const settingsPadId = app?.settings?.padId ? Number(app.settings.padId) : undefined;\n  const padId: number | undefined = settingsPadId ?? fracFleetPadId;\n\n  const pad = fracFleet?.pad_frac_fleets?.find(({ pad }) => pad.id === padId)?.pad;\n  const padLink = `/assets/types/pad/${padId}`;\n  const wellChip = getWellChip(well);\n\n  // Special case - \"isolated\" well, no fleet - show only well\n  if (wellChip && !(wellId || rigId || fracFleetId)) {\n    return [wellChip];\n  }\n\n  if (pad && app?.settings?.padId) {\n    result.push({\n      title: fracFleet.name || pad.name || '',\n      link: padLink,\n      prefix: fracFleet.name ? <FracFleet /> : <Pad />,\n      className: settingsPadId !== fracFleetPadId ? styles.mainChip : undefined,\n      entity: 'pad',\n      tooltip: appHeadersV3Enabled ? (\n        <>\n          <Text size={12} className={styles.tooltipLine}>\n            <Pad className={styles.tooltipIcon} size={16} />\n            Pad: {pad.name}\n          </Text>\n          {fracFleet && (\n            <Text size={12} className={styles.tooltipLine}>\n              <FracFleet className={styles.tooltipIcon} size={16} />\n              Frac Fleet: {fracFleet?.name}\n            </Text>\n          )}\n        </>\n      ) : undefined,\n    });\n  }\n\n  if (fracFleet && !appHeadersV3Enabled) {\n    result.push({\n      title: fracFleet?.name || '',\n      link: padLink,\n      entity: 'fleet',\n    });\n  }\n\n  return result;\n};\n\nexport const useAssetLabels = (): AssetLabel[] => {\n  const appCommons = useAppCommons();\n  const { dashboardMeta, app } = appCommons;\n  const segment = getAppSegment(app);\n\n  const result =\n    segment === SEGMENTS.DRILLING ? getDrillingChips(appCommons) : getCompletionsChips(appCommons);\n\n  return result.filter(({ title, entity }) => {\n    const hasTitle = !!title;\n\n    if (!dashboardMeta) {\n      return hasTitle;\n    }\n\n    if (dashboardMeta.isChiplessDashboard || dashboardMeta.isMultiAsset) {\n      return hasTitle;\n    }\n\n    if (dashboardMeta.isMultiWell) {\n      return hasTitle && entity === 'well';\n    }\n\n    // Single asset - hide all\n    return false;\n  });\n};\n"],"names":["AssetLabelEntityToTestId","well","AppHeaderTestIds","WellTestId","rig","RigTestId","pad","PadTestId","fleet","FracFleetTestId","getWellLink","asset_id","concat","undefined","getWellChip","wellLink","title","name","link","entity","appCommons","useAppCommons","dashboardMeta","app","result","getAppSegment","SEGMENTS","DRILLING","_ref","_ref2","settings","wellId","rigId","fracFleetId","wellChip","push","_objectSpread","className","styles","mainChip","getDrillingChips","_ref3","_app$settings","_fracFleet$pad_frac_f","_fracFleet$pad_frac_f2","_app$settings2","fracFleet","appHeadersV3Enabled","_ref4","fracFleetPadId","current_pad_id","Number","settingsPadId","padId","pad_frac_fleets","find","_ref5","id","padLink","prefix","_jsx","FracFleet","Pad","tooltip","_jsxs","jsxs","_Fragment","children","Text","size","tooltipLine","tooltipIcon","getCompletionsChips","filter","_ref6","hasTitle","isChiplessDashboard","isMultiAsset","isMultiWell"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/componentsV2/AppHeader/AppAssets/utils.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { SEGMENTS } from '../../../constants/segment';\nimport { Well } from '../../../types';\nimport { getAppSegment } from '../../../utils/devcenter';\nimport { Text } from '../../Text';\nimport { AppHeaderTestIds } from '../AppHeader.constants';\n\nimport styles from './AppAssets.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { FracFleet, Pad } from '~/icons';\n\nexport type AssetLabel = {\n  title: string;\n  link?: string;\n  className?: string;\n  prefix?: ReactNode;\n  entity: 'well' | 'rig' | 'pad' | 'fleet';\n  tooltip?: ReactNode;\n};\n\nexport const AssetLabelEntityToTestId: Record<AssetLabel['entity'], AppHeaderTestIds> = {\n  well: AppHeaderTestIds.WellTestId,\n  rig: AppHeaderTestIds.RigTestId,\n  pad: AppHeaderTestIds.PadTestId,\n  fleet: AppHeaderTestIds.FracFleetTestId,\n};\n\nconst getWellLink = (well?: Well) => (well?.asset_id ? `/assets/${well?.asset_id}` : undefined);\n\nconst getWellChip = (well?: Well): AssetLabel | undefined => {\n  const wellLink = getWellLink(well);\n\n  return well\n    ? {\n        title: well.name || '',\n        link: wellLink,\n        entity: 'well',\n      }\n    : undefined;\n};\n\nconst getDrillingChips = ({ app, well, rig }: ReturnType<typeof useAppCommons>) => {\n  const { wellId, rigId, fracFleetId } = app?.settings || {};\n  const wellLink = getWellLink(well);\n  const wellChip = getWellChip(well);\n\n  const result: AssetLabel[] = [];\n\n  if (wellChip && wellId) {\n    result.push({ ...wellChip, className: styles.mainChip });\n  }\n\n  if (rig && (wellId || rigId || fracFleetId)) {\n    result.push({\n      title: rig.name || '',\n      link: wellLink,\n      entity: 'rig',\n    });\n  }\n\n  return result;\n};\n\nconst getCompletionsChips = ({\n  app,\n  well,\n  fracFleet,\n  appHeadersV3Enabled,\n}: ReturnType<typeof useAppCommons>) => {\n  const { wellId, rigId, fracFleetId } = app?.settings || {};\n  const result: AssetLabel[] = [];\n  const fracFleetPadId = fracFleet?.current_pad_id ? Number(fracFleet.current_pad_id) : undefined;\n  const settingsPadId = app?.settings?.padId ? Number(app.settings.padId) : undefined;\n  const padId: number | undefined = settingsPadId ?? fracFleetPadId;\n\n  const pad = fracFleet?.pad_frac_fleets?.find(({ pad }) => pad.id === padId)?.pad;\n  const padLink = `/assets/types/pad/${padId}`;\n  const wellChip = getWellChip(well);\n\n  // Special case - \"isolated\" well, no fleet - show only well\n  if (wellChip && !(wellId || rigId || fracFleetId)) {\n    return [wellChip];\n  }\n\n  if (pad && app?.settings?.padId) {\n    result.push({\n      title: fracFleet.name || pad.name || '',\n      link: padLink,\n      prefix: fracFleet.name ? <FracFleet /> : <Pad />,\n      className: settingsPadId !== fracFleetPadId ? styles.mainChip : undefined,\n      entity: 'pad',\n      tooltip: appHeadersV3Enabled ? (\n        <>\n          <Text size={12} className={styles.tooltipLine}>\n            <Pad className={styles.tooltipIcon} size={16} />\n            Pad: {pad.name}\n          </Text>\n          {fracFleet && (\n            <Text size={12} className={styles.tooltipLine}>\n              <FracFleet className={styles.tooltipIcon} size={16} />\n              Frac Fleet: {fracFleet?.name}\n            </Text>\n          )}\n        </>\n      ) : undefined,\n    });\n  }\n\n  if (fracFleet && !appHeadersV3Enabled) {\n    result.push({\n      title: fracFleet?.name || '',\n      link: padLink,\n      entity: 'fleet',\n    });\n  }\n\n  return result;\n};\n\nexport const useAssetLabels = (): AssetLabel[] => {\n  const appCommons = useAppCommons();\n  const { dashboardMeta, app } = appCommons;\n  const segment = getAppSegment(app);\n\n  const result =\n    segment === SEGMENTS.DRILLING ? getDrillingChips(appCommons) : getCompletionsChips(appCommons);\n\n  return result.filter(({ title, entity }) => {\n    const hasTitle = !!title;\n\n    if (!dashboardMeta) {\n      return hasTitle;\n    }\n\n    if (dashboardMeta.isChiplessDashboard || dashboardMeta.isMultiAsset) {\n      return hasTitle;\n    }\n\n    if (dashboardMeta.isMultiWell) {\n      return hasTitle && entity === 'well';\n    }\n\n    // Single asset - hide all\n    return false;\n  });\n};\n"],"names":["AssetLabelEntityToTestId","well","AppHeaderTestIds","WellTestId","rig","RigTestId","pad","PadTestId","fleet","FracFleetTestId","getWellLink","asset_id","concat","undefined","getWellChip","wellLink","title","name","link","entity","appCommons","useAppCommons","dashboardMeta","app","result","getAppSegment","SEGMENTS","DRILLING","_ref","_ref2","settings","wellId","rigId","fracFleetId","wellChip","push","_objectSpread","className","styles","mainChip","getDrillingChips","_ref3","_app$settings","_fracFleet$pad_frac_f","_fracFleet$pad_frac_f2","_app$settings2","fracFleet","appHeadersV3Enabled","_ref4","fracFleetPadId","current_pad_id","Number","settingsPadId","padId","pad_frac_fleets","find","_ref5","id","padLink","prefix","_jsx","FracFleet","Pad","tooltip","_jsxs","jsxs","_Fragment","children","Text","size","tooltipLine","tooltipIcon","getCompletionsChips","filter","_ref6","hasTitle","isChiplessDashboard","isMultiAsset","isMultiWell"],"mappings":"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"}

package/cjs-bundle/componentsV2/AppHeader/V3/Actions/Actions.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),s=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/typeof"),i=require("react"),r=require("classnames"),c=require("../../../ButtonIcon/ButtonIcon.js"),t=require("../../../Tooltip/Tooltip.js"),u=require("../SettingsButton/SettingsButton.js");require("../SettingsButton/SettingsButton.constants.js");var l=require("../../../Menu/Menu.js");require("../../../AppCommonsProvider/AppCommonsProvider.js");var a=require("../../../AppCommonsProvider/AppCommonsContext.js"),m=require("../../../AppPanel/AppPanelsContext.js"),d=require("../../../HideInNativeApp/index.js"),j=require("./Actions.constants.js"),p=require("./Actions.scss.js"),q=require("../../../../icons/iconParkIcons.js"),I=require("../../../../icons/customIcons/icons/AddMessage.js");require("../../../../icons/customIcons/icons/DragOne.js"),require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../icons/customIcons/icons/Radio.js"),require("../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../icons/customIcons/icons/InfoRounded.js"),require("../../../../icons/customIcons/icons/FlameFilled.js"),require("../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../icons/customIcons/icons/Pad.js"),require("../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../icons/customIcons/icons/Global.js"),require("../../../../icons/customIcons/icons/Program.js"),require("../../../../icons/customIcons/icons/Rig.js"),require("../../../../icons/customIcons/icons/Well.js"),require("../../../../icons/customIcons/icons/Gap.js"),require("../../../../icons/customIcons/icons/Pin.js"),require("../../../../icons/customIcons/icons/PinOne.js"),require("../../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../icons/customIcons/icons/Archive.js"),require("../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../icons/customIcons/icons/Archived.js"),require("../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../icons/customIcons/icons/CloudDelete.js"),require("../../../../icons/customIcons/icons/Lasso.js"),require("../../../../icons/customIcons/icons/Radius.js"),require("../../../../icons/customIcons/icons/ErrorOps.js"),require("../../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../../icons/customIcons/icons/CriticalOps.js"),require("../../../../icons/customIcons/icons/Company.js"),require("../../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../../icons/customIcons/icons/Connect.js"),require("../../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../../icons/customIcons/icons/Feed.js"),require("../../../../icons/customIcons/icons/Prompt.js"),require("../../../../icons/customIcons/icons/Companies.js"),require("../../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../../icons/customIcons/icons/Key.js"),require("../../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../../icons/customIcons/icons/MappingManual.js"),require("../../../../icons/customIcons/icons/Mapping.js"),require("../../../../icons/customIcons/icons/Metrics.js"),require("../../../../icons/customIcons/icons/Drops.js"),require("../../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../../icons/customIcons/icons/Template.js"),require("../../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../../icons/customIcons/icons/UnitConversion.js"),require("../../../../icons/customIcons/icons/NPT.js"),require("../../../../icons/customIcons/icons/GuidedFrac.js"),require("../../../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../../../clients/subscriptions.v1.js"),require("../../../../clients/jsonApi/index.js"),require("../../../../clients/subscriptions/subscriptions-client.factory.js"),require("immutable"),require("query-string"),require("../../../../constants/goals.js"),require("../../../../constants/segment.js"),require("../../../../constants/alerts.js"),require("../../../../constants/apps.js"),require("../../../../constants/drillstring.js"),require("../../../../constants/completion.js"),require("../../../../constants/appPackages.js"),require("../../../../constants/notifications.js"),require("../../../../constants/feed.js"),require("../../../../constants/bha.js"),require("../../../../constants/corvaCompanyId.js"),require("../../../../components/GradientManager/configuration/constants.js"),require("../../../../utils/index.js"),require("uuid"),require("jsona"),require("../../../../utils/env.js"),require("../../../../components/StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../../../clients/api/apiCore.js"),require("../../../../clients/constants.js"),require("../../../../clients/sso/auth0.js"),require("../../../../clients/sso/oauth2.js"),require("../../../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../../constants/streamSourceType.js");var C=require("../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),f=require("../../../../utils/mobileDetect.js"),b=require("react/jsx-runtime");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=h(e),A=h(s),g=h(n),v=h(o),M=h(r);function y(e,s){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),n.push.apply(n,o)}return n}function O(e){for(var s=1;s<arguments.length;s++){var n=null!=arguments[s]?arguments[s]:{};s%2?y(Object(n),!0).forEach((function(s){A.default(e,s,n[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(n,s))}))}return e}var S=function(e){return!!e&&"object"===v.default(e)&&"title"in e};exports.Actions=function(e){var s=e.additionalActions,n=e.showComments,o=e.disableSettings,r=e.hideSettingsUnderMore,h=a.useAppCommonsInternal(),A=h.maximized,v=h.setMaximized,y=h.appSettingsComponent,k=h.isExpanded,B=h.isBrowserFullscreen,T=h.enterBrowserFullscreen,P=h.exitBrowserFullscreen,F=h.isSeparateWindow,w=h.openSeparateWindow,E=h.closeSeparateWindow,D=h.dashboardMeta,N=!(null==D||!D.isEmbedded),z=C.useAppCommentsMode(),R=C.useSetAppCommentsMode(),W=i.useState(!1),U=g.default(W,2),G=U[0],H=U[1],L=i.useRef(null),_=i.useRef(null),K=i.useState(!0),Z=g.default(K,2),J=Z[0],Q=Z[1],V=i.useState(!1),X=g.default(V,2),Y=X[0],$=X[1],ee=i.useRef(null),se=i.useRef(!1),ne=m.useAppSettingsPanel(),oe=ne.open,ie=ne.isOpen,re=!!y&&!o,ce=i.useCallback((function(){H((function(e){return!e}))}),[]),te=i.useCallback((function(){R((function(e){return!e}))}),[R]),ue=i.useCallback((function(){se.current=!1,$(!1)}),[]),le=i.useCallback((function(){Q(!1),ue(),F?null==E||E():B?null==P||P():v(!A)}),[ue,E,P,B,F,A,v]),ae=F?"Close Separate Window":k?"Restore":"Maximize",me=i.useCallback((function(){ee.current&&(clearTimeout(ee.current),ee.current=null)}),[]),de=i.useCallback((function(){!k&&T&&(me(),ee.current=setTimeout((function(){se.current=!0,$(!0)}),500))}),[me,T,k]);i.useEffect((function(){return me}),[me]);var je=i.useCallback((function(){se.current?se.current=!1:le()}),[le]),pe=i.useCallback((function(){ue(),null==w||w()}),[ue,w]),qe=i.useCallback((function(){ue(),null==T||T()}),[ue,T]);i.useEffect((function(){Q(!0)}),[k]);var Ie=i.useMemo((function(){if(f.isInsideNewMobileApp)return[];var e=function(e){return function(){ce(),null==e||e()}},o=(s||[]).filter(S).map((function(s){return O(O({},s),{},{onClick:e(s.onClick)})})),i={icon:b.jsx(q.MessageIcon,{}),onClick:e(te),title:z?"Close Comments Mode":"Add Comment"},c={title:ae,onClick:e(le),icon:k?b.jsx(q.CollapseIcon,{}):b.jsx(q.ExpandIcon,{})},t={title:"Settings",onClick:e(oe),icon:b.jsx(q.SettingTwoIcon,{})};return[].concat(x.default(o),x.default(n?[i]:[]),x.default(r&&re?[t]:[]),x.default(N?[]:[c]))}),[s,z,r,k,ae,oe,re,n,N,te,le,ce]),Ce=Ie.length>(N?0:1),fe=b.jsx(c.ButtonIcon,{size:"small",type:"tertiaryBg",ref:_,onClick:je,onMouseDown:de,onMouseUp:me,onMouseLeave:me,className:Ce?p.fullscreenButton:void 0,testId:k?j.ActionsTestIds.CollapseButtonTestId:j.ActionsTestIds.ExpandButtonTestId,children:k?b.jsx(q.CollapseIcon,{}):b.jsx(q.ExpandIcon,{})}),be=J?b.jsx(t.Tooltip,{title:ae,children:fe}):fe;return b.jsxs(b.Fragment,{children:[b.jsx(d.HideInNativeApp,{children:null==s?void 0:s.map((function(e,s){return S(e)?b.jsx(t.Tooltip,{title:e.title,children:b.jsx(c.ButtonIcon,{size:"small",type:"tertiary",onClick:e.onClick,className:M.default(p.additionalActionButton),testId:j.ActionsTestIds.AdditionalActionItemTestId,children:e.icon})},s):b.jsx(i.Fragment,{children:e},s)}))}),b.jsx(d.HideInNativeApp,{children:n&&b.jsx(t.Tooltip,{title:z?"Close Comments Mode":"Add Comment",children:b.jsx(c.ButtonIcon,{size:"small",type:z?"secondaryBg":"tertiaryBg",onClick:te,className:Ce?p.commentButton:void 0,testId:z?j.ActionsTestIds.CloseCommentButtonTestId:j.ActionsTestIds.AddMessageButtonTestId,children:z?b.jsx(q.CloseSmallIcon,{}):b.jsx(I.AddMessageCustomIcon,{fill:"currentColor"})})})}),re&&b.jsx(u.SettingsButton,{className:r&&!f.isInsideNewMobileApp?p.settingsHiddenUnderMore:void 0}),b.jsxs(d.HideInNativeApp,{children:[!N&&be,!N&&_.current&&b.jsxs(l.Menu,{anchorEl:_.current,open:Y,onClose:ue,placement:"bottom-end",children:[b.jsx(l.Menu.Item,{onClick:le,testId:j.ActionsTestIds.MaximizeItemTestId,children:"Maximize"}),b.jsx(l.Menu.Item,{onClick:qe,testId:j.ActionsTestIds.BrowserFullscreenItemTestId,children:"Full Screen"}),b.jsx(l.Menu.Item,{onClick:pe,testId:j.ActionsTestIds.SeparateWindowItemTestId,children:"Separate Window"})]})]}),b.jsxs(d.HideInNativeApp,{children:[Ce&&b.jsx(t.Tooltip,{title:"More",children:b.jsx(c.ButtonIcon,{type:G||r&&ie?"secondaryBg":"tertiaryBg",className:p.moreButton,ref:L,testId:j.ActionsTestIds.MoreButtonTestId,onClick:ce,size:"small",children:b.jsx(q.MoreOneIcon,{})})}),Ce&&L.current&&b.jsx(l.Menu,{anchorEl:L.current,open:G,onClose:ce,placement:"bottom-end",children:Ie.map((function(e,s){return b.jsx(l.Menu.Item,{size:"large",prefix:e.icon,onClick:e.onClick,children:e.title},s)}))})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),s=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/typeof"),i=require("react"),r=require("classnames"),t=require("../../../ButtonIcon/ButtonIcon.js"),c=require("../../../Tooltip/Tooltip.js"),u=require("../SettingsButton/SettingsButton.js");require("../SettingsButton/SettingsButton.constants.js");var l=require("../../../Menu/Menu.js");require("../../../AppCommonsProvider/AppCommonsProvider.js");var a=require("../../../AppCommonsProvider/AppCommonsContext.js"),m=require("../../../AppPanel/AppPanelsContext.js"),d=require("../../../HideInNativeApp/index.js"),j=require("./Actions.constants.js"),q=require("./Actions.scss.js"),p=require("../../../../icons/iconParkIcons.js"),I=require("../../../../icons/customIcons/icons/AddMessage.js");require("../../../../icons/customIcons/icons/DragOne.js"),require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../icons/customIcons/icons/Radio.js"),require("../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../icons/customIcons/icons/InfoRounded.js"),require("../../../../icons/customIcons/icons/FlameFilled.js"),require("../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../icons/customIcons/icons/Pad.js"),require("../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../icons/customIcons/icons/Global.js"),require("../../../../icons/customIcons/icons/Program.js"),require("../../../../icons/customIcons/icons/Rig.js"),require("../../../../icons/customIcons/icons/Well.js"),require("../../../../icons/customIcons/icons/Gap.js"),require("../../../../icons/customIcons/icons/Pin.js"),require("../../../../icons/customIcons/icons/PinOne.js"),require("../../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../icons/customIcons/icons/Archive.js"),require("../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../icons/customIcons/icons/Archived.js"),require("../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../icons/customIcons/icons/CloudDelete.js"),require("../../../../icons/customIcons/icons/Lasso.js"),require("../../../../icons/customIcons/icons/Radius.js"),require("../../../../icons/customIcons/icons/ErrorOps.js"),require("../../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../../icons/customIcons/icons/CriticalOps.js"),require("../../../../icons/customIcons/icons/Company.js"),require("../../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../../icons/customIcons/icons/Connect.js"),require("../../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../../icons/customIcons/icons/Feed.js"),require("../../../../icons/customIcons/icons/Prompt.js"),require("../../../../icons/customIcons/icons/Companies.js"),require("../../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../../icons/customIcons/icons/Key.js"),require("../../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../../icons/customIcons/icons/MappingManual.js"),require("../../../../icons/customIcons/icons/Mapping.js"),require("../../../../icons/customIcons/icons/Metrics.js"),require("../../../../icons/customIcons/icons/Drops.js"),require("../../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../../icons/customIcons/icons/Template.js"),require("../../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../../icons/customIcons/icons/UnitConversion.js"),require("../../../../icons/customIcons/icons/NPT.js"),require("../../../../icons/customIcons/icons/GuidedFrac.js"),require("../../../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../../../clients/subscriptions.v1.js"),require("../../../../clients/jsonApi/index.js"),require("../../../../clients/subscriptions/subscriptions-client.factory.js"),require("query-string"),require("../../../../constants/goals.js"),require("../../../../constants/segment.js"),require("../../../../constants/alerts.js"),require("../../../../constants/apps.js"),require("../../../../constants/drillstring.js"),require("../../../../constants/completion.js"),require("../../../../constants/appPackages.js"),require("../../../../constants/notifications.js"),require("../../../../constants/feed.js"),require("../../../../constants/bha.js"),require("../../../../constants/corvaCompanyId.js"),require("../../../../components/GradientManager/configuration/constants.js"),require("../../../../components/UserMention/utils/index.js"),require("../../../../utils/convert.js"),require("moment"),require("../../../../utils/casing/validation.js"),require("lodash/mean"),require("../../../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("../../../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("lodash/isNumber"),require("lodash/has"),require("../../../../utils/ga.js"),require("../../../../utils/goalsConfig/goalsConfig.js"),require("../../../../utils/lasParser.js"),require("../../../../utils/main.js"),require("../../../../utils/metrics/metricsConfig.js");var C=require("../../../../utils/mobileDetect.js");require("../../../../utils/feed.js"),require("../../../../utils/reports.js"),require("moment-timezone"),require("../../../../utils/dashboardReports.js"),require("../../../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../../utils/jsonaDataFormatter.js"),require("../../../../utils/bha.js"),require("jsona"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../../../../utils/charts/Styles.scss.js"),require("../../../../utils/getSingleAsset.js"),require("uuid"),require("../../../../components/StatusBadge/constants.js"),require("lodash/unset"),require("../../../../clients/api/apiCore.js"),require("../../../../clients/constants.js"),require("../../../../clients/sso/auth0.js"),require("../../../../clients/sso/oauth2.js"),require("../../../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy");var f=require("../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),h=require("react/jsx-runtime");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=b(e),x=b(s),A=b(n),v=b(o),M=b(r);function y(e,s){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),n.push.apply(n,o)}return n}function O(e){for(var s=1;s<arguments.length;s++){var n=null!=arguments[s]?arguments[s]:{};s%2?y(Object(n),!0).forEach((function(s){x.default(e,s,n[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(n,s))}))}return e}var S=function(e){return!!e&&"object"===v.default(e)&&"title"in e};exports.Actions=function(e){var s=e.additionalActions,n=e.showComments,o=e.disableSettings,r=e.hideSettingsUnderMore,b=a.useAppCommonsInternal(),x=b.maximized,v=b.setMaximized,y=b.appSettingsComponent,k=b.isExpanded,B=b.isBrowserFullscreen,T=b.enterBrowserFullscreen,P=b.exitBrowserFullscreen,F=b.isSeparateWindow,w=b.openSeparateWindow,D=b.closeSeparateWindow,E=b.dashboardMeta,N=!(null==E||!E.isEmbedded),z=f.useAppCommentsMode(),R=f.useSetAppCommentsMode(),W=i.useState(!1),U=A.default(W,2),G=U[0],H=U[1],L=i.useRef(null),_=i.useRef(null),K=i.useState(!0),Z=A.default(K,2),J=Z[0],Q=Z[1],V=i.useState(!1),X=A.default(V,2),Y=X[0],$=X[1],ee=i.useRef(null),se=i.useRef(!1),ne=m.useAppSettingsPanel(),oe=ne.open,ie=ne.isOpen,re=!!y&&!o,te=i.useCallback((function(){H((function(e){return!e}))}),[]),ce=i.useCallback((function(){R((function(e){return!e}))}),[R]),ue=i.useCallback((function(){se.current=!1,$(!1)}),[]),le=i.useCallback((function(){Q(!1),ue(),F?null==D||D():B?null==P||P():v(!x)}),[ue,D,P,B,F,x,v]),ae=F?"Close Separate Window":k?"Restore":"Maximize",me=i.useCallback((function(){ee.current&&(clearTimeout(ee.current),ee.current=null)}),[]),de=i.useCallback((function(){!k&&T&&(me(),ee.current=setTimeout((function(){se.current=!0,$(!0)}),500))}),[me,T,k]);i.useEffect((function(){return me}),[me]);var je=i.useCallback((function(){se.current?se.current=!1:le()}),[le]),qe=i.useCallback((function(){ue(),null==w||w()}),[ue,w]),pe=i.useCallback((function(){ue(),null==T||T()}),[ue,T]);i.useEffect((function(){Q(!0)}),[k]);var Ie=i.useMemo((function(){if(C.isInsideNewMobileApp)return[];var e=function(e){return function(){te(),null==e||e()}},o=(s||[]).filter(S).map((function(s){return O(O({},s),{},{onClick:e(s.onClick)})})),i={icon:h.jsx(p.MessageIcon,{}),onClick:e(ce),title:z?"Close Comments Mode":"Add Comment"},t={title:ae,onClick:e(le),icon:k?h.jsx(p.CollapseIcon,{}):h.jsx(p.ExpandIcon,{})},c={title:"Settings",onClick:e(oe),icon:h.jsx(p.SettingTwoIcon,{})};return[].concat(g.default(o),g.default(n?[i]:[]),g.default(r&&re?[c]:[]),g.default(N?[]:[t]))}),[s,z,r,k,ae,oe,re,n,N,ce,le,te]),Ce=Ie.length>(N?0:1),fe=h.jsx(t.ButtonIcon,{size:"small",type:"tertiaryBg",ref:_,onClick:je,onMouseDown:de,onMouseUp:me,onMouseLeave:me,className:Ce?q.fullscreenButton:void 0,testId:k?j.ActionsTestIds.CollapseButtonTestId:j.ActionsTestIds.ExpandButtonTestId,children:k?h.jsx(p.CollapseIcon,{}):h.jsx(p.ExpandIcon,{})}),he=J?h.jsx(c.Tooltip,{title:ae,children:fe}):fe;return h.jsxs(h.Fragment,{children:[h.jsx(d.HideInNativeApp,{children:null==s?void 0:s.map((function(e,s){return S(e)?h.jsx(c.Tooltip,{title:e.title,children:h.jsx(t.ButtonIcon,{size:"small",type:"tertiary",onClick:e.onClick,className:M.default(q.additionalActionButton),testId:j.ActionsTestIds.AdditionalActionItemTestId,children:e.icon})},s):h.jsx(i.Fragment,{children:e},s)}))}),h.jsx(d.HideInNativeApp,{children:n&&h.jsx(c.Tooltip,{title:z?"Close Comments Mode":"Add Comment",children:h.jsx(t.ButtonIcon,{size:"small",type:z?"secondaryBg":"tertiaryBg",onClick:ce,className:Ce?q.commentButton:void 0,testId:z?j.ActionsTestIds.CloseCommentButtonTestId:j.ActionsTestIds.AddMessageButtonTestId,children:z?h.jsx(p.CloseSmallIcon,{}):h.jsx(I.AddMessageCustomIcon,{fill:"currentColor"})})})}),re&&h.jsx(u.SettingsButton,{className:r&&!C.isInsideNewMobileApp?q.settingsHiddenUnderMore:void 0}),h.jsxs(d.HideInNativeApp,{children:[!N&&he,!N&&_.current&&h.jsxs(l.Menu,{anchorEl:_.current,open:Y,onClose:ue,placement:"bottom-end",children:[h.jsx(l.Menu.Item,{onClick:le,testId:j.ActionsTestIds.MaximizeItemTestId,children:"Maximize"}),h.jsx(l.Menu.Item,{onClick:pe,testId:j.ActionsTestIds.BrowserFullscreenItemTestId,children:"Full Screen"}),h.jsx(l.Menu.Item,{onClick:qe,testId:j.ActionsTestIds.SeparateWindowItemTestId,children:"Separate Window"})]})]}),h.jsxs(d.HideInNativeApp,{children:[Ce&&h.jsx(c.Tooltip,{title:"More",children:h.jsx(t.ButtonIcon,{type:G||r&&ie?"secondaryBg":"tertiaryBg",className:q.moreButton,ref:L,testId:j.ActionsTestIds.MoreButtonTestId,onClick:te,size:"small",children:h.jsx(p.MoreOneIcon,{})})}),Ce&&L.current&&h.jsx(l.Menu,{anchorEl:L.current,open:G,onClose:te,placement:"bottom-end",children:Ie.map((function(e,s){return h.jsx(l.Menu.Item,{size:"large",prefix:e.icon,onClick:e.onClick,children:e.title},s)}))})]})]})};
 //# sourceMappingURL=Actions.js.map

package/cjs-bundle/componentsV2/AppHeader/V3/Actions/Actions.js.map

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