@corva/ui 3.73.0-7 → 3.73.0-8

package/cjs-bundle/components/AssetEditorV2/components/PrimaryAssetSelectV2.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("prop-types"),r=require("react"),s=require("lodash"),n=require("@material-ui/core"),a=require("../../Search/Search.js");require("../../Search/components/Listbox.js"),require("../../Search/components/Paper.js"),require("../../Search/components/RecentSearches.js");var o=require("../../Search/components/InputAdornmentLeft.js"),i=require("../../Search/components/Groups.js");require("../../Search/components/SelectAllListItem.js");var u=require("../effects/usePrimaryAssetSelectData.js"),l=require("../constants.js"),p=require("../utils/index.js"),c=require("./SelectItem.js"),d=require("../../AssetEditor/constants.js"),h=require("react/jsx-runtime");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=f(e),g=f(t),A=n.makeStyles({paper:{boxShadow:"0px 3px 10px 0px #00000066"},listbox:{maxHeight:210,"& .MuiAutocomplete-option":{padding:"0px 0px 0px 16px"}},option:{padding:"6px 0","&:hover":{backgroundColor:"initial"}},groupChip:{height:32,padding:0},activeChip:{fontWeight:500,backgroundColor:"#75DB29",color:"#212121",fontSize:10,cursor:"pointer",height:12,textTransform:"uppercase",marginRight:12,letterSpacing:1}}),S=function(e){var t=e.placeholder,f=e.label,g=e["data-testid"],S=e.appKey,b=e.assetFields,C=e.assetType,x=e.company,v=e.currentOption,q=e.currentValue,j=e.defaultValue,y=e.disableClearable,I=e.disabled,P=e.groups,T=e.isDrillingPlatformApp,R=e.isNullable,G=e.isRequiredAssetId,E=e.isSecondaryAssetPresent,O=e.multiple,V=e.onActiveAssetIdChange,D=e.onChange,F=e.onGroupChange,L=e.onGroupReset,N=e.onInputReset,_=e.selectedGroup,k=e.setCurrentOption,H=r.useState(""),M=m.default(H,2),K=M[0],U=M[1],w=r.useState(1),z=m.default(w,2),B=z[0],W=z[1],J=r.useState(!0),Q=m.default(J,2),X=Q[0],Y=Q[1],Z=r.useState(!1),$=m.default(Z,2),ee=$[0],te=$[1],re=p.getSearchPlaceholder(C,E),se=A(),ne=u.usePrimaryAssetSelectData({isDrillingPlatformApp:T,searchValue:ee&&K?K:"",scrollPage:B,appKey:S,assetType:C,company:x,groups:P,isRequiredAssetId:G,assetFields:b,selectedGroup:_,currentValue:q,setCurrentOption:k,onActiveAssetIdChange:V}),ae=ne.assets,oe=ne.loading;r.useEffect((function(){var e=ae.length>=d.PER_PAGE*B;Y(e)}),[ae,B]);var ie=r.useMemo((function(){return s.debounce((function(e,t){"input"===t?(W(1),U(e),te(!0)):"reset"!==t&&"clear"!==t||(te(!1),U(""))}),200)}),[]),ue=r.useMemo((function(){return s.debounce((function(){return W((function(e){return e+1}))}),250)}),[]);return h.jsx(a.Search,{classes:{paper:se.paper,listbox:se.listbox,groupChip:se.groupChip},defaultValue:j,disableClearable:y||I,disabled:I,isNullable:R,loading:oe,onGroupChange:F,placeholder:t||re,selectedGroup:_,onGroupReset:L,onChange:function(e,t){D(t),te(!1),U("")},onClose:function(){te(!1),U("")},onOpen:function(){K||te(!1)},"data-testid":g,multiple:O,onInputChangeCallback:ie,onInputReset:function(){N(),k(null),te(!1),U("")},TextFieldProps:{label:f,value:K,endAdornment:(null==v?void 0:v.status)===l.ACTIVE_STATUS&&h.jsx(n.Chip,{"data-not-migrated-muichip":!0,className:se.activeChip,label:"Active"})},ListboxProps:{onScroll:function(e){if(X&&!oe){var t=e.currentTarget;t.scrollTop+t.clientHeight>t.scrollHeight-800&&ue()}}},isHiddenAllOption:!0,value:v,options:ae,renderCustomOption:function(e,t){var r=e.status,s=e.name,n=e.id,a=t.selected;return h.jsx(c,{className:se.option,assetName:s,multiple:O,selected:a,value:n,status:r&&l.ACTIVE_STATUS,"data-testid":"".concat(g,"_option_").concat(s,"MenuItem")},n)},getOptionLabel:function(e){return e.name||""},GroupsComponent:i,groups:P,InputProps:{startAdornment:h.jsx(o,{})}})};S.propTypes={isSecondaryAssetPresent:g.default.bool,assetFields:g.default.array,"data-testid":g.default.string,onInputReset:g.default.func,onActiveAssetIdChange:g.default.func,placeholder:g.default.string},S.defaultProps={assetFields:[],isSecondaryAssetPresent:!0,"data-testid":"PrimaryAssetEditorAutocomplete",onInputReset:function(){},onActiveAssetIdChange:function(){},placeholder:null},module.exports=S;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("prop-types"),r=require("react"),n=require("lodash"),s=require("@material-ui/core"),a=require("../../Search/Search.js");require("../../Search/components/Listbox.js"),require("../../Search/components/Paper.js"),require("../../Search/components/RecentSearches.js");var o=require("../../Search/components/InputAdornmentLeft.js"),i=require("../../Search/components/Groups.js");require("../../Search/components/SelectAllListItem.js");var u=require("../effects/usePrimaryAssetSelectData.js"),l=require("../constants.js"),p=require("../utils/index.js"),c=require("./SelectItem.js"),d=require("../../AssetEditor/constants.js"),f=require("react/jsx-runtime");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=h(e),g=h(t),A=s.makeStyles({paper:{boxShadow:"0px 3px 10px 0px #00000066"},listbox:{maxHeight:210,"& .MuiAutocomplete-option":{padding:"0px 0px 0px 16px"}},option:{padding:"6px 0","&:hover":{backgroundColor:"initial"}},groupChip:{height:32,padding:0},activeChip:{fontWeight:500,backgroundColor:"#75DB29",color:"#212121",fontSize:10,cursor:"pointer",height:12,textTransform:"uppercase",marginRight:12,letterSpacing:1}}),S=function(e){var t=e.placeholder,h=void 0===t?null:t,g=e.label,S=e["data-testid"],x=void 0===S?"PrimaryAssetEditorAutocomplete":S,q=e.appKey,j=e.assetFields,y=void 0===j?b:j,I=e.assetType,P=e.company,T=e.currentOption,G=e.currentValue,R=e.defaultValue,E=e.disableClearable,O=e.disabled,V=e.groups,D=e.isDrillingPlatformApp,L=e.isNullable,N=e.isRequiredAssetId,_=e.isSecondaryAssetPresent,k=void 0===_||_,F=e.multiple,H=e.onActiveAssetIdChange,M=void 0===H?C:H,K=e.onChange,U=e.onGroupChange,w=e.onGroupReset,z=e.onInputReset,B=void 0===z?v:z,W=e.selectedGroup,J=e.setCurrentOption,Q=r.useState(""),X=m.default(Q,2),Y=X[0],Z=X[1],$=r.useState(1),ee=m.default($,2),te=ee[0],re=ee[1],ne=r.useState(!0),se=m.default(ne,2),ae=se[0],oe=se[1],ie=r.useState(!1),ue=m.default(ie,2),le=ue[0],pe=ue[1],ce=p.getSearchPlaceholder(I,k),de=A(),fe=u.usePrimaryAssetSelectData({isDrillingPlatformApp:D,searchValue:le&&Y?Y:"",scrollPage:te,appKey:q,assetType:I,company:P,groups:V,isRequiredAssetId:N,assetFields:y,selectedGroup:W,currentValue:G,setCurrentOption:J,onActiveAssetIdChange:M}),he=fe.assets,me=fe.loading;r.useEffect((function(){var e=he.length>=d.PER_PAGE*te;oe(e)}),[he,te]);var ge=r.useMemo((function(){return n.debounce((function(e,t){"input"===t?(re(1),Z(e),pe(!0)):"reset"!==t&&"clear"!==t||(pe(!1),Z(""))}),200)}),[]),Ae=r.useMemo((function(){return n.debounce((function(){return re((function(e){return e+1}))}),250)}),[]);return f.jsx(a.Search,{classes:{paper:de.paper,listbox:de.listbox,groupChip:de.groupChip},defaultValue:R,disableClearable:E||O,disabled:O,isNullable:L,loading:me,onGroupChange:U,placeholder:h||ce,selectedGroup:W,onGroupReset:w,onChange:function(e,t){K(t),pe(!1),Z("")},onClose:function(){pe(!1),Z("")},onOpen:function(){Y||pe(!1)},"data-testid":x,multiple:F,onInputChangeCallback:ge,onInputReset:function(){B(),J(null),pe(!1),Z("")},TextFieldProps:{label:g,value:Y,endAdornment:(null==T?void 0:T.status)===l.ACTIVE_STATUS&&f.jsx(s.Chip,{"data-not-migrated-muichip":!0,className:de.activeChip,label:"Active"})},ListboxProps:{onScroll:function(e){if(ae&&!me){var t=e.currentTarget;t.scrollTop+t.clientHeight>t.scrollHeight-800&&Ae()}}},isHiddenAllOption:!0,value:T,options:he,renderCustomOption:function(e,t){var r=e.status,n=e.name,s=e.id,a=t.selected;return f.jsx(c,{className:de.option,assetName:n,multiple:F,selected:a,value:s,status:r&&l.ACTIVE_STATUS,"data-testid":"".concat(x,"_option_").concat(n,"MenuItem")},s)},getOptionLabel:function(e){return e.name||""},GroupsComponent:i,groups:V,InputProps:{startAdornment:f.jsx(o,{})}})};S.propTypes={isSecondaryAssetPresent:g.default.bool,assetFields:g.default.array,"data-testid":g.default.string,onInputReset:g.default.func,onActiveAssetIdChange:g.default.func,placeholder:g.default.string};var b=[],v=function(){},C=function(){};module.exports=S;
 //# sourceMappingURL=PrimaryAssetSelectV2.js.map

package/cjs-bundle/components/AssetEditorV2/components/PrimaryAssetSelectV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimaryAssetSelectV2.js","sources":["../../../../../src/components/AssetEditorV2/components/PrimaryAssetSelectV2.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useMemo, useState } from 'react';\nimport { debounce } from 'lodash';\nimport { Chip, makeStyles } from '@material-ui/core';\n\nimport Search from '../../Search/Search';\nimport { Groups, InputAdornmentLeft } from '../../Search/components';\nimport { usePrimaryAssetSelectData } from '../effects/usePrimaryAssetSelectData';\nimport { ACTIVE_STATUS } from '../constants';\nimport { getSearchPlaceholder } from '../utils';\n\nimport SelectItem from './SelectItem';\n\nimport { PER_PAGE } from '~/components/AssetEditor/constants';\n\nconst useStyles = makeStyles({\n  paper: {\n    boxShadow: '0px 3px 10px 0px #00000066',\n  },\n  listbox: {\n    maxHeight: 210,\n    '& .MuiAutocomplete-option': {\n      padding: '0px 0px 0px 16px',\n    },\n  },\n  option: {\n    padding: '6px 0',\n    '&:hover': {\n      backgroundColor: 'initial',\n    },\n  },\n  groupChip: {\n    height: 32,\n    padding: 0,\n  },\n  activeChip: {\n    fontWeight: 500,\n    backgroundColor: '#75DB29',\n    color: '#212121',\n    fontSize: 10,\n    cursor: 'pointer',\n    height: 12,\n    textTransform: 'uppercase',\n    marginRight: 12,\n    letterSpacing: 1,\n  },\n});\n\nconst PrimaryAssetSelect = ({\n  placeholder,\n  label,\n  'data-testid': PAGE_NAME,\n  appKey,\n  assetFields,\n  assetType,\n  company,\n  currentOption,\n  currentValue,\n  defaultValue,\n  disableClearable,\n  disabled,\n  groups,\n  isDrillingPlatformApp,\n  isNullable,\n  isRequiredAssetId,\n  isSecondaryAssetPresent,\n  multiple,\n  onActiveAssetIdChange,\n  onChange,\n  onGroupChange,\n  onGroupReset,\n  onInputReset,\n  selectedGroup,\n  setCurrentOption,\n}) => {\n  const [searchValue, setSearchValue] = useState('');\n  const [scrollPage, setScrollPage] = useState(1);\n  const [hasMore, setHasMore] = useState(true);\n  const [isSearchMode, setIsSearchMode] = useState(false);\n  const searchPlaceholder = getSearchPlaceholder(assetType, isSecondaryAssetPresent);\n  const styles = useStyles();\n\n  const { assets, loading: isLoading } = usePrimaryAssetSelectData({\n    isDrillingPlatformApp,\n    searchValue: isSearchMode && searchValue ? searchValue : '',\n    scrollPage,\n    appKey,\n    assetType,\n    company,\n    groups,\n    isRequiredAssetId,\n    assetFields,\n    selectedGroup,\n    currentValue,\n    setCurrentOption,\n    onActiveAssetIdChange,\n  });\n\n  useEffect(() => {\n    const hasMoreAssets = assets.length >= PER_PAGE * scrollPage;\n    setHasMore(hasMoreAssets);\n  }, [assets, scrollPage]);\n\n  const onInputChange = useMemo(\n    () =>\n      debounce((value, reason) => {\n        if (reason === 'input') {\n          setScrollPage(1);\n          setSearchValue(value);\n          setIsSearchMode(true);\n        } else if (reason === 'reset' || reason === 'clear') {\n          setIsSearchMode(false);\n          setSearchValue('');\n        }\n      }, 200),\n    []\n  );\n\n  const handleFetchNext = useMemo(\n    () => debounce(() => setScrollPage(prevScrollPage => prevScrollPage + 1), 250),\n    []\n  );\n\n  const onScrollListbox = event => {\n    if (!hasMore || isLoading) return;\n    const listboxNode = event.currentTarget;\n    if (listboxNode.scrollTop + listboxNode.clientHeight > listboxNode.scrollHeight - 800) {\n      handleFetchNext();\n    }\n  };\n\n  const renderOption = ({ status, name, id }, { selected }) => {\n    return (\n      <SelectItem\n        className={styles.option}\n        assetName={name}\n        key={id}\n        multiple={multiple}\n        selected={selected}\n        value={id}\n        status={status && ACTIVE_STATUS}\n        data-testid={`${PAGE_NAME}_option_${name}MenuItem`}\n      />\n    );\n  };\n\n  return (\n    <Search\n      classes={{\n        paper: styles.paper,\n        listbox: styles.listbox,\n        groupChip: styles.groupChip,\n      }}\n      defaultValue={defaultValue}\n      disableClearable={disableClearable || disabled}\n      disabled={disabled}\n      isNullable={isNullable}\n      loading={isLoading}\n      onGroupChange={onGroupChange}\n      placeholder={placeholder || searchPlaceholder}\n      selectedGroup={selectedGroup}\n      onGroupReset={onGroupReset}\n      onChange={(event, selected) => {\n        onChange(selected);\n        // Reset search mode when item is selected\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      onClose={() => {\n        // Reset search mode when select closes to prevent stale state\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      onOpen={() => {\n        // If searchValue is empty when opening, ensure search mode is off\n        // This handles the case where select was closed with stale state\n        if (!searchValue) {\n          setIsSearchMode(false);\n        }\n      }}\n      data-testid={PAGE_NAME}\n      multiple={multiple}\n      onInputChangeCallback={onInputChange}\n      onInputReset={() => {\n        onInputReset();\n        setCurrentOption(null);\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      TextFieldProps={{\n        label,\n        value: searchValue,\n        endAdornment: currentOption?.status === ACTIVE_STATUS && (\n          <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n        ),\n      }}\n      ListboxProps={{\n        onScroll: onScrollListbox,\n      }}\n      isHiddenAllOption\n      value={currentOption}\n      options={assets}\n      renderCustomOption={renderOption}\n      getOptionLabel={option => option.name || ''}\n      GroupsComponent={Groups}\n      groups={groups}\n      InputProps={{\n        startAdornment: <InputAdornmentLeft />,\n      }}\n    />\n  );\n};\n\nPrimaryAssetSelect.propTypes = {\n  isSecondaryAssetPresent: PropTypes.bool,\n  assetFields: PropTypes.array,\n  'data-testid': PropTypes.string,\n  onInputReset: PropTypes.func,\n  onActiveAssetIdChange: PropTypes.func,\n  placeholder: PropTypes.string,\n};\n\nPrimaryAssetSelect.defaultProps = {\n  assetFields: [],\n  isSecondaryAssetPresent: true,\n  'data-testid': 'PrimaryAssetEditorAutocomplete',\n  onInputReset: () => {},\n  onActiveAssetIdChange: () => {},\n  placeholder: null,\n};\n\nexport default PrimaryAssetSelect;\n"],"names":["useStyles","makeStyles","paper","boxShadow","listbox","maxHeight","padding","option","backgroundColor","groupChip","height","activeChip","fontWeight","color","fontSize","cursor","textTransform","marginRight","letterSpacing","PrimaryAssetSelect","_ref","placeholder","label","PAGE_NAME","appKey","assetFields","assetType","company","currentOption","currentValue","defaultValue","disableClearable","disabled","groups","isDrillingPlatformApp","isNullable","isRequiredAssetId","isSecondaryAssetPresent","multiple","onActiveAssetIdChange","onChange","onGroupChange","onGroupReset","onInputReset","selectedGroup","setCurrentOption","useState","_useState2","_slicedToArray","_useState","searchValue","setSearchValue","_useState4","_useState3","scrollPage","setScrollPage","_useState6","_useState5","hasMore","setHasMore","_useState8","_useState7","isSearchMode","setIsSearchMode","searchPlaceholder","getSearchPlaceholder","styles","_usePrimaryAssetSelec","usePrimaryAssetSelectData","assets","isLoading","loading","useEffect","hasMoreAssets","length","PER_PAGE","onInputChange","useMemo","debounce","value","reason","handleFetchNext","prevScrollPage","_jsx","Search","classes","event","selected","onClose","onOpen","onInputChangeCallback","TextFieldProps","endAdornment","status","ACTIVE_STATUS","Chip","className","ListboxProps","onScroll","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","isHiddenAllOption","options","renderCustomOption","_ref2","_ref3","name","id","SelectItem","assetName","getOptionLabel","GroupsComponent","Groups","InputProps","startAdornment","InputAdornmentLeft","propTypes","PropTypes","bool","array","string","func","defaultProps"],"mappings":"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"}
+{"version":3,"file":"PrimaryAssetSelectV2.js","sources":["../../../../../src/components/AssetEditorV2/components/PrimaryAssetSelectV2.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useMemo, useState } from 'react';\nimport { debounce } from 'lodash';\nimport { Chip, makeStyles } from '@material-ui/core';\n\nimport Search from '../../Search/Search';\nimport { Groups, InputAdornmentLeft } from '../../Search/components';\nimport { usePrimaryAssetSelectData } from '../effects/usePrimaryAssetSelectData';\nimport { ACTIVE_STATUS } from '../constants';\nimport { getSearchPlaceholder } from '../utils';\n\nimport SelectItem from './SelectItem';\n\nimport { PER_PAGE } from '~/components/AssetEditor/constants';\n\nconst useStyles = makeStyles({\n  paper: {\n    boxShadow: '0px 3px 10px 0px #00000066',\n  },\n  listbox: {\n    maxHeight: 210,\n    '& .MuiAutocomplete-option': {\n      padding: '0px 0px 0px 16px',\n    },\n  },\n  option: {\n    padding: '6px 0',\n    '&:hover': {\n      backgroundColor: 'initial',\n    },\n  },\n  groupChip: {\n    height: 32,\n    padding: 0,\n  },\n  activeChip: {\n    fontWeight: 500,\n    backgroundColor: '#75DB29',\n    color: '#212121',\n    fontSize: 10,\n    cursor: 'pointer',\n    height: 12,\n    textTransform: 'uppercase',\n    marginRight: 12,\n    letterSpacing: 1,\n  },\n});\n\nconst PrimaryAssetSelect = ({\n  placeholder = null,\n  label,\n  'data-testid': PAGE_NAME = 'PrimaryAssetEditorAutocomplete',\n  appKey,\n  assetFields = DEFAULT_PRIMARY_ASSET_SELECT_ASSET_FIELDS,\n  assetType,\n  company,\n  currentOption,\n  currentValue,\n  defaultValue,\n  disableClearable,\n  disabled,\n  groups,\n  isDrillingPlatformApp,\n  isNullable,\n  isRequiredAssetId,\n  isSecondaryAssetPresent = true,\n  multiple,\n  onActiveAssetIdChange = DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE,\n  onChange,\n  onGroupChange,\n  onGroupReset,\n  onInputReset = DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET,\n  selectedGroup,\n  setCurrentOption,\n}) => {\n  const [searchValue, setSearchValue] = useState('');\n  const [scrollPage, setScrollPage] = useState(1);\n  const [hasMore, setHasMore] = useState(true);\n  const [isSearchMode, setIsSearchMode] = useState(false);\n  const searchPlaceholder = getSearchPlaceholder(assetType, isSecondaryAssetPresent);\n  const styles = useStyles();\n\n  const { assets, loading: isLoading } = usePrimaryAssetSelectData({\n    isDrillingPlatformApp,\n    searchValue: isSearchMode && searchValue ? searchValue : '',\n    scrollPage,\n    appKey,\n    assetType,\n    company,\n    groups,\n    isRequiredAssetId,\n    assetFields,\n    selectedGroup,\n    currentValue,\n    setCurrentOption,\n    onActiveAssetIdChange,\n  });\n\n  useEffect(() => {\n    const hasMoreAssets = assets.length >= PER_PAGE * scrollPage;\n    setHasMore(hasMoreAssets);\n  }, [assets, scrollPage]);\n\n  const onInputChange = useMemo(\n    () =>\n      debounce((value, reason) => {\n        if (reason === 'input') {\n          setScrollPage(1);\n          setSearchValue(value);\n          setIsSearchMode(true);\n        } else if (reason === 'reset' || reason === 'clear') {\n          setIsSearchMode(false);\n          setSearchValue('');\n        }\n      }, 200),\n    []\n  );\n\n  const handleFetchNext = useMemo(\n    () => debounce(() => setScrollPage(prevScrollPage => prevScrollPage + 1), 250),\n    []\n  );\n\n  const onScrollListbox = event => {\n    if (!hasMore || isLoading) return;\n    const listboxNode = event.currentTarget;\n    if (listboxNode.scrollTop + listboxNode.clientHeight > listboxNode.scrollHeight - 800) {\n      handleFetchNext();\n    }\n  };\n\n  const renderOption = ({ status, name, id }, { selected }) => {\n    return (\n      <SelectItem\n        className={styles.option}\n        assetName={name}\n        key={id}\n        multiple={multiple}\n        selected={selected}\n        value={id}\n        status={status && ACTIVE_STATUS}\n        data-testid={`${PAGE_NAME}_option_${name}MenuItem`}\n      />\n    );\n  };\n\n  return (\n    <Search\n      classes={{\n        paper: styles.paper,\n        listbox: styles.listbox,\n        groupChip: styles.groupChip,\n      }}\n      defaultValue={defaultValue}\n      disableClearable={disableClearable || disabled}\n      disabled={disabled}\n      isNullable={isNullable}\n      loading={isLoading}\n      onGroupChange={onGroupChange}\n      placeholder={placeholder || searchPlaceholder}\n      selectedGroup={selectedGroup}\n      onGroupReset={onGroupReset}\n      onChange={(event, selected) => {\n        onChange(selected);\n        // Reset search mode when item is selected\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      onClose={() => {\n        // Reset search mode when select closes to prevent stale state\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      onOpen={() => {\n        // If searchValue is empty when opening, ensure search mode is off\n        // This handles the case where select was closed with stale state\n        if (!searchValue) {\n          setIsSearchMode(false);\n        }\n      }}\n      data-testid={PAGE_NAME}\n      multiple={multiple}\n      onInputChangeCallback={onInputChange}\n      onInputReset={() => {\n        onInputReset();\n        setCurrentOption(null);\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      TextFieldProps={{\n        label,\n        value: searchValue,\n        endAdornment: currentOption?.status === ACTIVE_STATUS && (\n          <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n        ),\n      }}\n      ListboxProps={{\n        onScroll: onScrollListbox,\n      }}\n      isHiddenAllOption\n      value={currentOption}\n      options={assets}\n      renderCustomOption={renderOption}\n      getOptionLabel={option => option.name || ''}\n      GroupsComponent={Groups}\n      groups={groups}\n      InputProps={{\n        startAdornment: <InputAdornmentLeft />,\n      }}\n    />\n  );\n};\n\nPrimaryAssetSelect.propTypes = {\n  isSecondaryAssetPresent: PropTypes.bool,\n  assetFields: PropTypes.array,\n  'data-testid': PropTypes.string,\n  onInputReset: PropTypes.func,\n  onActiveAssetIdChange: PropTypes.func,\n  placeholder: PropTypes.string,\n};\n\nconst DEFAULT_PRIMARY_ASSET_SELECT_ASSET_FIELDS = [];\nconst DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET = () => {};\nconst DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE = () => {};\n\nexport default PrimaryAssetSelect;\n"],"names":["useStyles","makeStyles","paper","boxShadow","listbox","maxHeight","padding","option","backgroundColor","groupChip","height","activeChip","fontWeight","color","fontSize","cursor","textTransform","marginRight","letterSpacing","PrimaryAssetSelect","_ref","_ref$placeholder","placeholder","label","_ref$dataTestid","PAGE_NAME","appKey","_ref$assetFields","assetFields","DEFAULT_PRIMARY_ASSET_SELECT_ASSET_FIELDS","assetType","company","currentOption","currentValue","defaultValue","disableClearable","disabled","groups","isDrillingPlatformApp","isNullable","isRequiredAssetId","_ref$isSecondaryAsset","isSecondaryAssetPresent","multiple","_ref$onActiveAssetIdC","onActiveAssetIdChange","DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE","onChange","onGroupChange","onGroupReset","_ref$onInputReset","onInputReset","DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET","selectedGroup","setCurrentOption","useState","_useState2","_slicedToArray","_useState","searchValue","setSearchValue","_useState4","_useState3","scrollPage","setScrollPage","_useState6","_useState5","hasMore","setHasMore","_useState8","_useState7","isSearchMode","setIsSearchMode","searchPlaceholder","getSearchPlaceholder","styles","_usePrimaryAssetSelec","usePrimaryAssetSelectData","assets","isLoading","loading","useEffect","hasMoreAssets","length","PER_PAGE","onInputChange","useMemo","debounce","value","reason","handleFetchNext","prevScrollPage","_jsx","Search","classes","event","selected","onClose","onOpen","onInputChangeCallback","TextFieldProps","endAdornment","status","ACTIVE_STATUS","Chip","className","ListboxProps","onScroll","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","isHiddenAllOption","options","renderCustomOption","_ref2","_ref3","name","id","SelectItem","assetName","getOptionLabel","GroupsComponent","Groups","InputProps","startAdornment","InputAdornmentLeft","propTypes","PropTypes","bool","array","string","func"],"mappings":"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"}

package/cjs-bundle/components/AssetEditorV2/components/SecondaryAssetSelect.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),t=require("prop-types"),s=require("lodash"),a=require("@material-ui/core"),r=require("../effects/index.js"),n=require("../constants.js"),i=require("./SelectItem.js");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");var o=require("../../../constants/assetTypes.js");require("../../../constants/corvaCompanyId.js"),require("../../GradientManager/configuration/constants.js");var u=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(e),c=l(t),p="DC_SingleAssetEditor",f=a.makeStyles((function(e){return{container:{position:"relative"},select:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingBottom:0,paddingTop:0},formControl:{marginTop:16,width:"100%","& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled":{"&::before":{borderBottom:"1px solid #808080"}}},selectValue:function(t){return{cursor:"pointer",padding:0,color:t.disabled?e.palette.primary.text7:e.palette.primary.contrastText,"&:hover":{backgroundColor:"initial"}}},option:function(t){return{cursor:"pointer",padding:"0px 0px 0px 16px",color:t.disabled?e.palette.primary.text7:e.palette.primary.contrastText,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}}},activeAssets:{color:"#9E9E9E",padding:"8px 0 6px"},progress:{position:"absolute",right:20,bottom:4},noActiveAsset:{color:"#9E9E9E",padding:"8px 0 6px"}}})),m=function(e){var t=e.appKey,l=e.primaryAssetLabel,c=e.isRequiredAssetId,m=e.secondaryAssetLabel,A=e.company,T=e.currentValue,v=e.defaultValue,y=e.onChange,g=e.disabled,b=e.parentAssetId,S=e.assetType,j=e.parentAssetType,E=e.assetFields,I=e.activeWellId,x=e.isDrillingPlatformApp,_=r.useSecondaryAssetSelectData({appKey:t,assetId:T,assetType:x?n.DEFAULT_ASSET_TYPE:S,company:A,parentAssetId:b,parentAssetType:j,isRequiredAssetId:c,assetFields:E,activeWellId:I}),q=_.assets,C=_.loading,h=f({disabled:g}),V=T||v,N=q.some((function(e){return e.status===n.ACTIVE_STATUS}));j===o.ASSET_TYPES.intervention_unit.type&&(N=q.some((function(e){return Number(e.id)===Number(I)})));var D=s.capitalize(S),P=[{name:"Active ".concat(D),id:n.ACTIVE_ASSET_ID}].concat(d.default(q));return u.jsxs("div",{className:h.container,children:[u.jsxs(a.FormControl,{className:h.formControl,disabled:C,children:[u.jsx(a.InputLabel,{shrink:!!V,children:m}),u.jsx(a.Select,{"data-testid":e["data-testid"],classes:{select:h.select},value:V,disabled:g,onChange:function(e){var t=e.target,s=t.value===n.ACTIVE_ASSET_ID?{id:n.ACTIVE_ASSET_ID}:null==q?void 0:q.find((function(e){return e.id===t.value}));y(s)},fullWidth:!0,renderValue:function(e){if(e===n.ACTIVE_ASSETS_ID)return u.jsx("span",{className:h.activeAssets,children:"Active ".concat(D,"s")});if(e===n.ACTIVE_ASSET_ID&&!N)return u.jsx("span",{className:h.noActiveAsset,children:"".concat(l," has No Active ").concat(m)});if(e===n.ACTIVE_ASSET_ID&&N){var t=j===o.ASSET_TYPES.intervention_unit.type?q.find((function(e){return Number(e.id)===Number(I)})):q.find((function(e){return e.status===n.ACTIVE_STATUS}));return u.jsx(i,{className:h.selectValue,assetName:t.name,status:t.status})}var s=q.find((function(t){return t.id===e}));return u.jsx(i,{className:h.selectValue,assetName:null==s?void 0:s.name,status:null==s?void 0:s.status})},children:P.map((function(e){var t=e.id,s=e.name,a=e.status,r=s||"";return u.jsx(i,{className:h.option,assetName:r,"data-testid":"".concat(p,"_option_").concat(r,"MenuItem"),value:t,status:a},t)}))})]}),C&&u.jsx(a.CircularProgress,{"data-testid":"".concat(p,"_CircularProgress"),size:20,className:h.progress})]})};m.propTypes={appType:c.default.shape({constants:c.default.shape({})}),currentValue:c.default.oneOfType([c.default.number,c.default.string]),defaultValue:c.default.any,onChange:c.default.func.isRequired,parentAssetId:c.default.number,parentAssetType:c.default.string,assetType:c.default.string.isRequired,"data-testid":c.default.string,appKey:c.default.string,assetFields:c.default.array},m.defaultProps={currentValue:"",defaultValue:"",appType:void 0,parentAssetId:void 0,parentAssetType:void 0,"data-testid":"".concat(p,"_autoComplete"),appKey:null,assetFields:[]},exports.PAGE_NAME=p,exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),t=require("prop-types"),s=require("lodash"),a=require("@material-ui/core"),r=require("../effects/index.js"),n=require("../constants.js"),i=require("./SelectItem.js");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");var o=require("../../../constants/assetTypes.js");require("../../../constants/corvaCompanyId.js"),require("../../GradientManager/configuration/constants.js");var u=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(e),c=l(t),p="DC_SingleAssetEditor",f=[],m=a.makeStyles((function(e){return{container:{position:"relative"},select:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingBottom:0,paddingTop:0},formControl:{marginTop:16,width:"100%","& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled":{"&::before":{borderBottom:"1px solid #808080"}}},selectValue:function(t){return{cursor:"pointer",padding:0,color:t.disabled?e.palette.primary.text7:e.palette.primary.contrastText,"&:hover":{backgroundColor:"initial"}}},option:function(t){return{cursor:"pointer",padding:"0px 0px 0px 16px",color:t.disabled?e.palette.primary.text7:e.palette.primary.contrastText,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}}},activeAssets:{color:"#9E9E9E",padding:"8px 0 6px"},progress:{position:"absolute",right:20,bottom:4},noActiveAsset:{color:"#9E9E9E",padding:"8px 0 6px"}}})),A=function(e){var t=e.appKey,l=void 0===t?null:t,c=e.primaryAssetLabel,A=e.isRequiredAssetId,v=e.secondaryAssetLabel,T=e.company,g=e.currentValue,y=void 0===g?"":g,b=e.defaultValue,S=void 0===b?"":b,j=e.onChange,E=e.disabled,x=e.parentAssetId,I=e.assetType,_=e.parentAssetType,q=e.assetFields,C=void 0===q?f:q,h=e.activeWellId,N=e.isDrillingPlatformApp,V=e["data-testid"],D=void 0===V?"".concat(p,"_autoComplete"):V,P=r.useSecondaryAssetSelectData({appKey:l,assetId:y,assetType:N?n.DEFAULT_ASSET_TYPE:I,company:T,parentAssetId:x,parentAssetType:_,isRequiredAssetId:A,assetFields:C,activeWellId:h}),M=P.assets,F=P.loading,k=m({disabled:E}),L=y||S,R=M.some((function(e){return e.status===n.ACTIVE_STATUS}));_===o.ASSET_TYPES.intervention_unit.type&&(R=M.some((function(e){return Number(e.id)===Number(h)})));var K=s.capitalize(I),U=[{name:"Active ".concat(K),id:n.ACTIVE_ASSET_ID}].concat(d.default(M));return u.jsxs("div",{className:k.container,children:[u.jsxs(a.FormControl,{className:k.formControl,disabled:F,children:[u.jsx(a.InputLabel,{shrink:!!L,children:v}),u.jsx(a.Select,{"data-testid":D,classes:{select:k.select},value:L,disabled:E,onChange:function(e){var t=e.target,s=t.value===n.ACTIVE_ASSET_ID?{id:n.ACTIVE_ASSET_ID}:null==M?void 0:M.find((function(e){return e.id===t.value}));j(s)},fullWidth:!0,renderValue:function(e){if(e===n.ACTIVE_ASSETS_ID)return u.jsx("span",{className:k.activeAssets,children:"Active ".concat(K,"s")});if(e===n.ACTIVE_ASSET_ID&&!R)return u.jsx("span",{className:k.noActiveAsset,children:"".concat(c," has No Active ").concat(v)});if(e===n.ACTIVE_ASSET_ID&&R){var t=_===o.ASSET_TYPES.intervention_unit.type?M.find((function(e){return Number(e.id)===Number(h)})):M.find((function(e){return e.status===n.ACTIVE_STATUS}));return u.jsx(i,{className:k.selectValue,assetName:t.name,status:t.status})}var s=M.find((function(t){return t.id===e}));return u.jsx(i,{className:k.selectValue,assetName:null==s?void 0:s.name,status:null==s?void 0:s.status})},children:U.map((function(e){var t=e.id,s=e.name,a=e.status,r=s||"";return u.jsx(i,{className:k.option,assetName:r,"data-testid":"".concat(p,"_option_").concat(r,"MenuItem"),value:t,status:a},t)}))})]}),F&&u.jsx(a.CircularProgress,{"data-testid":"".concat(p,"_CircularProgress"),size:20,className:k.progress})]})};A.propTypes={appType:c.default.shape({constants:c.default.shape({})}),currentValue:c.default.oneOfType([c.default.number,c.default.string]),defaultValue:c.default.any,onChange:c.default.func.isRequired,parentAssetId:c.default.number,parentAssetType:c.default.string,assetType:c.default.string.isRequired,"data-testid":c.default.string,appKey:c.default.string,assetFields:c.default.array},exports.PAGE_NAME=p,exports.default=A;
 //# sourceMappingURL=SecondaryAssetSelect.js.map

package/cjs-bundle/components/AssetEditorV2/components/SecondaryAssetSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryAssetSelect.js","sources":["../../../../../src/components/AssetEditorV2/components/SecondaryAssetSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { capitalize } from 'lodash';\nimport { CircularProgress, Select, FormControl, InputLabel, makeStyles } from '@material-ui/core';\n\nimport { useSecondaryAssetSelectData } from '../effects';\nimport { ACTIVE_ASSETS_ID, ACTIVE_ASSET_ID, ACTIVE_STATUS, DEFAULT_ASSET_TYPE } from '../constants';\n\nimport SelectItem from './SelectItem';\n\nimport { ASSET_TYPES } from '~/constants';\n\nexport const PAGE_NAME = 'DC_SingleAssetEditor';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    position: 'relative',\n  },\n  select: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    paddingBottom: 0,\n    paddingTop: 0,\n  },\n  formControl: {\n    marginTop: 16,\n    width: '100%',\n    '& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled': {\n      '&::before': {\n        borderBottom: `1px solid #808080`,\n      },\n    },\n  },\n  selectValue: ({ disabled }) => ({\n    cursor: 'pointer',\n    padding: 0,\n    color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n    '&:hover': {\n      backgroundColor: 'initial',\n    },\n  }),\n  option: ({ disabled }) => ({\n    cursor: 'pointer',\n    padding: '0px 0px 0px 16px',\n    color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n    '&:hover': {\n      backgroundColor: 'rgba(255, 255, 255, 0.16)',\n    },\n  }),\n  activeAssets: {\n    color: '#9E9E9E',\n    padding: '8px 0 6px',\n  },\n  progress: {\n    position: 'absolute',\n    right: 20,\n    bottom: 4,\n  },\n  noActiveAsset: {\n    color: '#9E9E9E',\n    padding: '8px 0 6px',\n  },\n}));\n\nconst SecondaryAssetSelect = props => {\n  const {\n    appKey,\n    primaryAssetLabel,\n    isRequiredAssetId,\n    secondaryAssetLabel,\n    company,\n    currentValue,\n    defaultValue,\n    onChange,\n    disabled,\n    parentAssetId,\n    assetType,\n    parentAssetType,\n    assetFields,\n    activeWellId,\n    isDrillingPlatformApp,\n  } = props;\n\n  const { assets, loading } = useSecondaryAssetSelectData({\n    appKey,\n    assetId: currentValue,\n    assetType: isDrillingPlatformApp ? DEFAULT_ASSET_TYPE : assetType,\n    company,\n    parentAssetId,\n    parentAssetType,\n    isRequiredAssetId,\n    assetFields,\n    activeWellId,\n  });\n  const styles = useStyles({ disabled });\n\n  const value = currentValue || defaultValue;\n  let hasActiveAsset = assets.some(asset => asset.status === ACTIVE_STATUS);\n  if (parentAssetType === ASSET_TYPES.intervention_unit.type) {\n    hasActiveAsset = assets.some(asset => Number(asset.id) === Number(activeWellId));\n  }\n  const capitalizedAssetType = capitalize(assetType);\n\n  const options = [{ name: `Active ${capitalizedAssetType}`, id: ACTIVE_ASSET_ID }, ...assets];\n\n  const handleSelectChange = ({ target }) => {\n    const nextValue =\n      target.value === ACTIVE_ASSET_ID\n        ? { id: ACTIVE_ASSET_ID }\n        : assets?.find(asset => asset.id === target.value);\n    onChange(nextValue);\n  };\n\n  const renderSelectValue = assetId => {\n    if (assetId === ACTIVE_ASSETS_ID) {\n      return <span className={styles.activeAssets}>{`Active ${capitalizedAssetType}s`}</span>;\n    }\n    if (assetId === ACTIVE_ASSET_ID && !hasActiveAsset) {\n      return (\n        <span className={styles.noActiveAsset}>\n          {`${primaryAssetLabel} has No Active ${secondaryAssetLabel}`}\n        </span>\n      );\n    }\n    if (assetId === ACTIVE_ASSET_ID && hasActiveAsset) {\n      const activeAsset =\n        parentAssetType === ASSET_TYPES.intervention_unit.type\n          ? assets.find(asset => Number(asset.id) === Number(activeWellId))\n          : assets.find(asset => asset.status === ACTIVE_STATUS);\n      return (\n        <SelectItem\n          className={styles.selectValue}\n          assetName={activeAsset.name}\n          status={activeAsset.status}\n        />\n      );\n    }\n    const selectedAsset = assets.find(asset => asset.id === assetId);\n    return (\n      <SelectItem\n        className={styles.selectValue}\n        assetName={selectedAsset?.name}\n        status={selectedAsset?.status}\n      />\n    );\n  };\n\n  return (\n    <div className={styles.container}>\n      <FormControl className={styles.formControl} disabled={loading}>\n        <InputLabel shrink={!!value}>{secondaryAssetLabel}</InputLabel>\n        <Select\n          data-testid={props['data-testid']}\n          classes={{ select: styles.select }}\n          value={value}\n          disabled={disabled}\n          onChange={handleSelectChange}\n          fullWidth\n          renderValue={renderSelectValue}\n        >\n          {options.map(({ id, name, status }) => {\n            const assetName = name || '';\n            return (\n              <SelectItem\n                className={styles.option}\n                assetName={assetName}\n                data-testid={`${PAGE_NAME}_option_${assetName}MenuItem`}\n                key={id}\n                value={id}\n                status={status}\n              />\n            );\n          })}\n        </Select>\n      </FormControl>\n      {loading && (\n        <CircularProgress\n          data-testid={`${PAGE_NAME}_CircularProgress`}\n          size={20}\n          className={styles.progress}\n        />\n      )}\n    </div>\n  );\n};\n\nSecondaryAssetSelect.propTypes = {\n  appType: PropTypes.shape({\n    constants: PropTypes.shape({}),\n  }),\n  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n  onChange: PropTypes.func.isRequired,\n  parentAssetId: PropTypes.number,\n  parentAssetType: PropTypes.string,\n  assetType: PropTypes.string.isRequired,\n  'data-testid': PropTypes.string,\n  appKey: PropTypes.string,\n  assetFields: PropTypes.array,\n};\n\nSecondaryAssetSelect.defaultProps = {\n  currentValue: '', // NOTE: If 'undefined' <SelectField /> displays 'label'\n  defaultValue: '',\n  appType: undefined,\n  parentAssetId: undefined,\n  parentAssetType: undefined,\n  'data-testid': `${PAGE_NAME}_autoComplete`,\n  appKey: null,\n  assetFields: [],\n};\n\nexport default SecondaryAssetSelect;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","container","position","select","display","alignItems","justifyContent","paddingBottom","paddingTop","formControl","marginTop","width","borderBottom","selectValue","_ref","cursor","padding","color","disabled","palette","primary","text7","contrastText","backgroundColor","option","_ref2","activeAssets","progress","right","bottom","noActiveAsset","SecondaryAssetSelect","props","appKey","primaryAssetLabel","isRequiredAssetId","secondaryAssetLabel","company","currentValue","defaultValue","onChange","parentAssetId","assetType","parentAssetType","assetFields","activeWellId","isDrillingPlatformApp","_useSecondaryAssetSel","useSecondaryAssetSelectData","assetId","DEFAULT_ASSET_TYPE","assets","loading","styles","value","hasActiveAsset","some","asset","status","ACTIVE_STATUS","ASSET_TYPES","intervention_unit","type","Number","id","capitalizedAssetType","capitalize","options","name","concat","ACTIVE_ASSET_ID","_toConsumableArray","_jsxs","className","children","FormControl","_jsx","InputLabel","shrink","Select","classes","_ref3","target","nextValue","find","fullWidth","renderValue","ACTIVE_ASSETS_ID","activeAsset","SelectItem","assetName","selectedAsset","map","_ref4","jsx","CircularProgress","size","propTypes","appType","PropTypes","shape","constants","oneOfType","number","string","any","func","isRequired","array","defaultProps","undefined"],"mappings":"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"}
+{"version":3,"file":"SecondaryAssetSelect.js","sources":["../../../../../src/components/AssetEditorV2/components/SecondaryAssetSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { capitalize } from 'lodash';\nimport { CircularProgress, Select, FormControl, InputLabel, makeStyles } from '@material-ui/core';\n\nimport { useSecondaryAssetSelectData } from '../effects';\nimport { ACTIVE_ASSETS_ID, ACTIVE_ASSET_ID, ACTIVE_STATUS, DEFAULT_ASSET_TYPE } from '../constants';\n\nimport SelectItem from './SelectItem';\n\nimport { ASSET_TYPES } from '~/constants';\n\nexport const PAGE_NAME = 'DC_SingleAssetEditor';\nconst DEFAULT_ASSET_FIELDS = [];\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    position: 'relative',\n  },\n  select: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    paddingBottom: 0,\n    paddingTop: 0,\n  },\n  formControl: {\n    marginTop: 16,\n    width: '100%',\n    '& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled': {\n      '&::before': {\n        borderBottom: `1px solid #808080`,\n      },\n    },\n  },\n  selectValue: ({ disabled }) => ({\n    cursor: 'pointer',\n    padding: 0,\n    color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n    '&:hover': {\n      backgroundColor: 'initial',\n    },\n  }),\n  option: ({ disabled }) => ({\n    cursor: 'pointer',\n    padding: '0px 0px 0px 16px',\n    color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n    '&:hover': {\n      backgroundColor: 'rgba(255, 255, 255, 0.16)',\n    },\n  }),\n  activeAssets: {\n    color: '#9E9E9E',\n    padding: '8px 0 6px',\n  },\n  progress: {\n    position: 'absolute',\n    right: 20,\n    bottom: 4,\n  },\n  noActiveAsset: {\n    color: '#9E9E9E',\n    padding: '8px 0 6px',\n  },\n}));\n\nconst SecondaryAssetSelect = props => {\n  const {\n    appKey = null,\n    primaryAssetLabel,\n    isRequiredAssetId,\n    secondaryAssetLabel,\n    company,\n    currentValue = '',\n    defaultValue = '',\n    onChange,\n    disabled,\n    parentAssetId,\n    assetType,\n    parentAssetType,\n    assetFields = DEFAULT_ASSET_FIELDS,\n    activeWellId,\n    isDrillingPlatformApp,\n    'data-testid': dataTestId = `${PAGE_NAME}_autoComplete`,\n  } = props;\n\n  const { assets, loading } = useSecondaryAssetSelectData({\n    appKey,\n    assetId: currentValue,\n    assetType: isDrillingPlatformApp ? DEFAULT_ASSET_TYPE : assetType,\n    company,\n    parentAssetId,\n    parentAssetType,\n    isRequiredAssetId,\n    assetFields,\n    activeWellId,\n  });\n  const styles = useStyles({ disabled });\n\n  const value = currentValue || defaultValue;\n  let hasActiveAsset = assets.some(asset => asset.status === ACTIVE_STATUS);\n  if (parentAssetType === ASSET_TYPES.intervention_unit.type) {\n    hasActiveAsset = assets.some(asset => Number(asset.id) === Number(activeWellId));\n  }\n  const capitalizedAssetType = capitalize(assetType);\n\n  const options = [{ name: `Active ${capitalizedAssetType}`, id: ACTIVE_ASSET_ID }, ...assets];\n\n  const handleSelectChange = ({ target }) => {\n    const nextValue =\n      target.value === ACTIVE_ASSET_ID\n        ? { id: ACTIVE_ASSET_ID }\n        : assets?.find(asset => asset.id === target.value);\n    onChange(nextValue);\n  };\n\n  const renderSelectValue = assetId => {\n    if (assetId === ACTIVE_ASSETS_ID) {\n      return <span className={styles.activeAssets}>{`Active ${capitalizedAssetType}s`}</span>;\n    }\n    if (assetId === ACTIVE_ASSET_ID && !hasActiveAsset) {\n      return (\n        <span className={styles.noActiveAsset}>\n          {`${primaryAssetLabel} has No Active ${secondaryAssetLabel}`}\n        </span>\n      );\n    }\n    if (assetId === ACTIVE_ASSET_ID && hasActiveAsset) {\n      const activeAsset =\n        parentAssetType === ASSET_TYPES.intervention_unit.type\n          ? assets.find(asset => Number(asset.id) === Number(activeWellId))\n          : assets.find(asset => asset.status === ACTIVE_STATUS);\n      return (\n        <SelectItem\n          className={styles.selectValue}\n          assetName={activeAsset.name}\n          status={activeAsset.status}\n        />\n      );\n    }\n    const selectedAsset = assets.find(asset => asset.id === assetId);\n    return (\n      <SelectItem\n        className={styles.selectValue}\n        assetName={selectedAsset?.name}\n        status={selectedAsset?.status}\n      />\n    );\n  };\n\n  return (\n    <div className={styles.container}>\n      <FormControl className={styles.formControl} disabled={loading}>\n        <InputLabel shrink={!!value}>{secondaryAssetLabel}</InputLabel>\n        <Select\n          data-testid={dataTestId}\n          classes={{ select: styles.select }}\n          value={value}\n          disabled={disabled}\n          onChange={handleSelectChange}\n          fullWidth\n          renderValue={renderSelectValue}\n        >\n          {options.map(({ id, name, status }) => {\n            const assetName = name || '';\n            return (\n              <SelectItem\n                className={styles.option}\n                assetName={assetName}\n                data-testid={`${PAGE_NAME}_option_${assetName}MenuItem`}\n                key={id}\n                value={id}\n                status={status}\n              />\n            );\n          })}\n        </Select>\n      </FormControl>\n      {loading && (\n        <CircularProgress\n          data-testid={`${PAGE_NAME}_CircularProgress`}\n          size={20}\n          className={styles.progress}\n        />\n      )}\n    </div>\n  );\n};\n\nSecondaryAssetSelect.propTypes = {\n  appType: PropTypes.shape({\n    constants: PropTypes.shape({}),\n  }),\n  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n  onChange: PropTypes.func.isRequired,\n  parentAssetId: PropTypes.number,\n  parentAssetType: PropTypes.string,\n  assetType: PropTypes.string.isRequired,\n  'data-testid': PropTypes.string,\n  appKey: PropTypes.string,\n  assetFields: PropTypes.array,\n};\n\nexport default SecondaryAssetSelect;\n"],"names":["PAGE_NAME","DEFAULT_ASSET_FIELDS","useStyles","makeStyles","theme","container","position","select","display","alignItems","justifyContent","paddingBottom","paddingTop","formControl","marginTop","width","borderBottom","selectValue","_ref","cursor","padding","color","disabled","palette","primary","text7","contrastText","backgroundColor","option","_ref2","activeAssets","progress","right","bottom","noActiveAsset","SecondaryAssetSelect","props","appKey","_props$appKey","primaryAssetLabel","isRequiredAssetId","secondaryAssetLabel","company","_props$currentValue","currentValue","_props$defaultValue","defaultValue","onChange","parentAssetId","assetType","parentAssetType","_props$assetFields","assetFields","activeWellId","isDrillingPlatformApp","_props$dataTestid","dataTestId","_useSecondaryAssetSel","useSecondaryAssetSelectData","assetId","DEFAULT_ASSET_TYPE","assets","loading","styles","value","hasActiveAsset","some","asset","status","ACTIVE_STATUS","ASSET_TYPES","intervention_unit","type","Number","id","capitalizedAssetType","capitalize","options","name","concat","ACTIVE_ASSET_ID","_toConsumableArray","_jsxs","className","children","FormControl","_jsx","InputLabel","shrink","Select","classes","_ref3","target","nextValue","find","fullWidth","renderValue","ACTIVE_ASSETS_ID","activeAsset","SelectItem","assetName","selectedAsset","map","_ref4","jsx","CircularProgress","size","propTypes","appType","PropTypes","shape","constants","oneOfType","number","string","any","func","isRequired","array"],"mappings":"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"}

package/cjs-bundle/components/AssetEditorV2/components/SelectItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),a=require("prop-types"),n=require("classnames"),s=require("@material-ui/core"),c=require("@material-ui/icons"),l=require("../constants.js"),o=require("../../MiddleTruncate/MiddleTruncate.js"),u=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(e),f=d(t),m=d(r),h=d(a),b=d(n),j=["data-testid","value","className","assetName","status","multiple","selected"];function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach((function(t){p.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=s.makeStyles({menuItem:{display:"flex",justifyContent:"space-between",width:"100%",height:36,paddingBottom:0,paddingTop:0},option:{display:"flex",alignItems:"center",justifyContent:"space-between"},itemContent:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between"},activeChip:{fontWeight:500,backgroundColor:"#75DB29",color:"#212121",fontSize:10,cursor:"pointer",height:12,textTransform:"uppercase",marginRight:12,letterSpacing:1}}),O=i.forwardRef((function(e,t){var r=e["data-testid"],a=e.value,n=e.className,d=e.assetName,p=e.status,h=e.multiple,y=e.selected,O=m.default(e,j),v=i.useState(null),C=f.default(v,2),w=C[0],T=C[1],q=!!w,P=g(),k=u.jsxs("div",{className:P.itemContent,children:[u.jsx(o,{onTruncate:function(e){T(e)},truncatedText:w,maxWidth:380,children:d}),p===l.ACTIVE_STATUS&&u.jsx(s.Chip,{"data-not-migrated-muichip":!0,className:P.activeChip,label:"Active"})]});return u.jsx(s.Tooltip,{title:q?d:"",children:h?u.jsxs("div",{className:b.default(P.option),children:[u.jsx(s.Checkbox,{disableRipple:!0,icon:u.jsx(c.CheckBoxOutlineBlank,{style:{fontSize:20}}),className:P.checkbox,checkedIcon:u.jsx(c.CheckBox,{style:{fontSize:20}}),checked:y}),k]}):u.jsx("div",x(x({"data-testid":r,value:a,className:b.default(P.menuItem,n)},O),{},{children:k}))})}));O.propTypes={"data-testid":h.default.string},O.defaultProps={"data-testid":"MenuItem"},module.exports=O;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),a=require("prop-types"),n=require("classnames"),s=require("@material-ui/core"),c=require("@material-ui/icons"),o=require("../constants.js"),l=require("../../MiddleTruncate/MiddleTruncate.js"),u=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(e),f=d(t),m=d(r),h=d(a),b=d(n),j=["data-testid","value","className","assetName","status","multiple","selected"];function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach((function(t){p.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=s.makeStyles({menuItem:{display:"flex",justifyContent:"space-between",width:"100%",height:36,paddingBottom:0,paddingTop:0},option:{display:"flex",alignItems:"center",justifyContent:"space-between"},itemContent:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between"},activeChip:{fontWeight:500,backgroundColor:"#75DB29",color:"#212121",fontSize:10,cursor:"pointer",height:12,textTransform:"uppercase",marginRight:12,letterSpacing:1}}),v=i.forwardRef((function(e,t){var r=e["data-testid"],a=void 0===r?"MenuItem":r,n=e.value,d=e.className,p=e.assetName,h=e.status,y=e.multiple,v=e.selected,O=m.default(e,j),C=i.useState(null),w=f.default(C,2),T=w[0],q=w[1],k=!!T,P=g(),S=u.jsxs("div",{className:P.itemContent,children:[u.jsx(l,{onTruncate:function(e){q(e)},truncatedText:T,maxWidth:380,children:p}),h===o.ACTIVE_STATUS&&u.jsx(s.Chip,{"data-not-migrated-muichip":!0,className:P.activeChip,label:"Active"})]});return u.jsx(s.Tooltip,{title:k?p:"",children:y?u.jsxs("div",{className:b.default(P.option),children:[u.jsx(s.Checkbox,{disableRipple:!0,icon:u.jsx(c.CheckBoxOutlineBlank,{style:{fontSize:20}}),className:P.checkbox,checkedIcon:u.jsx(c.CheckBox,{style:{fontSize:20}}),checked:v}),S]}):u.jsx("div",x(x({"data-testid":a,value:n,className:b.default(P.menuItem,d)},O),{},{children:S}))})}));v.propTypes={"data-testid":h.default.string},module.exports=v;
 //# sourceMappingURL=SelectItem.js.map

package/cjs-bundle/components/AssetEditorV2/components/SelectItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.js","sources":["../../../../../src/components/AssetEditorV2/components/SelectItem.js"],"sourcesContent":["import { forwardRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { makeStyles, Chip, Tooltip, Checkbox } from '@material-ui/core';\nimport {\n  CheckBox as CheckBoxIcon,\n  CheckBoxOutlineBlank as CheckBoxOutlineBlankIcon,\n} from '@material-ui/icons';\n\nimport { ACTIVE_STATUS } from '../constants';\n\nimport MiddleTruncate from '~/components/MiddleTruncate';\n\nconst useStyles = makeStyles({\n  menuItem: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    width: '100%',\n    height: 36,\n    paddingBottom: 0,\n    paddingTop: 0,\n  },\n  option: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  itemContent: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  activeChip: {\n    fontWeight: 500,\n    backgroundColor: '#75DB29',\n    color: '#212121',\n    fontSize: 10,\n    cursor: 'pointer',\n    height: 12,\n    textTransform: 'uppercase',\n    marginRight: 12,\n    letterSpacing: 1,\n  },\n});\n\nconst SelectItem = forwardRef(\n  (\n    {\n      'data-testid': PAGE_NAME,\n      value,\n      className,\n      assetName,\n      status,\n      multiple,\n      selected,\n      ...restProps\n    },\n    // eslint-disable-next-line no-unused-vars\n    muiRef\n  ) => {\n    const [truncatedText, setTruncatedText] = useState(null);\n    const isTruncated = !!truncatedText;\n    const styles = useStyles();\n\n    const handleTruncatedText = truncatedText => {\n      setTruncatedText(truncatedText);\n    };\n\n    const itemContent = (\n      <div className={styles.itemContent}>\n        <MiddleTruncate\n          onTruncate={handleTruncatedText}\n          truncatedText={truncatedText}\n          maxWidth={380}\n        >\n          {assetName}\n        </MiddleTruncate>\n        {status === ACTIVE_STATUS && (\n          <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n        )}\n      </div>\n    );\n\n    return (\n      <Tooltip title={isTruncated ? assetName : ''}>\n        {multiple ? (\n          <div className={classNames(styles.option)}>\n            <Checkbox\n              disableRipple\n              icon={<CheckBoxOutlineBlankIcon style={{ fontSize: 20 }} />}\n              className={styles.checkbox}\n              checkedIcon={<CheckBoxIcon style={{ fontSize: 20 }} />}\n              checked={selected}\n            />\n            {itemContent}\n          </div>\n        ) : (\n          <div\n            data-testid={PAGE_NAME}\n            value={value}\n            className={classNames(styles.menuItem, className)}\n            {...restProps}\n          >\n            {itemContent}\n          </div>\n        )}\n      </Tooltip>\n    );\n  }\n);\n\nSelectItem.propTypes = {\n  'data-testid': PropTypes.string,\n};\n\nSelectItem.defaultProps = {\n  'data-testid': 'MenuItem',\n};\n\nexport default SelectItem;\n"],"names":["useStyles","makeStyles","menuItem","display","justifyContent","width","height","paddingBottom","paddingTop","option","alignItems","itemContent","activeChip","fontWeight","backgroundColor","color","fontSize","cursor","textTransform","marginRight","letterSpacing","SelectItem","forwardRef","_ref","muiRef","PAGE_NAME","value","className","assetName","status","multiple","selected","restProps","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","truncatedText","setTruncatedText","isTruncated","styles","_jsxs","jsxs","children","_jsx","MiddleTruncate","onTruncate","maxWidth","ACTIVE_STATUS","Chip","label","Tooltip","title","classNames","Checkbox","disableRipple","icon","CheckBoxOutlineBlankIcon","style","checkbox","checkedIcon","CheckBoxIcon","checked","jsx","_objectSpread","propTypes","PropTypes","string","defaultProps"],"mappings":"2qCAaA,IAAMA,EAAYC,EAAAA,WAAW,CAC3BC,SAAU,CACRC,QAAS,OACTC,eAAgB,gBAChBC,MAAO,OACPC,OAAQ,GACRC,cAAe,EACfC,WAAY,GAEdC,OAAQ,CACNN,QAAS,OACTO,WAAY,SACZN,eAAgB,iBAElBO,YAAa,CACXN,MAAO,OACPF,QAAS,OACTO,WAAY,SACZN,eAAgB,iBAElBQ,WAAY,CACVC,WAAY,IACZC,gBAAiB,UACjBC,MAAO,UACPC,SAAU,GACVC,OAAQ,UACRX,OAAQ,GACRY,cAAe,YACfC,YAAa,GACbC,cAAe,KAIbC,EAAaC,EAAUA,YAC3B,SAAAC,EAYEC,GACG,IAXcC,IAAf,eACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,SACGC,EAASC,EAAA,QAAAV,EAAAW,GAK4BC,EAAAA,EAAQA,SAAC,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAjDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAChCK,IAAgBF,EAChBG,EAAS1C,IAMTW,EACJgC,EAAAC,KAAA,MAAA,CAAKjB,UAAWe,EAAO/B,YAAYkC,SAAA,CACjCC,MAACC,EAAc,CACbC,WAPsB,SAAAT,GAC1BC,EAAiBD,IAObA,cAAeA,EACfU,SAAU,IAAIJ,SAEbjB,IAEFC,IAAWqB,iBACVJ,EAAAA,IAACK,EAAAA,KAAI,CAAC,6BAAyB,EAACxB,UAAWe,EAAO9B,WAAYwC,MAAM,cAK1E,OACEN,EAAAA,IAACO,EAAAA,QAAO,CAACC,MAAOb,EAAcb,EAAY,GAAGiB,SAC1Cf,EACCa,EAAAC,KAAA,MAAA,CAAKjB,UAAW4B,EAAAA,QAAWb,EAAOjC,QAAQoC,SAAA,CACxCC,MAACU,WAAQ,CACPC,eAAa,EACbC,KAAMZ,MAACa,uBAAwB,CAACC,MAAO,CAAE5C,SAAU,MACnDW,UAAWe,EAAOmB,SAClBC,YAAahB,MAACiB,WAAY,CAACH,MAAO,CAAE5C,SAAU,MAC9CgD,QAASjC,IAEVpB,KAGHmC,EAAAmB,IAAA,MAAAC,EAAAA,EAAA,CACE,cAAazC,EACbC,MAAOA,EACPC,UAAW4B,EAAU,QAACb,EAAOxC,SAAUyB,IACnCK,GAAS,GAAA,CAAAa,SAEZlC,MAKX,IAGFU,EAAW8C,UAAY,CACrB,cAAeC,EAAS,QAACC,QAG3BhD,EAAWiD,aAAe,CACxB,cAAe"}
+{"version":3,"file":"SelectItem.js","sources":["../../../../../src/components/AssetEditorV2/components/SelectItem.js"],"sourcesContent":["import { forwardRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { makeStyles, Chip, Tooltip, Checkbox } from '@material-ui/core';\nimport {\n  CheckBox as CheckBoxIcon,\n  CheckBoxOutlineBlank as CheckBoxOutlineBlankIcon,\n} from '@material-ui/icons';\n\nimport { ACTIVE_STATUS } from '../constants';\n\nimport MiddleTruncate from '~/components/MiddleTruncate';\n\nconst useStyles = makeStyles({\n  menuItem: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    width: '100%',\n    height: 36,\n    paddingBottom: 0,\n    paddingTop: 0,\n  },\n  option: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  itemContent: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  activeChip: {\n    fontWeight: 500,\n    backgroundColor: '#75DB29',\n    color: '#212121',\n    fontSize: 10,\n    cursor: 'pointer',\n    height: 12,\n    textTransform: 'uppercase',\n    marginRight: 12,\n    letterSpacing: 1,\n  },\n});\n\nconst SelectItem = forwardRef(\n  (\n    {\n      'data-testid': PAGE_NAME = 'MenuItem',\n      value,\n      className,\n      assetName,\n      status,\n      multiple,\n      selected,\n      ...restProps\n    },\n    // eslint-disable-next-line no-unused-vars\n    muiRef\n  ) => {\n    const [truncatedText, setTruncatedText] = useState(null);\n    const isTruncated = !!truncatedText;\n    const styles = useStyles();\n\n    const handleTruncatedText = truncatedText => {\n      setTruncatedText(truncatedText);\n    };\n\n    const itemContent = (\n      <div className={styles.itemContent}>\n        <MiddleTruncate\n          onTruncate={handleTruncatedText}\n          truncatedText={truncatedText}\n          maxWidth={380}\n        >\n          {assetName}\n        </MiddleTruncate>\n        {status === ACTIVE_STATUS && (\n          <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n        )}\n      </div>\n    );\n\n    return (\n      <Tooltip title={isTruncated ? assetName : ''}>\n        {multiple ? (\n          <div className={classNames(styles.option)}>\n            <Checkbox\n              disableRipple\n              icon={<CheckBoxOutlineBlankIcon style={{ fontSize: 20 }} />}\n              className={styles.checkbox}\n              checkedIcon={<CheckBoxIcon style={{ fontSize: 20 }} />}\n              checked={selected}\n            />\n            {itemContent}\n          </div>\n        ) : (\n          <div\n            data-testid={PAGE_NAME}\n            value={value}\n            className={classNames(styles.menuItem, className)}\n            {...restProps}\n          >\n            {itemContent}\n          </div>\n        )}\n      </Tooltip>\n    );\n  }\n);\n\nSelectItem.propTypes = {\n  'data-testid': PropTypes.string,\n};\n\nexport default SelectItem;\n"],"names":["useStyles","makeStyles","menuItem","display","justifyContent","width","height","paddingBottom","paddingTop","option","alignItems","itemContent","activeChip","fontWeight","backgroundColor","color","fontSize","cursor","textTransform","marginRight","letterSpacing","SelectItem","forwardRef","_ref","muiRef","_ref$dataTestid","PAGE_NAME","value","className","assetName","status","multiple","selected","restProps","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","truncatedText","setTruncatedText","isTruncated","styles","_jsxs","jsxs","children","_jsx","MiddleTruncate","onTruncate","maxWidth","ACTIVE_STATUS","Chip","label","Tooltip","title","classNames","Checkbox","disableRipple","icon","CheckBoxOutlineBlankIcon","style","checkbox","checkedIcon","CheckBoxIcon","checked","jsx","_objectSpread","propTypes","PropTypes","string"],"mappings":"2qCAaA,IAAMA,EAAYC,EAAAA,WAAW,CAC3BC,SAAU,CACRC,QAAS,OACTC,eAAgB,gBAChBC,MAAO,OACPC,OAAQ,GACRC,cAAe,EACfC,WAAY,GAEdC,OAAQ,CACNN,QAAS,OACTO,WAAY,SACZN,eAAgB,iBAElBO,YAAa,CACXN,MAAO,OACPF,QAAS,OACTO,WAAY,SACZN,eAAgB,iBAElBQ,WAAY,CACVC,WAAY,IACZC,gBAAiB,UACjBC,MAAO,UACPC,SAAU,GACVC,OAAQ,UACRX,OAAQ,GACRY,cAAe,YACfC,YAAa,GACbC,cAAe,KAIbC,EAAaC,EAAUA,YAC3B,SAAAC,EAYEC,GACG,IAAAC,EAAAF,EAXD,eAAeG,aAAY,WAAUD,EACrCE,IAAAA,MACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,SACGC,EAASC,EAAA,QAAAX,EAAAY,GAK4BC,EAAAA,EAAQA,SAAC,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAjDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAChCK,IAAgBF,EAChBG,EAAS3C,IAMTW,EACJiC,EAAAC,KAAA,MAAA,CAAKjB,UAAWe,EAAOhC,YAAYmC,SAAA,CACjCC,MAACC,EAAc,CACbC,WAPsB,SAAAT,GAC1BC,EAAiBD,IAObA,cAAeA,EACfU,SAAU,IAAIJ,SAEbjB,IAEFC,IAAWqB,iBACVJ,EAAAA,IAACK,EAAAA,KAAI,CAAC,6BAAyB,EAACxB,UAAWe,EAAO/B,WAAYyC,MAAM,cAK1E,OACEN,EAAAA,IAACO,EAAAA,QAAO,CAACC,MAAOb,EAAcb,EAAY,GAAGiB,SAC1Cf,EACCa,EAAAC,KAAA,MAAA,CAAKjB,UAAW4B,EAAAA,QAAWb,EAAOlC,QAAQqC,SAAA,CACxCC,MAACU,WAAQ,CACPC,eAAa,EACbC,KAAMZ,MAACa,uBAAwB,CAACC,MAAO,CAAE7C,SAAU,MACnDY,UAAWe,EAAOmB,SAClBC,YAAahB,MAACiB,WAAY,CAACH,MAAO,CAAE7C,SAAU,MAC9CiD,QAASjC,IAEVrB,KAGHoC,EAAAmB,IAAA,MAAAC,EAAAA,EAAA,CACE,cAAazC,EACbC,MAAOA,EACPC,UAAW4B,EAAU,QAACb,EAAOzC,SAAU0B,IACnCK,GAAS,GAAA,CAAAa,SAEZnC,MAKX,IAGFU,EAAW+C,UAAY,CACrB,cAAeC,EAAS,QAACC"}

package/cjs-bundle/components/AssetEditorV2/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/toConsumableArray"),t=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),a=require("react"),r=require("prop-types"),l=require("lodash"),n=require("classnames"),i=require("@material-ui/core"),u=require("./components/PrimaryAssetSelect.js"),d=require("./components/SecondaryAssetSelect.js");require("./components/SelectItem.js");var o=require("./components/MultipleAssetsToggle.js"),c=require("./components/PrimaryAssetSelectV2.js"),p=require("./constants.js"),f=require("./utils/index.js");require("../../constants/goals.js");var y=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");var A=require("../../constants/assetTypes.js");require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js");var m=require("react/jsx-runtime");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var S=g(e),b=g(t),v=g(s),T=g(r),j=g(n);function h(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),s.push.apply(s,a)}return s}function q(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?h(Object(s),!0).forEach((function(t){b.default(e,t,s[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):h(Object(s)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))}))}return e}var I=i.makeStyles({title:{fontWeight:400,fontSize:20,margin:"24px 0 16px"}}),E=function(e){var t=e.appKey,s=e.appType,r=e.className,n=e.company,i=e.defaultValue,g=e.secondaryDefaultValue,T=e.disabled,h=e.isHiddenTitle,E=e.isNullable,P=e.label,_=e.onSettingsChange,C=e.primaryAssetFields,O=e.secondaryAssetFields,D=e.isExtendedSelect,F=e.isRequiredAssetId,N=e.settings,V=e.isVisibleMultipleAssetsToggle,x=e.assetsLimit,R=e.isDisabledSecondaryAssetSelect,w=e.isDrillingPlatformApp,G=e.secondaryAssetHelpText,L=e.onChange,Y=e.elementsClassNames,H=l.get(s,["primaryAsset","assetType","type"]),K=l.get(s,["primaryAsset","assetType","id"]),M=l.get(s,["primaryAsset","assetType","label"]),k=l.get(s,["primaryAsset","groups"]),U=l.get(s,["secondaryAsset"],!1),W=l.get(s,["secondaryAsset","assetType","type"]),z=l.get(s,["secondaryAsset","assetType","id"]),B=l.get(s,["secondaryAsset","assetType","label"]),J=l.get(N,K),Q=J?Number(J):null,X=l.get(N,z)?Number(l.get(N,z)):g||null,Z=a.useState({id:Q||i}),$=v.default(Z,2),ee=$[0],te=$[1],se=a.useState(X),ae=v.default(se,2),re=ae[0],le=ae[1],ne=a.useState(!1),ie=v.default(ne,2),ue=ie[0],de=ie[1],oe=a.useState(),ce=v.default(oe,2),pe=ce[0],fe=ce[1],ye=a.useState(!1),Ae=v.default(ye,2),me=Ae[0],ge=Ae[1],Se=a.useRef(!1),be=function(){for(var e=arguments.length,t=new Array(e),s=0;s<e;s++)t[s]=arguments[s];_.apply(void 0,t.concat([Se.current]))},ve=I(),Te=H===A.ASSET_TYPES.rig.type||H===A.ASSET_TYPES.intervention_unit.type?c:u,je=w&&null!=ee&&ee.assetId?null==ee?void 0:ee.assetId:null==ee?void 0:ee.id,he=function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};te(t),le(null),de(!1);var s=(e={},b.default(e,K,null),b.default(e,z,null),b.default(e,"assets",null),e);be(s)},qe=U&&(me?Boolean(ee.length)&&!ue:(null==ee?void 0:ee.id)&&!ue);return a.useEffect((function(){l.isEmpty(N)&&he(me&&[])}),[N]),m.jsxs("div",{className:j.default(ve.main,r),children:[!h&&m.jsx("div",{className:j.default(ve.title,Y.title),children:"Asset"}),V&&m.jsx(o,{onChange:function(e){Se.current=!!e,ge(e),he(e&&[])},className:Y.multiAssetSwitch,checked:me}),m.jsx("div",{className:Y.primaryAssetSelect,children:m.jsx(Te,{appKey:t,assetType:H,company:n,currentOption:ee,currentValue:null==ee?void 0:ee.id,"data-testid":"".concat("DC_AppSettingsAssetEditor","_primaryAssetEditorAutocomplete"),isSecondaryAssetPresent:U,defaultValue:i,disableClearable:!E,disabled:T,isNullable:E,isRequiredAssetId:F,label:P,multiple:me,onChange:function(e){if(L({primary:e}),me)!function(e){var t,s;if(!(e.length>x)){var a=(null===(t=e[0])||void 0===t?void 0:t.group)===y.PAD_GROUP.name,r=(null===(s=e[0])||void 0===s?void 0:s.group)===y.FRAC_FLEET_GROUP.name,l=1===e.length&&a,n=1===e.length&&r;if(l?(de(!0),fe(y.PAD_GROUP)):n&&fe(y.FRAC_FLEET_GROUP),a){te(e);var i=null==e?void 0:e.reduce((function(e,t){var s=t.parentFracFleetId,a=t.id,r={fracFleetId:s,padId:a};return D&&(r.assetId=s,r.replacedPadId=a),s?[].concat(S.default(e),[r]):e}),[]);be({assets:i})}else{te(e);var u=e.reduce((function(e,t){var s=b.default({},"".concat(t.type,"Id"),t.id);return F&&(s.assetId=t.assetId),D&&(s.assetId=t.assetId||t.id),[].concat(S.default(e),[s])}),[]);be({assets:u})}}}(e);else{var t=e.id,s=e.type,a=e.parentFracFleetId;if(t)if(s!==A.ASSET_TYPES.pad.type){te(e),le(null);var r=b.default({},K,t);F&&(r.assetId=e.assetId),z&&(r[z]=null),be(r),de(!1)}else{var l;te(e),de(!0),le(t);var n=(l={},b.default(l,A.ASSET_TYPES.frac_fleet.id,Number(a)),b.default(l,A.ASSET_TYPES.pad.id,t),l);be(n)}}},setCurrentOption:te,selectedGroup:pe,onGroupChange:function(e){fe(e),he(me&&[])},onGroupReset:function(){fe(null),he(me&&[])},groups:k,onInputReset:he,onActiveAssetIdChange:function(e){te((function(t){return q(q({},t),{},{activeWellId:e})}))},isDrillingPlatformApp:w,assetFields:f.getPrimaryAssetFields(H,C,w)})}),qe&&m.jsxs("div",{className:Y.secondaryAssetSelect,children:[G,m.jsx(d.default,{assetFields:W===A.ASSET_TYPES.pad.type?[].concat(S.default(O),["pad.active","pad.current"]):O,activeWellId:null==ee?void 0:ee.activeWellId,appKey:t,assetType:W,company:n,currentValue:re,"data-testid":"".concat("DC_AppSettingsAssetEditor","_secondaryAutoComplete"),defaultValue:me?p.ACTIVE_ASSETS_ID:p.ACTIVE_ASSET_ID,disabled:me||R||T,isDrillingPlatformApp:w,isNullable:E,isRequiredAssetId:F,onChange:function(e){var t=e.id,s=e.assetId,a=e.name;L({secondary:{name:a}}),le(t);var r=t===p.ACTIVE_ASSET_ID?null:t,l=b.default({},z,r);F&&W===A.ASSET_TYPES.well.type?be(q(q({},l),{},{replacedAssetId:w?r:s})):be(l)},parentAssetId:je,parentAssetType:w?"parent_asset_id":H,primaryAssetLabel:M,secondaryAssetLabel:B})]})]})};E.defaultProps={assetsLimit:null,label:"Choose An Asset",isNullable:!1,defaultValue:void 0,secondaryDefaultValue:void 0,isHiddenTitle:!1,appKey:null,isVisibleMultipleAssetsToggle:!1,isDisabledSecondaryAssetSelect:!1,primaryAssetFields:[],secondaryAssetFields:[],secondaryAssetHelpText:null,onChange:l.noop,elementsClassNames:{}},E.propTypes={assetsLimit:T.default.number,settings:T.default.shape({}).isRequired,appType:T.default.shape({}).isRequired,defaultValue:T.default.any,secondaryDefaultValue:T.default.any,onSettingsChange:T.default.func.isRequired,label:T.default.string,isNullable:T.default.bool,isHiddenTitle:T.default.bool,appKey:T.default.string,isVisibleMultipleAssetsToggle:T.default.bool,isDisabledSecondaryAssetSelect:T.default.bool,primaryAssetFields:T.default.arrayOf(T.default.shape({})),secondaryAssetFields:T.default.arrayOf(T.default.shape({})),secondaryAssetHelpText:T.default.oneOfType([T.default.element,T.default.string]),onChange:T.default.func,elementsClassNames:T.default.shape({title:T.default.string,multiAssetSwitch:T.default.string,primaryAssetSelect:T.default.string,secondaryAssetSelect:T.default.string})},module.exports=E;
+"use strict";var e=require("@babel/runtime/helpers/toConsumableArray"),t=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),a=require("react"),r=require("prop-types"),l=require("lodash"),n=require("classnames"),i=require("@material-ui/core"),u=require("./components/PrimaryAssetSelect.js"),d=require("./components/SecondaryAssetSelect.js");require("./components/SelectItem.js");var o=require("./components/MultipleAssetsToggle.js"),c=require("./components/PrimaryAssetSelectV2.js"),p=require("./constants.js"),f=require("./utils/index.js");require("../../constants/goals.js");var y=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");var A=require("../../constants/assetTypes.js");require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js");var m=require("react/jsx-runtime");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=g(e),S=g(t),b=g(s),T=g(r),j=g(n);function h(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),s.push.apply(s,a)}return s}function q(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?h(Object(s),!0).forEach((function(t){S.default(e,t,s[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):h(Object(s)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))}))}return e}var I=i.makeStyles({title:{fontWeight:400,fontSize:20,margin:"24px 0 16px"}}),E=function(e){var t=e.appKey,s=void 0===t?null:t,r=e.appType,n=e.className,i=e.company,g=e.defaultValue,T=e.secondaryDefaultValue,h=e.disabled,E=e.isHiddenTitle,D=void 0!==E&&E,F=e.isNullable,x=void 0!==F&&F,N=e.label,R=void 0===N?"Choose An Asset":N,V=e.onSettingsChange,w=e.primaryAssetFields,G=void 0===w?P:w,Y=e.secondaryAssetFields,L=void 0===Y?_:Y,k=e.isExtendedSelect,H=e.isRequiredAssetId,K=e.settings,M=e.isVisibleMultipleAssetsToggle,U=void 0!==M&&M,W=e.assetsLimit,z=void 0===W?null:W,B=e.isDisabledSecondaryAssetSelect,J=void 0!==B&&B,Q=e.isDrillingPlatformApp,X=e.secondaryAssetHelpText,Z=void 0===X?null:X,$=e.onChange,ee=void 0===$?O:$,te=e.elementsClassNames,se=void 0===te?C:te,ae=l.get(r,["primaryAsset","assetType","type"]),re=l.get(r,["primaryAsset","assetType","id"]),le=l.get(r,["primaryAsset","assetType","label"]),ne=l.get(r,["primaryAsset","groups"]),ie=l.get(r,["secondaryAsset"],!1),ue=l.get(r,["secondaryAsset","assetType","type"]),de=l.get(r,["secondaryAsset","assetType","id"]),oe=l.get(r,["secondaryAsset","assetType","label"]),ce=l.get(K,re),pe=ce?Number(ce):null,fe=l.get(K,de)?Number(l.get(K,de)):T||null,ye=a.useState({id:pe||g}),Ae=b.default(ye,2),me=Ae[0],ge=Ae[1],ve=a.useState(fe),Se=b.default(ve,2),be=Se[0],Te=Se[1],je=a.useState(!1),he=b.default(je,2),qe=he[0],Ie=he[1],Ee=a.useState(),Pe=b.default(Ee,2),_e=Pe[0],Oe=Pe[1],Ce=a.useState(!1),De=b.default(Ce,2),Fe=De[0],xe=De[1],Ne=a.useRef(!1),Re=function(){for(var e=arguments.length,t=new Array(e),s=0;s<e;s++)t[s]=arguments[s];V.apply(void 0,t.concat([Ne.current]))},Ve=I(),we=ae===A.ASSET_TYPES.rig.type||ae===A.ASSET_TYPES.intervention_unit.type?c:u,Ge=Q&&null!=me&&me.assetId?null==me?void 0:me.assetId:null==me?void 0:me.id,Ye=function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};ge(t),Te(null),Ie(!1);var s=(e={},S.default(e,re,null),S.default(e,de,null),S.default(e,"assets",null),e);Re(s)},Le=ie&&(Fe?Boolean(me.length)&&!qe:(null==me?void 0:me.id)&&!qe);return a.useEffect((function(){l.isEmpty(K)&&Ye(Fe&&[])}),[K]),m.jsxs("div",{className:j.default(Ve.main,n),children:[!D&&m.jsx("div",{className:j.default(Ve.title,se.title),children:"Asset"}),U&&m.jsx(o,{onChange:function(e){Ne.current=!!e,xe(e),Ye(e&&[])},className:se.multiAssetSwitch,checked:Fe}),m.jsx("div",{className:se.primaryAssetSelect,children:m.jsx(we,{appKey:s,assetType:ae,company:i,currentOption:me,currentValue:null==me?void 0:me.id,"data-testid":"".concat("DC_AppSettingsAssetEditor","_primaryAssetEditorAutocomplete"),isSecondaryAssetPresent:ie,defaultValue:g,disableClearable:!x,disabled:h,isNullable:x,isRequiredAssetId:H,label:R,multiple:Fe,onChange:function(e){if(ee({primary:e}),Fe)!function(e){var t,s;if(!(e.length>z)){var a=(null===(t=e[0])||void 0===t?void 0:t.group)===y.PAD_GROUP.name,r=(null===(s=e[0])||void 0===s?void 0:s.group)===y.FRAC_FLEET_GROUP.name,l=1===e.length&&a,n=1===e.length&&r;if(l?(Ie(!0),Oe(y.PAD_GROUP)):n&&Oe(y.FRAC_FLEET_GROUP),a){ge(e);var i=null==e?void 0:e.reduce((function(e,t){var s=t.parentFracFleetId,a=t.id,r={fracFleetId:s,padId:a};return k&&(r.assetId=s,r.replacedPadId=a),s?[].concat(v.default(e),[r]):e}),[]);Re({assets:i})}else{ge(e);var u=e.reduce((function(e,t){var s=S.default({},"".concat(t.type,"Id"),t.id);return H&&(s.assetId=t.assetId),k&&(s.assetId=t.assetId||t.id),[].concat(v.default(e),[s])}),[]);Re({assets:u})}}}(e);else{var t=e.id,s=e.type,a=e.parentFracFleetId;if(t)if(s!==A.ASSET_TYPES.pad.type){ge(e),Te(null);var r=S.default({},re,t);H&&(r.assetId=e.assetId),de&&(r[de]=null),Re(r),Ie(!1)}else{var l;ge(e),Ie(!0),Te(t);var n=(l={},S.default(l,A.ASSET_TYPES.frac_fleet.id,Number(a)),S.default(l,A.ASSET_TYPES.pad.id,t),l);Re(n)}}},setCurrentOption:ge,selectedGroup:_e,onGroupChange:function(e){Oe(e),Ye(Fe&&[])},onGroupReset:function(){Oe(null),Ye(Fe&&[])},groups:ne,onInputReset:Ye,onActiveAssetIdChange:function(e){ge((function(t){return q(q({},t),{},{activeWellId:e})}))},isDrillingPlatformApp:Q,assetFields:f.getPrimaryAssetFields(ae,G,Q)})}),Le&&m.jsxs("div",{className:se.secondaryAssetSelect,children:[Z,m.jsx(d.default,{assetFields:ue===A.ASSET_TYPES.pad.type?[].concat(v.default(L),["pad.active","pad.current"]):L,activeWellId:null==me?void 0:me.activeWellId,appKey:s,assetType:ue,company:i,currentValue:be,"data-testid":"".concat("DC_AppSettingsAssetEditor","_secondaryAutoComplete"),defaultValue:Fe?p.ACTIVE_ASSETS_ID:p.ACTIVE_ASSET_ID,disabled:Fe||J||h,isDrillingPlatformApp:Q,isNullable:x,isRequiredAssetId:H,onChange:function(e){var t=e.id,s=e.assetId,a=e.name;ee({secondary:{name:a}}),Te(t);var r=t===p.ACTIVE_ASSET_ID?null:t,l=S.default({},de,r);H&&ue===A.ASSET_TYPES.well.type?Re(q(q({},l),{},{replacedAssetId:Q?r:s})):Re(l)},parentAssetId:Ge,parentAssetType:Q?"parent_asset_id":ae,primaryAssetLabel:le,secondaryAssetLabel:oe})]})]})},P=[],_=[],O=l.noop,C={};E.propTypes={assetsLimit:T.default.number,settings:T.default.shape({}).isRequired,appType:T.default.shape({}).isRequired,defaultValue:T.default.any,secondaryDefaultValue:T.default.any,onSettingsChange:T.default.func.isRequired,label:T.default.string,isNullable:T.default.bool,isHiddenTitle:T.default.bool,appKey:T.default.string,isVisibleMultipleAssetsToggle:T.default.bool,isDisabledSecondaryAssetSelect:T.default.bool,primaryAssetFields:T.default.arrayOf(T.default.shape({})),secondaryAssetFields:T.default.arrayOf(T.default.shape({})),secondaryAssetHelpText:T.default.oneOfType([T.default.element,T.default.string]),onChange:T.default.func,elementsClassNames:T.default.shape({title:T.default.string,multiAssetSwitch:T.default.string,primaryAssetSelect:T.default.string,secondaryAssetSelect:T.default.string})},module.exports=E;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/AssetEditorV2/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/AssetEditorV2/index.js"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, isEmpty, noop } from 'lodash';\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\n\nimport { PrimaryAssetSelect, PrimaryAssetSelectV2, SecondaryAssetSelect } from './components';\nimport { ACTIVE_ASSET_ID, ACTIVE_ASSETS_ID } from './constants';\nimport MultipleAssetsToggle from './components/MultipleAssetsToggle';\nimport { getPrimaryAssetFields } from './utils';\n\nimport { ASSET_TYPES } from '~/constants';\nimport { FRAC_FLEET_GROUP, PAD_GROUP } from '~/constants/segment';\n\nconst useStyles = makeStyles({\n  title: { fontWeight: 400, fontSize: 20, margin: '24px 0 16px' },\n});\n\nconst PAGE_NAME = 'DC_AppSettingsAssetEditor';\nconst PARENT_ASSET_ID = 'parent_asset_id';\n\nconst AppSettingsAssetEditor = ({\n  appKey,\n  appType,\n  className,\n  company,\n  defaultValue,\n  secondaryDefaultValue,\n  disabled,\n  isHiddenTitle,\n  isNullable,\n  label,\n  onSettingsChange: propsOnSettingsChange,\n  primaryAssetFields,\n  secondaryAssetFields,\n  isExtendedSelect,\n  isRequiredAssetId,\n  settings,\n  isVisibleMultipleAssetsToggle,\n  assetsLimit,\n  isDisabledSecondaryAssetSelect,\n  isDrillingPlatformApp,\n  secondaryAssetHelpText,\n  onChange,\n  elementsClassNames,\n}) => {\n  const primaryAssetType = get(appType, ['primaryAsset', 'assetType', 'type']);\n  const primaryAssetIdType = get(appType, ['primaryAsset', 'assetType', 'id']);\n  const primaryAssetLabel = get(appType, ['primaryAsset', 'assetType', 'label']);\n  const primaryAssetSelectGroups = get(appType, ['primaryAsset', 'groups']);\n\n  const isSecondaryAssetPresent = get(appType, ['secondaryAsset'], false);\n\n  const secondaryAssetType = get(appType, ['secondaryAsset', 'assetType', 'type']);\n  const secondaryAssetIdType = get(appType, ['secondaryAsset', 'assetType', 'id']);\n  const secondaryAssetLabel = get(appType, ['secondaryAsset', 'assetType', 'label']);\n\n  const currentValue = get(settings, primaryAssetIdType);\n  const initialPrimaryAssetId = currentValue ? Number(currentValue) : null;\n  const initialSecondaryAssetId = get(settings, secondaryAssetIdType)\n    ? Number(get(settings, secondaryAssetIdType))\n    : secondaryDefaultValue || null;\n  const [primaryAsset, setPrimaryAsset] = useState({ id: initialPrimaryAssetId || defaultValue });\n\n  const [secondaryAssetId, setSecondaryAssetId] = useState(initialSecondaryAssetId);\n  const [isPadSelectedAsPrimaryAsset, setIsPadSelectedAsPrimaryAsset] = useState(false);\n  const [selectedGroup, setSelectedGroup] = useState();\n  const [isMultipleAssets, setIsMultipleAssets] = useState(false);\n  const isMultipleAssetsRef = useRef(false);\n  const onSettingsChange = (...args) => {\n    propsOnSettingsChange(...args, isMultipleAssetsRef.current);\n  };\n\n  const styles = useStyles();\n\n  const PrimaryAssetSelectComponent =\n    primaryAssetType === ASSET_TYPES.rig.type ||\n    primaryAssetType === ASSET_TYPES.intervention_unit.type\n      ? PrimaryAssetSelectV2\n      : PrimaryAssetSelect;\n\n  const parentAssetId =\n    isDrillingPlatformApp && primaryAsset?.assetId ? primaryAsset?.assetId : primaryAsset?.id;\n\n  const onSecondaryAssetChange = ({ id, assetId, name }) => {\n    onChange({ secondary: { name } });\n    setSecondaryAssetId(id);\n    const secondaryAssetId = id === ACTIVE_ASSET_ID ? null : id;\n    const assetSettings = { [secondaryAssetIdType]: secondaryAssetId };\n\n    if (isRequiredAssetId && secondaryAssetType === ASSET_TYPES.well.type) {\n      onSettingsChange({\n        ...assetSettings,\n        replacedAssetId: isDrillingPlatformApp ? secondaryAssetId : assetId,\n      });\n      return;\n    }\n\n    onSettingsChange(assetSettings);\n  };\n\n  const onMultipleAssetChange = selected => {\n    if (selected.length > assetsLimit) return;\n\n    const isPadSelected = selected[0]?.group === PAD_GROUP.name;\n    const isFracFleetSelected = selected[0]?.group === FRAC_FLEET_GROUP.name;\n    const isFirstPadSelected = selected.length === 1 && isPadSelected;\n    const isFirstFracFleetSelected = selected.length === 1 && isFracFleetSelected;\n\n    if (isFirstPadSelected) {\n      setIsPadSelectedAsPrimaryAsset(true);\n      setSelectedGroup(PAD_GROUP);\n    } else if (isFirstFracFleetSelected) {\n      setSelectedGroup(FRAC_FLEET_GROUP);\n    }\n\n    if (isPadSelected) {\n      setPrimaryAsset(selected);\n      const assetsSetting = selected?.reduce((acc, { parentFracFleetId, id }) => {\n        const settings = {\n          fracFleetId: parentFracFleetId,\n          padId: id,\n        };\n\n        if (isExtendedSelect) {\n          settings.assetId = parentFracFleetId;\n          settings.replacedPadId = id;\n        }\n        return parentFracFleetId ? [...acc, settings] : acc;\n      }, []);\n\n      onSettingsChange({\n        assets: assetsSetting,\n      });\n      return;\n    }\n\n    setPrimaryAsset(selected);\n    const assetsSetting = selected.reduce((acc, asset) => {\n      const settings = { [`${asset.type}Id`]: asset.id };\n      if (isRequiredAssetId) {\n        settings.assetId = asset.assetId;\n      }\n      if (isExtendedSelect) {\n        settings.assetId = asset.assetId || asset.id;\n      }\n      return [...acc, settings];\n    }, []);\n    onSettingsChange({\n      assets: assetsSetting,\n    });\n  };\n\n  const onPrimaryAssetChange = selected => {\n    onChange({ primary: selected });\n    if (isMultipleAssets) {\n      onMultipleAssetChange(selected);\n      return;\n    }\n    const { id, type, parentFracFleetId } = selected;\n    if (!id) return;\n    if (type === ASSET_TYPES.pad.type) {\n      setPrimaryAsset(selected);\n      setIsPadSelectedAsPrimaryAsset(true);\n      setSecondaryAssetId(id);\n      const assetSetting = {\n        [ASSET_TYPES.frac_fleet.id]: Number(parentFracFleetId),\n        [ASSET_TYPES.pad.id]: id,\n      };\n      onSettingsChange(assetSetting);\n      return;\n    }\n\n    setPrimaryAsset(selected);\n    setSecondaryAssetId(null);\n    const assetSetting = { [primaryAssetIdType]: id };\n    if (isRequiredAssetId) assetSetting.assetId = selected.assetId;\n    if (secondaryAssetIdType) assetSetting[secondaryAssetIdType] = null;\n    onSettingsChange(assetSetting);\n    setIsPadSelectedAsPrimaryAsset(false);\n  };\n\n  const handlePrimaryAssetReset = (defaultValue = {}) => {\n    setPrimaryAsset(defaultValue);\n    setSecondaryAssetId(null);\n\n    setIsPadSelectedAsPrimaryAsset(false);\n    const assetSetting = {\n      [primaryAssetIdType]: null,\n      [secondaryAssetIdType]: null,\n      assets: null,\n    };\n    onSettingsChange(assetSetting);\n  };\n\n  const handleMultipleAssetsChange = checked => {\n    isMultipleAssetsRef.current = !!checked;\n    setIsMultipleAssets(checked);\n    handlePrimaryAssetReset(checked && []);\n  };\n\n  const handleGroupChange = newGroup => {\n    setSelectedGroup(newGroup);\n    handlePrimaryAssetReset(isMultipleAssets && []);\n  };\n\n  const handleGroupReset = () => {\n    setSelectedGroup(null);\n    handlePrimaryAssetReset(isMultipleAssets && []);\n  };\n\n  const secondaryAssetSelectIsVisible =\n    isSecondaryAssetPresent &&\n    (isMultipleAssets\n      ? Boolean(primaryAsset.length) && !isPadSelectedAsPrimaryAsset\n      : primaryAsset?.id && !isPadSelectedAsPrimaryAsset);\n\n  useEffect(() => {\n    if (isEmpty(settings)) {\n      handlePrimaryAssetReset(isMultipleAssets && []);\n    }\n  }, [settings]);\n\n  return (\n    <div className={classNames(styles.main, className)}>\n      {!isHiddenTitle && (\n        <div className={classNames(styles.title, elementsClassNames.title)}>Asset</div>\n      )}\n      {isVisibleMultipleAssetsToggle && (\n        <MultipleAssetsToggle\n          onChange={handleMultipleAssetsChange}\n          className={elementsClassNames.multiAssetSwitch}\n          checked={isMultipleAssets}\n        />\n      )}\n      <div className={elementsClassNames.primaryAssetSelect}>\n        <PrimaryAssetSelectComponent\n          appKey={appKey}\n          assetType={primaryAssetType}\n          company={company}\n          currentOption={primaryAsset}\n          currentValue={primaryAsset?.id}\n          data-testid={`${PAGE_NAME}_primaryAssetEditorAutocomplete`}\n          isSecondaryAssetPresent={isSecondaryAssetPresent}\n          defaultValue={defaultValue}\n          disableClearable={!isNullable}\n          disabled={disabled}\n          isNullable={isNullable}\n          isRequiredAssetId={isRequiredAssetId}\n          label={label}\n          multiple={isMultipleAssets}\n          onChange={onPrimaryAssetChange}\n          setCurrentOption={setPrimaryAsset}\n          selectedGroup={selectedGroup}\n          onGroupChange={handleGroupChange}\n          onGroupReset={handleGroupReset}\n          groups={primaryAssetSelectGroups}\n          onInputReset={handlePrimaryAssetReset}\n          onActiveAssetIdChange={activeAssetId => {\n            setPrimaryAsset(primaryAsset => ({ ...primaryAsset, activeWellId: activeAssetId }));\n          }}\n          isDrillingPlatformApp={isDrillingPlatformApp}\n          assetFields={getPrimaryAssetFields(\n            primaryAssetType,\n            primaryAssetFields,\n            isDrillingPlatformApp\n          )}\n        />\n      </div>\n      {secondaryAssetSelectIsVisible && (\n        <div className={elementsClassNames.secondaryAssetSelect}>\n          {secondaryAssetHelpText}\n          <SecondaryAssetSelect\n            assetFields={\n              secondaryAssetType === ASSET_TYPES.pad.type\n                ? [...secondaryAssetFields, 'pad.active', 'pad.current']\n                : secondaryAssetFields\n            }\n            activeWellId={primaryAsset?.activeWellId}\n            appKey={appKey}\n            assetType={secondaryAssetType}\n            company={company}\n            currentValue={secondaryAssetId}\n            data-testid={`${PAGE_NAME}_secondaryAutoComplete`}\n            defaultValue={isMultipleAssets ? ACTIVE_ASSETS_ID : ACTIVE_ASSET_ID}\n            disabled={isMultipleAssets || isDisabledSecondaryAssetSelect || disabled}\n            isDrillingPlatformApp={isDrillingPlatformApp}\n            isNullable={isNullable}\n            isRequiredAssetId={isRequiredAssetId}\n            onChange={onSecondaryAssetChange}\n            parentAssetId={parentAssetId}\n            parentAssetType={isDrillingPlatformApp ? PARENT_ASSET_ID : primaryAssetType}\n            primaryAssetLabel={primaryAssetLabel}\n            secondaryAssetLabel={secondaryAssetLabel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nAppSettingsAssetEditor.defaultProps = {\n  assetsLimit: null,\n  label: 'Choose An Asset',\n  isNullable: false,\n  defaultValue: undefined,\n  secondaryDefaultValue: undefined,\n  isHiddenTitle: false,\n  appKey: null,\n  isVisibleMultipleAssetsToggle: false,\n  isDisabledSecondaryAssetSelect: false,\n  primaryAssetFields: [],\n  secondaryAssetFields: [],\n  secondaryAssetHelpText: null,\n  onChange: noop,\n  elementsClassNames: {},\n};\n\nAppSettingsAssetEditor.propTypes = {\n  assetsLimit: PropTypes.number,\n  settings: PropTypes.shape({}).isRequired,\n  appType: PropTypes.shape({}).isRequired,\n  defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n  secondaryDefaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n  onSettingsChange: PropTypes.func.isRequired,\n  label: PropTypes.string,\n  isNullable: PropTypes.bool,\n  isHiddenTitle: PropTypes.bool,\n  appKey: PropTypes.string,\n  isVisibleMultipleAssetsToggle: PropTypes.bool,\n  isDisabledSecondaryAssetSelect: PropTypes.bool,\n  primaryAssetFields: PropTypes.arrayOf(PropTypes.shape({})),\n  secondaryAssetFields: PropTypes.arrayOf(PropTypes.shape({})),\n  secondaryAssetHelpText: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n  onChange: PropTypes.func,\n  elementsClassNames: PropTypes.shape({\n    title: PropTypes.string,\n    multiAssetSwitch: PropTypes.string,\n    primaryAssetSelect: PropTypes.string,\n    secondaryAssetSelect: PropTypes.string,\n  }),\n};\n\nexport default AppSettingsAssetEditor;\n"],"names":["useStyles","makeStyles","title","fontWeight","fontSize","margin","AppSettingsAssetEditor","_ref","appKey","appType","className","company","defaultValue","secondaryDefaultValue","disabled","isHiddenTitle","isNullable","label","propsOnSettingsChange","onSettingsChange","primaryAssetFields","secondaryAssetFields","isExtendedSelect","isRequiredAssetId","settings","isVisibleMultipleAssetsToggle","assetsLimit","isDisabledSecondaryAssetSelect","isDrillingPlatformApp","secondaryAssetHelpText","onChange","elementsClassNames","primaryAssetType","get","primaryAssetIdType","primaryAssetLabel","primaryAssetSelectGroups","isSecondaryAssetPresent","secondaryAssetType","secondaryAssetIdType","secondaryAssetLabel","currentValue","initialPrimaryAssetId","Number","initialSecondaryAssetId","_useState","useState","id","_useState2","_slicedToArray","primaryAsset","setPrimaryAsset","_useState4","_useState3","secondaryAssetId","setSecondaryAssetId","_useState6","_useState5","isPadSelectedAsPrimaryAsset","setIsPadSelectedAsPrimaryAsset","_useState7","_useState8","selectedGroup","setSelectedGroup","_useState10","_useState9","isMultipleAssets","setIsMultipleAssets","isMultipleAssetsRef","useRef","_len","arguments","length","args","Array","_key","concat","current","styles","PrimaryAssetSelectComponent","ASSET_TYPES","rig","type","intervention_unit","PrimaryAssetSelectV2","PrimaryAssetSelect","parentAssetId","assetId","handlePrimaryAssetReset","_assetSetting4","undefined","assetSetting","_defineProperty","secondaryAssetSelectIsVisible","Boolean","useEffect","isEmpty","_jsxs","classNames","main","children","_jsx","jsx","MultipleAssetsToggle","checked","multiAssetSwitch","primaryAssetSelect","assetType","currentOption","disableClearable","multiple","selected","primary","_selected$","_selected$2","isPadSelected","group","PAD_GROUP","name","isFracFleetSelected","FRAC_FLEET_GROUP","isFirstPadSelected","isFirstFracFleetSelected","assetsSetting","reduce","acc","_ref3","parentFracFleetId","fracFleetId","padId","replacedPadId","assets","asset","onMultipleAssetChange","pad","_assetSetting2","frac_fleet","setCurrentOption","onGroupChange","newGroup","onGroupReset","groups","onInputReset","onActiveAssetIdChange","activeAssetId","_objectSpread","activeWellId","assetFields","getPrimaryAssetFields","jsxs","secondaryAssetSelect","SecondaryAssetSelect","_toConsumableArray","ACTIVE_ASSETS_ID","ACTIVE_ASSET_ID","_ref2","secondary","assetSettings","well","replacedAssetId","parentAssetType","defaultProps","noop","propTypes","PropTypes","number","shape","isRequired","any","func","string","bool","arrayOf","oneOfType","element"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/AssetEditorV2/index.js"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, isEmpty, noop } from 'lodash';\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\n\nimport { PrimaryAssetSelect, PrimaryAssetSelectV2, SecondaryAssetSelect } from './components';\nimport { ACTIVE_ASSET_ID, ACTIVE_ASSETS_ID } from './constants';\nimport MultipleAssetsToggle from './components/MultipleAssetsToggle';\nimport { getPrimaryAssetFields } from './utils';\n\nimport { ASSET_TYPES } from '~/constants';\nimport { FRAC_FLEET_GROUP, PAD_GROUP } from '~/constants/segment';\n\nconst useStyles = makeStyles({\n  title: { fontWeight: 400, fontSize: 20, margin: '24px 0 16px' },\n});\n\nconst PAGE_NAME = 'DC_AppSettingsAssetEditor';\nconst PARENT_ASSET_ID = 'parent_asset_id';\n\nconst AppSettingsAssetEditor = ({\n  appKey = null,\n  appType,\n  className,\n  company,\n  defaultValue,\n  secondaryDefaultValue,\n  disabled,\n  isHiddenTitle = false,\n  isNullable = false,\n  label = 'Choose An Asset',\n  onSettingsChange: propsOnSettingsChange,\n  primaryAssetFields = DEFAULT_APP_SETTINGS_ASSET_EDITOR_PRIMARY_ASSET_FIELDS,\n  secondaryAssetFields = DEFAULT_APP_SETTINGS_ASSET_EDITOR_SECONDARY_ASSET_FIELDS,\n  isExtendedSelect,\n  isRequiredAssetId,\n  settings,\n  isVisibleMultipleAssetsToggle = false,\n  assetsLimit = null,\n  isDisabledSecondaryAssetSelect = false,\n  isDrillingPlatformApp,\n  secondaryAssetHelpText = null,\n  onChange = DEFAULT_APP_SETTINGS_ASSET_EDITOR_ON_CHANGE,\n  elementsClassNames = DEFAULT_APP_SETTINGS_ASSET_EDITOR_ELEMENTS_CLASS_NAMES,\n}) => {\n  const primaryAssetType = get(appType, ['primaryAsset', 'assetType', 'type']);\n  const primaryAssetIdType = get(appType, ['primaryAsset', 'assetType', 'id']);\n  const primaryAssetLabel = get(appType, ['primaryAsset', 'assetType', 'label']);\n  const primaryAssetSelectGroups = get(appType, ['primaryAsset', 'groups']);\n\n  const isSecondaryAssetPresent = get(appType, ['secondaryAsset'], false);\n\n  const secondaryAssetType = get(appType, ['secondaryAsset', 'assetType', 'type']);\n  const secondaryAssetIdType = get(appType, ['secondaryAsset', 'assetType', 'id']);\n  const secondaryAssetLabel = get(appType, ['secondaryAsset', 'assetType', 'label']);\n\n  const currentValue = get(settings, primaryAssetIdType);\n  const initialPrimaryAssetId = currentValue ? Number(currentValue) : null;\n  const initialSecondaryAssetId = get(settings, secondaryAssetIdType)\n    ? Number(get(settings, secondaryAssetIdType))\n    : secondaryDefaultValue || null;\n  const [primaryAsset, setPrimaryAsset] = useState({ id: initialPrimaryAssetId || defaultValue });\n\n  const [secondaryAssetId, setSecondaryAssetId] = useState(initialSecondaryAssetId);\n  const [isPadSelectedAsPrimaryAsset, setIsPadSelectedAsPrimaryAsset] = useState(false);\n  const [selectedGroup, setSelectedGroup] = useState();\n  const [isMultipleAssets, setIsMultipleAssets] = useState(false);\n  const isMultipleAssetsRef = useRef(false);\n  const onSettingsChange = (...args) => {\n    propsOnSettingsChange(...args, isMultipleAssetsRef.current);\n  };\n\n  const styles = useStyles();\n\n  const PrimaryAssetSelectComponent =\n    primaryAssetType === ASSET_TYPES.rig.type ||\n    primaryAssetType === ASSET_TYPES.intervention_unit.type\n      ? PrimaryAssetSelectV2\n      : PrimaryAssetSelect;\n\n  const parentAssetId =\n    isDrillingPlatformApp && primaryAsset?.assetId ? primaryAsset?.assetId : primaryAsset?.id;\n\n  const onSecondaryAssetChange = ({ id, assetId, name }) => {\n    onChange({ secondary: { name } });\n    setSecondaryAssetId(id);\n    const secondaryAssetId = id === ACTIVE_ASSET_ID ? null : id;\n    const assetSettings = { [secondaryAssetIdType]: secondaryAssetId };\n\n    if (isRequiredAssetId && secondaryAssetType === ASSET_TYPES.well.type) {\n      onSettingsChange({\n        ...assetSettings,\n        replacedAssetId: isDrillingPlatformApp ? secondaryAssetId : assetId,\n      });\n      return;\n    }\n\n    onSettingsChange(assetSettings);\n  };\n\n  const onMultipleAssetChange = selected => {\n    if (selected.length > assetsLimit) return;\n\n    const isPadSelected = selected[0]?.group === PAD_GROUP.name;\n    const isFracFleetSelected = selected[0]?.group === FRAC_FLEET_GROUP.name;\n    const isFirstPadSelected = selected.length === 1 && isPadSelected;\n    const isFirstFracFleetSelected = selected.length === 1 && isFracFleetSelected;\n\n    if (isFirstPadSelected) {\n      setIsPadSelectedAsPrimaryAsset(true);\n      setSelectedGroup(PAD_GROUP);\n    } else if (isFirstFracFleetSelected) {\n      setSelectedGroup(FRAC_FLEET_GROUP);\n    }\n\n    if (isPadSelected) {\n      setPrimaryAsset(selected);\n      const assetsSetting = selected?.reduce((acc, { parentFracFleetId, id }) => {\n        const settings = {\n          fracFleetId: parentFracFleetId,\n          padId: id,\n        };\n\n        if (isExtendedSelect) {\n          settings.assetId = parentFracFleetId;\n          settings.replacedPadId = id;\n        }\n        return parentFracFleetId ? [...acc, settings] : acc;\n      }, []);\n\n      onSettingsChange({\n        assets: assetsSetting,\n      });\n      return;\n    }\n\n    setPrimaryAsset(selected);\n    const assetsSetting = selected.reduce((acc, asset) => {\n      const settings = { [`${asset.type}Id`]: asset.id };\n      if (isRequiredAssetId) {\n        settings.assetId = asset.assetId;\n      }\n      if (isExtendedSelect) {\n        settings.assetId = asset.assetId || asset.id;\n      }\n      return [...acc, settings];\n    }, []);\n    onSettingsChange({\n      assets: assetsSetting,\n    });\n  };\n\n  const onPrimaryAssetChange = selected => {\n    onChange({ primary: selected });\n    if (isMultipleAssets) {\n      onMultipleAssetChange(selected);\n      return;\n    }\n    const { id, type, parentFracFleetId } = selected;\n    if (!id) return;\n    if (type === ASSET_TYPES.pad.type) {\n      setPrimaryAsset(selected);\n      setIsPadSelectedAsPrimaryAsset(true);\n      setSecondaryAssetId(id);\n      const assetSetting = {\n        [ASSET_TYPES.frac_fleet.id]: Number(parentFracFleetId),\n        [ASSET_TYPES.pad.id]: id,\n      };\n      onSettingsChange(assetSetting);\n      return;\n    }\n\n    setPrimaryAsset(selected);\n    setSecondaryAssetId(null);\n    const assetSetting = { [primaryAssetIdType]: id };\n    if (isRequiredAssetId) assetSetting.assetId = selected.assetId;\n    if (secondaryAssetIdType) assetSetting[secondaryAssetIdType] = null;\n    onSettingsChange(assetSetting);\n    setIsPadSelectedAsPrimaryAsset(false);\n  };\n\n  const handlePrimaryAssetReset = (defaultValue = {}) => {\n    setPrimaryAsset(defaultValue);\n    setSecondaryAssetId(null);\n\n    setIsPadSelectedAsPrimaryAsset(false);\n    const assetSetting = {\n      [primaryAssetIdType]: null,\n      [secondaryAssetIdType]: null,\n      assets: null,\n    };\n    onSettingsChange(assetSetting);\n  };\n\n  const handleMultipleAssetsChange = checked => {\n    isMultipleAssetsRef.current = !!checked;\n    setIsMultipleAssets(checked);\n    handlePrimaryAssetReset(checked && []);\n  };\n\n  const handleGroupChange = newGroup => {\n    setSelectedGroup(newGroup);\n    handlePrimaryAssetReset(isMultipleAssets && []);\n  };\n\n  const handleGroupReset = () => {\n    setSelectedGroup(null);\n    handlePrimaryAssetReset(isMultipleAssets && []);\n  };\n\n  const secondaryAssetSelectIsVisible =\n    isSecondaryAssetPresent &&\n    (isMultipleAssets\n      ? Boolean(primaryAsset.length) && !isPadSelectedAsPrimaryAsset\n      : primaryAsset?.id && !isPadSelectedAsPrimaryAsset);\n\n  useEffect(() => {\n    if (isEmpty(settings)) {\n      handlePrimaryAssetReset(isMultipleAssets && []);\n    }\n  }, [settings]);\n\n  return (\n    <div className={classNames(styles.main, className)}>\n      {!isHiddenTitle && (\n        <div className={classNames(styles.title, elementsClassNames.title)}>Asset</div>\n      )}\n      {isVisibleMultipleAssetsToggle && (\n        <MultipleAssetsToggle\n          onChange={handleMultipleAssetsChange}\n          className={elementsClassNames.multiAssetSwitch}\n          checked={isMultipleAssets}\n        />\n      )}\n      <div className={elementsClassNames.primaryAssetSelect}>\n        <PrimaryAssetSelectComponent\n          appKey={appKey}\n          assetType={primaryAssetType}\n          company={company}\n          currentOption={primaryAsset}\n          currentValue={primaryAsset?.id}\n          data-testid={`${PAGE_NAME}_primaryAssetEditorAutocomplete`}\n          isSecondaryAssetPresent={isSecondaryAssetPresent}\n          defaultValue={defaultValue}\n          disableClearable={!isNullable}\n          disabled={disabled}\n          isNullable={isNullable}\n          isRequiredAssetId={isRequiredAssetId}\n          label={label}\n          multiple={isMultipleAssets}\n          onChange={onPrimaryAssetChange}\n          setCurrentOption={setPrimaryAsset}\n          selectedGroup={selectedGroup}\n          onGroupChange={handleGroupChange}\n          onGroupReset={handleGroupReset}\n          groups={primaryAssetSelectGroups}\n          onInputReset={handlePrimaryAssetReset}\n          onActiveAssetIdChange={activeAssetId => {\n            setPrimaryAsset(primaryAsset => ({ ...primaryAsset, activeWellId: activeAssetId }));\n          }}\n          isDrillingPlatformApp={isDrillingPlatformApp}\n          assetFields={getPrimaryAssetFields(\n            primaryAssetType,\n            primaryAssetFields,\n            isDrillingPlatformApp\n          )}\n        />\n      </div>\n      {secondaryAssetSelectIsVisible && (\n        <div className={elementsClassNames.secondaryAssetSelect}>\n          {secondaryAssetHelpText}\n          <SecondaryAssetSelect\n            assetFields={\n              secondaryAssetType === ASSET_TYPES.pad.type\n                ? [...secondaryAssetFields, 'pad.active', 'pad.current']\n                : secondaryAssetFields\n            }\n            activeWellId={primaryAsset?.activeWellId}\n            appKey={appKey}\n            assetType={secondaryAssetType}\n            company={company}\n            currentValue={secondaryAssetId}\n            data-testid={`${PAGE_NAME}_secondaryAutoComplete`}\n            defaultValue={isMultipleAssets ? ACTIVE_ASSETS_ID : ACTIVE_ASSET_ID}\n            disabled={isMultipleAssets || isDisabledSecondaryAssetSelect || disabled}\n            isDrillingPlatformApp={isDrillingPlatformApp}\n            isNullable={isNullable}\n            isRequiredAssetId={isRequiredAssetId}\n            onChange={onSecondaryAssetChange}\n            parentAssetId={parentAssetId}\n            parentAssetType={isDrillingPlatformApp ? PARENT_ASSET_ID : primaryAssetType}\n            primaryAssetLabel={primaryAssetLabel}\n            secondaryAssetLabel={secondaryAssetLabel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst DEFAULT_APP_SETTINGS_ASSET_EDITOR_PRIMARY_ASSET_FIELDS = [];\nconst DEFAULT_APP_SETTINGS_ASSET_EDITOR_SECONDARY_ASSET_FIELDS = [];\nconst DEFAULT_APP_SETTINGS_ASSET_EDITOR_ON_CHANGE = noop;\nconst DEFAULT_APP_SETTINGS_ASSET_EDITOR_ELEMENTS_CLASS_NAMES = {};\n\nAppSettingsAssetEditor.propTypes = {\n  assetsLimit: PropTypes.number,\n  settings: PropTypes.shape({}).isRequired,\n  appType: PropTypes.shape({}).isRequired,\n  defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n  secondaryDefaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n  onSettingsChange: PropTypes.func.isRequired,\n  label: PropTypes.string,\n  isNullable: PropTypes.bool,\n  isHiddenTitle: PropTypes.bool,\n  appKey: PropTypes.string,\n  isVisibleMultipleAssetsToggle: PropTypes.bool,\n  isDisabledSecondaryAssetSelect: PropTypes.bool,\n  primaryAssetFields: PropTypes.arrayOf(PropTypes.shape({})),\n  secondaryAssetFields: PropTypes.arrayOf(PropTypes.shape({})),\n  secondaryAssetHelpText: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n  onChange: PropTypes.func,\n  elementsClassNames: PropTypes.shape({\n    title: PropTypes.string,\n    multiAssetSwitch: PropTypes.string,\n    primaryAssetSelect: PropTypes.string,\n    secondaryAssetSelect: PropTypes.string,\n  }),\n};\n\nexport default AppSettingsAssetEditor;\n"],"names":["useStyles","makeStyles","title","fontWeight","fontSize","margin","AppSettingsAssetEditor","_ref","_ref$appKey","appKey","appType","className","company","defaultValue","secondaryDefaultValue","disabled","_ref$isHiddenTitle","isHiddenTitle","_ref$isNullable","isNullable","_ref$label","label","propsOnSettingsChange","onSettingsChange","_ref$primaryAssetFiel","primaryAssetFields","DEFAULT_APP_SETTINGS_ASSET_EDITOR_PRIMARY_ASSET_FIELDS","_ref$secondaryAssetFi","secondaryAssetFields","DEFAULT_APP_SETTINGS_ASSET_EDITOR_SECONDARY_ASSET_FIELDS","isExtendedSelect","isRequiredAssetId","settings","_ref$isVisibleMultipl","isVisibleMultipleAssetsToggle","_ref$assetsLimit","assetsLimit","_ref$isDisabledSecond","isDisabledSecondaryAssetSelect","isDrillingPlatformApp","_ref$secondaryAssetHe","secondaryAssetHelpText","_ref$onChange","onChange","DEFAULT_APP_SETTINGS_ASSET_EDITOR_ON_CHANGE","_ref$elementsClassNam","elementsClassNames","DEFAULT_APP_SETTINGS_ASSET_EDITOR_ELEMENTS_CLASS_NAMES","primaryAssetType","get","primaryAssetIdType","primaryAssetLabel","primaryAssetSelectGroups","isSecondaryAssetPresent","secondaryAssetType","secondaryAssetIdType","secondaryAssetLabel","currentValue","initialPrimaryAssetId","Number","initialSecondaryAssetId","_useState","useState","id","_useState2","_slicedToArray","primaryAsset","setPrimaryAsset","_useState4","_useState3","secondaryAssetId","setSecondaryAssetId","_useState6","_useState5","isPadSelectedAsPrimaryAsset","setIsPadSelectedAsPrimaryAsset","_useState7","_useState8","selectedGroup","setSelectedGroup","_useState10","_useState9","isMultipleAssets","setIsMultipleAssets","isMultipleAssetsRef","useRef","_len","arguments","length","args","Array","_key","concat","current","styles","PrimaryAssetSelectComponent","ASSET_TYPES","rig","type","intervention_unit","PrimaryAssetSelectV2","PrimaryAssetSelect","parentAssetId","assetId","handlePrimaryAssetReset","_assetSetting4","undefined","assetSetting","_defineProperty","secondaryAssetSelectIsVisible","Boolean","useEffect","isEmpty","_jsxs","classNames","main","children","_jsx","jsx","MultipleAssetsToggle","checked","multiAssetSwitch","primaryAssetSelect","assetType","currentOption","disableClearable","multiple","selected","primary","_selected$","_selected$2","isPadSelected","group","PAD_GROUP","name","isFracFleetSelected","FRAC_FLEET_GROUP","isFirstPadSelected","isFirstFracFleetSelected","assetsSetting","reduce","acc","_ref3","parentFracFleetId","fracFleetId","padId","replacedPadId","assets","asset","onMultipleAssetChange","pad","_assetSetting2","frac_fleet","setCurrentOption","onGroupChange","newGroup","onGroupReset","groups","onInputReset","onActiveAssetIdChange","activeAssetId","_objectSpread","activeWellId","assetFields","getPrimaryAssetFields","jsxs","secondaryAssetSelect","SecondaryAssetSelect","_toConsumableArray","ACTIVE_ASSETS_ID","ACTIVE_ASSET_ID","_ref2","secondary","assetSettings","well","replacedAssetId","parentAssetType","noop","propTypes","PropTypes","number","shape","isRequired","any","func","string","bool","arrayOf","oneOfType","element"],"mappings":"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"}

package/cjs-bundle/components/Attachment/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),i=require("prop-types"),o=require("react-player"),n=require("classnames"),t=require("@material-ui/core/styles"),r=require("@material-ui/core"),c=require("@material-ui/icons/Image"),a=require("@material-ui/icons/Fullscreen"),l=require("@material-ui/core/colors/grey"),u=require("../NewDocumentViewer/NewDocumentViewer.js"),m=require("../NewDocumentViewer/icons/UnavailableFileIcon.js"),d=require("../../componentsV2/ImageViewer/ImageViewer.js"),p=require("./styles.css.js"),h=require("../FileTypeIcon.js"),q=require("../IconButton/index.js"),j=require("../../utils/mobileDetect.js"),I=require("../../utils/fileExtension.js"),g=require("../../utils/filePreview.js"),v=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/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/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/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("../GradientManager/configuration/constants.js");var f=require("../../effects/useSignedURL.js");require("../../utils/index.js"),require("uuid"),require("jsona"),require("../../utils/env.js"),require("../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("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js");var b=require("../../utils/main.js"),x=require("react/jsx-runtime");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var N=C(e),w=C(i),y=C(o),F=C(n),A=C(c),P=C(a),D=C(l),S=D.default[200],O=D.default[400],k={label:"small",value:135},W={label:"medium",value:300},z={fileImage:function(e,s){return{maxWidth:"100%",borderRadius:4,overflow:"hidden",maxHeight:s===k.label?k.value:W.value,display:e?"initial":"none",cursor:"pointer"}},fileDownloadWrapper:{padding:"10px 10px 10px 5px",border:"1px solid #616161",borderRadius:3,maxWidth:500,width:"75%"},imagePlaceholder:{position:"relative",backgroundColor:S,borderRadius:3,marginTop:10,height:135,width:135}},U=function(e){var s,i,o=f(e.attachmentFileName)||e.attachmentUrl;return x.jsxs(x.Fragment,{children:[x.jsxs("div",{onClick:e.openLightbox,className:p.cAttachmentImg,children:[x.jsx("img",{"data-testid":"".concat("Attachment","_image"),src:o,style:z.fileImage(!!e.imageDimensions,e.size),alt:"Attachment",onLoad:e.onImageLoaded}),x.jsx("div",{"data-testid":"".concat("Attachment","_button"),className:p.cAttachmentImgPreviwBtn,children:x.jsx(P.default,{})})]}),!e.imageDimensions&&x.jsx("div",{style:z.imagePlaceholder,children:x.jsx(A.default,{"data-testid":"".concat("Attachment","_placeholder"),className:e.classes.imageIconRoot,htmlColor:O,fontSize:"large"})}),e.lightboxIsOpen&&x.jsx(d.ImageViewer,{src:o,onClose:e.handleLightboxClose,onOpen:e.handleLightboxOpen,width:null===(s=e.imageDimensions)||void 0===s?void 0:s.width,height:null===(i=e.imageDimensions)||void 0===i?void 0:i.height})]})},R=function(e){var s=b.default.getFileNameWithExtensionFromPath(e.displayName||e.attachmentUrl),i=f(e.attachmentFileName,"inline"),o=f(e.attachmentFileName,"attachment"),n=g.getIsPreviewUnavailable(s);return x.jsxs("div",{className:p.cAttachmentFileWrapper,children:[x.jsxs("div",{className:F.default(p.cAttachmentFileDownloadWrapper,n&&e.classes.disabledPreview),style:z.fileDownloadWrapper,onClick:function(){n||e.openPreview()},children:[n?x.jsx(m.UnavailableFileIcon,{className:e.classes.unavailableFileIcon}):x.jsx(h,{fileName:e.displayName||e.attachmentUrl,className:p.cAttachmentFileDownloadWrapperFileIcon,size:e.small?25:50}),x.jsxs("div",{className:e.classes.titleContainer,children:[n&&x.jsx("div",{className:e.classes.caption,children:"Preview unavailable"}),x.jsx("div",{"data-testid":"".concat("Attachment","_name"),className:F.default(p.cAttachmentFileDownloadWrapperFileName,n&&e.classes.fileName),children:x.jsx(r.Typography,{variant:"subtitle2",noWrap:!0,className:e.classes.unavailableFileName,children:s})})]}),x.jsx(u,{fileUrl:i,classes:{root:e.classes.dialogRoot,paper:j.isNativeDetected?e.classes.nativeDialog:e.classes.dialog},fileName:s,fileSize:e.attachmentSize,onClose:e.closePreview,open:e.previewIsOpen})]}),x.jsx("a",{download:e.displayName,href:o,className:p.cAttachmentFileDownloadWrapperForm,children:x.jsx(q,{"data-testid":"".concat("Attachment","_downloadButton"),className:e.classes.downloadIcon,type:"submit",children:x.jsx(v.DownloadIcon,{size:24,className:e.classes.downloadIcon})})})]})};function L(e){var i=s.useState(void 0),o=N.default(i,2),n=o[0],t=o[1],r=s.useState(!1),c=N.default(r,2),a=c[0],l=c[1],u=s.useState(!1),m=N.default(u,2),d=m[0],h=m[1],q=e.displayName||e.attachmentUrl||e.fileName,g=I.getIsImage(q),v=I.getIsVideo(q),b=f(!e.attachmentUrl&&e.fileName),C=e.attachmentUrl||b,w=s.useCallback((function(e){return e.preventDefault()}),[]),F=s.useCallback((function(){j.isNativeDetected&&document.documentElement.addEventListener("touchmove",w,{passive:!1})}),[w]),A=s.useCallback((function(){j.isNativeDetected&&document.documentElement.removeEventListener("touchmove",w),l(!1)}),[w]),P=s.useCallback((function(){return l(!0)}),[]),D=s.useCallback((function(e){var s=e.currentTarget,i=s.naturalWidth,o=s.naturalHeight;t({width:i,height:o})}),[]),S=s.useCallback((function(){return h(!0)}),[]),O=s.useCallback((function(e){e.stopPropagation(),h(!1)}),[]);return g?x.jsx("div",{className:p.cAttachment,children:x.jsx(U,{size:e.size,openLightbox:P,attachmentFileName:e.fileName,attachmentUrl:e.attachmentUrl,onImageLoaded:D,imageDimensions:n,lightboxIsOpen:a,handleLightboxOpen:F,handleLightboxClose:A,classes:e.classes})}):v&&y.default.canPlay(C)?x.jsx("div",{className:p.cAttachment,children:x.jsx(y.default,{"data-testid":"".concat("Attachment","_player"),className:p.cAttachmentReactPlayer,url:C,config:{file:{attributes:{preload:"metadata"}}},controls:!0,height:e.size===k.label?k.value:W.value,width:null})}):x.jsx("div",{className:p.cAttachment,children:x.jsx(R,{attachmentUrl:C,attachmentFileName:e.fileName,attachmentSize:e.attachmentSize,displayName:e.displayName,openPreview:S,closePreview:O,previewIsOpen:d,classes:e.classes,small:e.small})})}L.propTypes={attachmentUrl:w.default.string.isRequired,attachmentSize:w.default.number,displayName:w.default.string,fileName:w.default.string,size:w.default.oneOf([k.label,W.label]),classes:w.default.shape({}).isRequired,small:w.default.bool},L.defaultProps={displayName:null,fileName:null,attachmentSize:void 0,size:W.label,small:!1};var E=t.withStyles((function(e){return{imageIconRoot:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},dialog:{width:"95%",height:"95%",maxWidth:"100%",position:"relative"},nativeDialog:{width:"100%",height:"100%",maxWidth:"100%",maxHeight:"100%",margin:0},dialogRoot:{backgroundColor:"rgba(0, 0, 0, 0.85)"},fileName:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontWeight:400},downloadIcon:{color:e.palette.primary.text3},disabledPreview:{backgroundColor:e.palette.primary.text9},unavailableFileIcon:{marginRight:12,minWidth:32},titleContainer:{display:"flex",flexDirection:"column",width:"100%"},caption:{fontSize:12,fontWeight:400,width:"fit-content"},unavailableFileName:{fontSize:12,fontWeight:400}}}))(L);module.exports=E;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),s=require("@babel/runtime/helpers/defineProperty"),i=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),n=require("prop-types"),t=require("react-player"),r=require("classnames"),c=require("@material-ui/core/styles"),a=require("@material-ui/core"),l=require("@material-ui/icons/Image"),u=require("@material-ui/icons/Fullscreen"),m=require("@material-ui/core/colors/grey"),d=require("../NewDocumentViewer/NewDocumentViewer.js"),p=require("../NewDocumentViewer/icons/UnavailableFileIcon.js"),h=require("../../componentsV2/ImageViewer/ImageViewer.js"),j=require("./styles.css.js"),q=require("../FileTypeIcon.js"),I=require("../IconButton/index.js"),g=require("../../utils/mobileDetect.js"),v=require("../../utils/fileExtension.js"),f=require("../../utils/filePreview.js"),b=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/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/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("../GradientManager/configuration/constants.js");var x=require("../../effects/useSignedURL.js");require("../../utils/index.js"),require("uuid"),require("jsona"),require("../../utils/env.js"),require("../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("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js");var C=require("../../utils/main.js"),w=require("react/jsx-runtime");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var N=y(e),F=y(s),O=y(i),P=y(n),A=y(t),D=y(r),S=y(l),z=y(u),k=y(m),W=["displayName","fileName","attachmentSize","size","small"];function U(e,s){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),i.push.apply(i,o)}return i}function R(e){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?U(Object(i),!0).forEach((function(s){F.default(e,s,i[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):U(Object(i)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(i,s))}))}return e}var L=k.default[200],E=k.default[400],T={label:"small",value:135},V={label:"medium",value:300},M={fileImage:function(e,s){return{maxWidth:"100%",borderRadius:4,overflow:"hidden",maxHeight:s===T.label?T.value:V.value,display:e?"initial":"none",cursor:"pointer"}},fileDownloadWrapper:{padding:"10px 10px 10px 5px",border:"1px solid #616161",borderRadius:3,maxWidth:500,width:"75%"},imagePlaceholder:{position:"relative",backgroundColor:L,borderRadius:3,marginTop:10,height:135,width:135}},B=function(e){var s,i,o=x(e.attachmentFileName)||e.attachmentUrl;return w.jsxs(w.Fragment,{children:[w.jsxs("div",{onClick:e.openLightbox,className:j.cAttachmentImg,children:[w.jsx("img",{"data-testid":"".concat("Attachment","_image"),src:o,style:M.fileImage(!!e.imageDimensions,e.size),alt:"Attachment",onLoad:e.onImageLoaded}),w.jsx("div",{"data-testid":"".concat("Attachment","_button"),className:j.cAttachmentImgPreviwBtn,children:w.jsx(z.default,{})})]}),!e.imageDimensions&&w.jsx("div",{style:M.imagePlaceholder,children:w.jsx(S.default,{"data-testid":"".concat("Attachment","_placeholder"),className:e.classes.imageIconRoot,htmlColor:E,fontSize:"large"})}),e.lightboxIsOpen&&w.jsx(h.ImageViewer,{src:o,onClose:e.handleLightboxClose,onOpen:e.handleLightboxOpen,width:null===(s=e.imageDimensions)||void 0===s?void 0:s.width,height:null===(i=e.imageDimensions)||void 0===i?void 0:i.height})]})},G=function(e){var s=C.default.getFileNameWithExtensionFromPath(e.displayName||e.attachmentUrl),i=x(e.attachmentFileName,"inline"),o=x(e.attachmentFileName,"attachment"),n=f.getIsPreviewUnavailable(s);return w.jsxs("div",{className:j.cAttachmentFileWrapper,children:[w.jsxs("div",{className:D.default(j.cAttachmentFileDownloadWrapper,n&&e.classes.disabledPreview),style:M.fileDownloadWrapper,onClick:function(){n||e.openPreview()},children:[n?w.jsx(p.UnavailableFileIcon,{className:e.classes.unavailableFileIcon}):w.jsx(q,{fileName:e.displayName||e.attachmentUrl,className:j.cAttachmentFileDownloadWrapperFileIcon,size:e.small?25:50}),w.jsxs("div",{className:e.classes.titleContainer,children:[n&&w.jsx("div",{className:e.classes.caption,children:"Preview unavailable"}),w.jsx("div",{"data-testid":"".concat("Attachment","_name"),className:D.default(j.cAttachmentFileDownloadWrapperFileName,n&&e.classes.fileName),children:w.jsx(a.Typography,{variant:"subtitle2",noWrap:!0,className:e.classes.unavailableFileName,children:s})})]}),w.jsx(d,{fileUrl:i,classes:{root:e.classes.dialogRoot,paper:g.isNativeDetected?e.classes.nativeDialog:e.classes.dialog},fileName:s,fileSize:e.attachmentSize,onClose:e.closePreview,open:e.previewIsOpen})]}),w.jsx("a",{download:e.displayName,href:o,className:j.cAttachmentFileDownloadWrapperForm,children:w.jsx(I,{"data-testid":"".concat("Attachment","_downloadButton"),className:e.classes.downloadIcon,type:"submit",children:w.jsx(b.DownloadIcon,{size:24,className:e.classes.downloadIcon})})})]})};function _(e){var s=e.displayName,i=void 0===s?null:s,n=e.fileName,t=void 0===n?null:n,r=e.attachmentSize,c=void 0===r?void 0:r,a=e.size,l=void 0===a?V.label:a,u=e.small,m=void 0!==u&&u,d=R(R({},O.default(e,W)),{},{displayName:i,fileName:t,attachmentSize:c,size:l,small:m}),p=o.useState(void 0),h=N.default(p,2),q=h[0],I=h[1],f=o.useState(!1),b=N.default(f,2),C=b[0],y=b[1],F=o.useState(!1),P=N.default(F,2),D=P[0],S=P[1],z=d.displayName||d.attachmentUrl||d.fileName,k=v.getIsImage(z),U=v.getIsVideo(z),L=x(!d.attachmentUrl&&d.fileName),E=d.attachmentUrl||L,M=o.useCallback((function(e){return e.preventDefault()}),[]),_=o.useCallback((function(){g.isNativeDetected&&document.documentElement.addEventListener("touchmove",M,{passive:!1})}),[M]),H=o.useCallback((function(){g.isNativeDetected&&document.documentElement.removeEventListener("touchmove",M),y(!1)}),[M]),K=o.useCallback((function(){return y(!0)}),[]),Z=o.useCallback((function(e){var s=e.currentTarget,i=s.naturalWidth,o=s.naturalHeight;I({width:i,height:o})}),[]),J=o.useCallback((function(){return S(!0)}),[]),Q=o.useCallback((function(e){e.stopPropagation(),S(!1)}),[]);return k?w.jsx("div",{className:j.cAttachment,children:w.jsx(B,{size:d.size,openLightbox:K,attachmentFileName:d.fileName,attachmentUrl:d.attachmentUrl,onImageLoaded:Z,imageDimensions:q,lightboxIsOpen:C,handleLightboxOpen:_,handleLightboxClose:H,classes:d.classes})}):U&&A.default.canPlay(E)?w.jsx("div",{className:j.cAttachment,children:w.jsx(A.default,{"data-testid":"".concat("Attachment","_player"),className:j.cAttachmentReactPlayer,url:E,config:{file:{attributes:{preload:"metadata"}}},controls:!0,height:d.size===T.label?T.value:V.value,width:null})}):w.jsx("div",{className:j.cAttachment,children:w.jsx(G,{attachmentUrl:E,attachmentFileName:d.fileName,attachmentSize:d.attachmentSize,displayName:d.displayName,openPreview:J,closePreview:Q,previewIsOpen:D,classes:d.classes,small:d.small})})}_.propTypes={attachmentUrl:P.default.string.isRequired,attachmentSize:P.default.number,displayName:P.default.string,fileName:P.default.string,size:P.default.oneOf([T.label,V.label]),classes:P.default.shape({}).isRequired,small:P.default.bool};var H=c.withStyles((function(e){return{imageIconRoot:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},dialog:{width:"95%",height:"95%",maxWidth:"100%",position:"relative"},nativeDialog:{width:"100%",height:"100%",maxWidth:"100%",maxHeight:"100%",margin:0},dialogRoot:{backgroundColor:"rgba(0, 0, 0, 0.85)"},fileName:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontWeight:400},downloadIcon:{color:e.palette.primary.text3},disabledPreview:{backgroundColor:e.palette.primary.text9},unavailableFileIcon:{marginRight:12,minWidth:32},titleContainer:{display:"flex",flexDirection:"column",width:"100%"},caption:{fontSize:12,fontWeight:400,width:"fit-content"},unavailableFileName:{fontSize:12,fontWeight:400}}}))(_);module.exports=H;
 //# sourceMappingURL=index.js.map