@corva/ui 3.79.0-1 → 3.79.0-3

package/cjs-bundle/components/AssetEditor/AssetEditorAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetEditorAutocomplete.js","sources":["../../../../src/components/AssetEditor/AssetEditorAutocomplete.js"],"sourcesContent":["import { useMemo, useState, useEffect, forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce, identity } from 'lodash';\nimport {\n  FormControl,\n  InputLabel,\n  TextField,\n  FormHelperText,\n  withStyles,\n  Typography,\n  List,\n  InputAdornment,\n  Chip,\n  Tooltip,\n} from '@material-ui/core';\nimport { Search as SearchIcon } from '@material-ui/icons';\nimport { Autocomplete } from '@material-ui/lab';\n\nimport TruncatedText from '../TruncatedText';\n\nimport { PER_PAGE, SCROLL_THRESHOLD } from './constants';\nimport { useAssetAutoCompleteSelectData } from './effects';\n\nconst PAGE_NAME = 'DC_SingleAssetEditorAutocomplete';\n\nconst muiStyles = theme => ({\n  formControl: {},\n  listbox: { maxHeight: 350 },\n  root: { fontSize: 16 },\n  inputRoot: {\n    paddingTop: 16,\n    padding: '8px 0',\n    paddingBottom: 0,\n    width: 350,\n    fontSize: 16,\n  },\n  popupIndicator: { display: 'none' },\n  option: {\n    paddingLeft: '16px !important',\n    height: 36,\n    '&[aria-disabled=true]': {\n      color: theme.palette.primary.text9,\n      opacity: 1,\n      backgroundColor: 'unset',\n    },\n  },\n  noOptions: { padding: 0 },\n  searchIcon: { fontSize: '20px !important' },\n});\n\nconst infoListItemStyles = {\n  paddingLeft: '16px',\n  height: 36,\n  listStyleType: 'none',\n  display: 'flex',\n  alignItems: 'center',\n};\n\n/* eslint-disable react/prop-types */\nconst InfoListItem = ({ text = 'Loading...' }) => (\n  <li key=\"loading\" style={infoListItemStyles}>\n    <Typography variant=\"body2\" color=\"textSecondary\">\n      {text}\n    </Typography>\n  </li>\n);\n\nconst ListboxComponent = forwardRef(({ children, loading, hasMore, ...otherProps }, ref) => (\n  <List {...otherProps} ref={ref} role=\"listbox\">\n    {children}\n    {(hasMore || loading) && <InfoListItem />}\n  </List>\n));\n/* eslint-enable react/prop-types */\n\nconst AssetEditorAutocomplete = ({\n  'data-testid': dataTestId,\n  appKey,\n  assetType,\n  classes,\n  companyId,\n  currentValue,\n  disabled,\n  disableClearable,\n  errorText,\n  isMultiple,\n  isNullable,\n  label,\n  onChange,\n  parentAssetId,\n  parentAssetType,\n  queryParams,\n  autocompleteProps = {},\n  assetFields,\n}) => {\n  // NOTE: Store currently selected option\n  const [currentOption, setCurrentOption] = useState(isMultiple ? [] : null);\n\n  const [searchText, setSearchText] = useState(''); // NOTE: For ui input\n  const [searchValue, setSearchValue] = useState(''); // NOTE: Used for api filtering\n  const [isSearchMode, setSearchMode] = useState(false);\n\n  const [scrollPage, setScrollPage] = useState(1);\n  const [hasMore, setHasMore] = useState(true);\n\n  useEffect(() => {\n    // NOTE: Asset type has been changed. Clear currently selected option\n    setCurrentOption(isMultiple ? [] : null);\n    setScrollPage(1);\n    setSearchMode(false);\n  }, [assetType]);\n\n  const { assets, loading } = useAssetAutoCompleteSelectData({\n    appKey,\n    assetType,\n    companyId,\n    currentValue,\n    isMultiple,\n    parentAssetId,\n    parentAssetType,\n    scrollPage,\n    searchText,\n    setCurrentOption,\n    queryParams,\n    assetFields,\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 => {\n        setScrollPage(1);\n        setSearchText(value);\n      }, 200),\n    []\n  );\n\n  const handleInputChange = (event, value, reason) => {\n    if (reason === 'input') {\n      setSearchValue(value);\n      setSearchMode(true);\n      onInputChange(value); // NOTE: Trigger api call\n    } else {\n      // NOTE: Clean searchText for \"reset\" and \"clear\" reasons\n      setSearchText('');\n    }\n  };\n\n  const handleFetchNext = useMemo(\n    () => debounce(() => setScrollPage(prevScrollPage => prevScrollPage + 1), 250),\n    []\n  );\n  const onClose = () => {\n    setSearchValue('');\n    setSearchText('');\n    setSearchMode(false);\n    setScrollPage(1);\n  };\n\n  const onScrollListbox = event => {\n    if (!hasMore || loading) return;\n    const listboxNode = event.currentTarget;\n    if (\n      listboxNode.scrollTop + listboxNode.clientHeight >\n      listboxNode.scrollHeight - SCROLL_THRESHOLD\n    ) {\n      handleFetchNext();\n    }\n  };\n\n  const renderInput = params => (\n    <TextField\n      {...params}\n      variant=\"standard\"\n      placeholder=\"Search for asset...\"\n      {...(!isMultiple && {\n        InputProps: {\n          ...params.InputProps,\n          startAdornment: (\n            <InputAdornment>\n              <SearchIcon className={classes.searchIcon} />\n            </InputAdornment>\n          ),\n        },\n      })}\n    />\n  );\n\n  const renderOption = ({ id, name }) => (\n    <TruncatedText key={id} data-testid={`${PAGE_NAME}_option_${name}MenuItem`}>\n      {isMultiple && currentValue.includes(id) ? `${name} (already selected)` : name}\n    </TruncatedText>\n  );\n\n  const autocompleteClasses = {\n    endAdornment: classes.endAdornment,\n    inputRoot: classes.inputRoot,\n    listbox: classes.listbox,\n    noOptions: classes.noOptions,\n    option: classes.option,\n    popupIndicator: classes.popupIndicator,\n    root: classes.root,\n  };\n\n  return (\n    <FormControl disabled={disabled} error={!!errorText} className={classes.formControl}>\n      {!isNullable && <InputLabel shrink>{label}</InputLabel>}\n      <Tooltip title={currentOption?.name ?? ''}>\n        <Autocomplete\n          disabled={disabled}\n          blurOnSelect\n          classes={autocompleteClasses}\n          clearOnBlur\n          clearOnEscape\n          data-testid={dataTestId}\n          disableClearable={disableClearable}\n          filterOptions={identity}\n          getOptionLabel={option => option?.name}\n          getOptionSelected={(option, value) => option && value && option.id === value.id}\n          inputValue={isSearchMode ? searchValue : currentOption?.name || ''}\n          ListboxComponent={ListboxComponent}\n          ListboxProps={{ onScroll: onScrollListbox, loading, hasMore }}\n          options={assets}\n          onChange={(event, selected) => {\n            setCurrentOption(selected);\n            onChange(isMultiple ? selected.map(({ id }) => id) : selected?.id ?? null, selected);\n          }}\n          onClose={onClose}\n          onInputChange={handleInputChange}\n          noOptionsText={<InfoListItem text={loading ? 'Loading...' : 'No options'} />}\n          renderInput={renderInput}\n          renderOption={renderOption}\n          value={currentOption}\n          multiple={isMultiple}\n          {...(isMultiple && {\n            renderTags: (value, getTagProps) => {\n              return value.map((option, index) => (\n                <Chip key={option.id} label={option?.name} {...getTagProps({ index })} />\n              ));\n            },\n            getOptionDisabled: option => currentValue.includes(option.id),\n          })}\n          {...autocompleteProps}\n        />\n      </Tooltip>\n      <FormHelperText>{errorText}</FormHelperText>\n    </FormControl>\n  );\n};\n\nAssetEditorAutocomplete.defaultProps = {\n  label: 'Choose An Asset',\n  currentValue: undefined,\n  disableClearable: true,\n  isNullable: false,\n  parentAssetId: undefined,\n  parentAssetType: undefined,\n  companyId: undefined,\n  errorText: '',\n  'data-testid': `${PAGE_NAME}_autoComplete`,\n  disabled: false,\n  isMultiple: false,\n  appKey: null,\n  queryParams: {},\n};\n\nAssetEditorAutocomplete.propTypes = {\n  label: PropTypes.string,\n  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),\n  isNullable: PropTypes.bool,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  disableClearable: PropTypes.bool,\n  parentAssetId: PropTypes.number,\n  parentAssetType: PropTypes.string,\n  companyId: PropTypes.number,\n  assetType: PropTypes.string.isRequired,\n  errorText: PropTypes.string,\n  'data-testid': PropTypes.string,\n  disabled: PropTypes.bool,\n  isMultiple: PropTypes.bool,\n  appKey: PropTypes.string,\n  queryParams: PropTypes.shape({}),\n};\n\nexport default withStyles(muiStyles)(AssetEditorAutocomplete);\n"],"names":["PAGE_NAME","infoListItemStyles","paddingLeft","height","listStyleType","display","alignItems","InfoListItem","_ref","_ref$text","text","_jsx","style","children","Typography","variant","color","ListboxComponent","forwardRef","ref","loading","hasMore","otherProps","_objectWithoutProperties","_ref2","_excluded","_jsxs","List","_objectSpread","role","AssetEditorAutocomplete","_ref3","_currentOption$name","dataTestId","appKey","assetType","classes","companyId","currentValue","disabled","disableClearable","errorText","isMultiple","isNullable","label","onChange","parentAssetId","parentAssetType","queryParams","_ref3$autocompletePro","autocompleteProps","assetFields","_useState","useState","_useState2","_slicedToArray","currentOption","setCurrentOption","_useState4","_useState3","searchText","setSearchText","_useState6","_useState5","searchValue","setSearchValue","_useState8","_useState7","isSearchMode","setSearchMode","_useState10","_useState9","scrollPage","setScrollPage","_useState12","_useState11","setHasMore","useEffect","_useAssetAutoComplete","useAssetAutoCompleteSelectData","assets","hasMoreAssets","length","PER_PAGE","onInputChange","useMemo","debounce","value","handleFetchNext","prevScrollPage","autocompleteClasses","endAdornment","inputRoot","listbox","noOptions","option","popupIndicator","root","FormControl","error","className","formControl","InputLabel","shrink","Tooltip","title","name","Autocomplete","blurOnSelect","clearOnBlur","clearOnEscape","filterOptions","identity","getOptionLabel","getOptionSelected","id","inputValue","ListboxProps","onScroll","event","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","SCROLL_THRESHOLD","options","selected","_selected$id","map","_ref5","onClose","reason","noOptionsText","renderInput","params","TextField","placeholder","InputProps","startAdornment","InputAdornment","SearchIcon","searchIcon","renderOption","_ref4","TruncatedText","includes","multiple","renderTags","getTagProps","index","Chip","getOptionDisabled","FormHelperText","defaultProps","undefined","concat","propTypes","PropTypes","string","oneOfType","number","arrayOf","bool","func","isRequired","shape","AssetEditorAutocomplete$1","withStyles","theme","maxHeight","fontSize","paddingTop","padding","paddingBottom","width","palette","primary","text9","opacity","backgroundColor"],"mappings":"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"}
+{"version":3,"file":"AssetEditorAutocomplete.js","sources":["../../../../src/components/AssetEditor/AssetEditorAutocomplete.js"],"sourcesContent":["import { useMemo, useState, useEffect, forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce, identity } from 'lodash';\nimport {\n  FormControl,\n  InputLabel,\n  TextField,\n  FormHelperText,\n  withStyles,\n  Typography,\n  List,\n  InputAdornment,\n  Chip,\n  Tooltip,\n} from '@material-ui/core';\nimport SearchIcon from '@material-ui/icons/Search';\nimport { Autocomplete } from '@material-ui/lab';\n\nimport TruncatedText from '../TruncatedText';\n\nimport { PER_PAGE, SCROLL_THRESHOLD } from './constants';\nimport { useAssetAutoCompleteSelectData } from './effects';\n\nconst PAGE_NAME = 'DC_SingleAssetEditorAutocomplete';\n\nconst muiStyles = theme => ({\n  formControl: {},\n  listbox: { maxHeight: 350 },\n  root: { fontSize: 16 },\n  inputRoot: {\n    paddingTop: 16,\n    padding: '8px 0',\n    paddingBottom: 0,\n    width: 350,\n    fontSize: 16,\n  },\n  popupIndicator: { display: 'none' },\n  option: {\n    paddingLeft: '16px !important',\n    height: 36,\n    '&[aria-disabled=true]': {\n      color: theme.palette.primary.text9,\n      opacity: 1,\n      backgroundColor: 'unset',\n    },\n  },\n  noOptions: { padding: 0 },\n  searchIcon: { fontSize: '20px !important' },\n});\n\nconst infoListItemStyles = {\n  paddingLeft: '16px',\n  height: 36,\n  listStyleType: 'none',\n  display: 'flex',\n  alignItems: 'center',\n};\n\n/* eslint-disable react/prop-types */\nconst InfoListItem = ({ text = 'Loading...' }) => (\n  <li key=\"loading\" style={infoListItemStyles}>\n    <Typography variant=\"body2\" color=\"textSecondary\">\n      {text}\n    </Typography>\n  </li>\n);\n\nconst ListboxComponent = forwardRef(({ children, loading, hasMore, ...otherProps }, ref) => (\n  <List {...otherProps} ref={ref} role=\"listbox\">\n    {children}\n    {(hasMore || loading) && <InfoListItem />}\n  </List>\n));\n/* eslint-enable react/prop-types */\n\nconst AssetEditorAutocomplete = ({\n  'data-testid': dataTestId,\n  appKey,\n  assetType,\n  classes,\n  companyId,\n  currentValue,\n  disabled,\n  disableClearable,\n  errorText,\n  isMultiple,\n  isNullable,\n  label,\n  onChange,\n  parentAssetId,\n  parentAssetType,\n  queryParams,\n  autocompleteProps = {},\n  assetFields,\n}) => {\n  // NOTE: Store currently selected option\n  const [currentOption, setCurrentOption] = useState(isMultiple ? [] : null);\n\n  const [searchText, setSearchText] = useState(''); // NOTE: For ui input\n  const [searchValue, setSearchValue] = useState(''); // NOTE: Used for api filtering\n  const [isSearchMode, setSearchMode] = useState(false);\n\n  const [scrollPage, setScrollPage] = useState(1);\n  const [hasMore, setHasMore] = useState(true);\n\n  useEffect(() => {\n    // NOTE: Asset type has been changed. Clear currently selected option\n    setCurrentOption(isMultiple ? [] : null);\n    setScrollPage(1);\n    setSearchMode(false);\n  }, [assetType]);\n\n  const { assets, loading } = useAssetAutoCompleteSelectData({\n    appKey,\n    assetType,\n    companyId,\n    currentValue,\n    isMultiple,\n    parentAssetId,\n    parentAssetType,\n    scrollPage,\n    searchText,\n    setCurrentOption,\n    queryParams,\n    assetFields,\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 => {\n        setScrollPage(1);\n        setSearchText(value);\n      }, 200),\n    []\n  );\n\n  const handleInputChange = (event, value, reason) => {\n    if (reason === 'input') {\n      setSearchValue(value);\n      setSearchMode(true);\n      onInputChange(value); // NOTE: Trigger api call\n    } else {\n      // NOTE: Clean searchText for \"reset\" and \"clear\" reasons\n      setSearchText('');\n    }\n  };\n\n  const handleFetchNext = useMemo(\n    () => debounce(() => setScrollPage(prevScrollPage => prevScrollPage + 1), 250),\n    []\n  );\n  const onClose = () => {\n    setSearchValue('');\n    setSearchText('');\n    setSearchMode(false);\n    setScrollPage(1);\n  };\n\n  const onScrollListbox = event => {\n    if (!hasMore || loading) return;\n    const listboxNode = event.currentTarget;\n    if (\n      listboxNode.scrollTop + listboxNode.clientHeight >\n      listboxNode.scrollHeight - SCROLL_THRESHOLD\n    ) {\n      handleFetchNext();\n    }\n  };\n\n  const renderInput = params => (\n    <TextField\n      {...params}\n      variant=\"standard\"\n      placeholder=\"Search for asset...\"\n      {...(!isMultiple && {\n        InputProps: {\n          ...params.InputProps,\n          startAdornment: (\n            <InputAdornment>\n              <SearchIcon className={classes.searchIcon} />\n            </InputAdornment>\n          ),\n        },\n      })}\n    />\n  );\n\n  const renderOption = ({ id, name }) => (\n    <TruncatedText key={id} data-testid={`${PAGE_NAME}_option_${name}MenuItem`}>\n      {isMultiple && currentValue.includes(id) ? `${name} (already selected)` : name}\n    </TruncatedText>\n  );\n\n  const autocompleteClasses = {\n    endAdornment: classes.endAdornment,\n    inputRoot: classes.inputRoot,\n    listbox: classes.listbox,\n    noOptions: classes.noOptions,\n    option: classes.option,\n    popupIndicator: classes.popupIndicator,\n    root: classes.root,\n  };\n\n  return (\n    <FormControl disabled={disabled} error={!!errorText} className={classes.formControl}>\n      {!isNullable && <InputLabel shrink>{label}</InputLabel>}\n      <Tooltip title={currentOption?.name ?? ''}>\n        <Autocomplete\n          disabled={disabled}\n          blurOnSelect\n          classes={autocompleteClasses}\n          clearOnBlur\n          clearOnEscape\n          data-testid={dataTestId}\n          disableClearable={disableClearable}\n          filterOptions={identity}\n          getOptionLabel={option => option?.name}\n          getOptionSelected={(option, value) => option && value && option.id === value.id}\n          inputValue={isSearchMode ? searchValue : currentOption?.name || ''}\n          ListboxComponent={ListboxComponent}\n          ListboxProps={{ onScroll: onScrollListbox, loading, hasMore }}\n          options={assets}\n          onChange={(event, selected) => {\n            setCurrentOption(selected);\n            onChange(isMultiple ? selected.map(({ id }) => id) : selected?.id ?? null, selected);\n          }}\n          onClose={onClose}\n          onInputChange={handleInputChange}\n          noOptionsText={<InfoListItem text={loading ? 'Loading...' : 'No options'} />}\n          renderInput={renderInput}\n          renderOption={renderOption}\n          value={currentOption}\n          multiple={isMultiple}\n          {...(isMultiple && {\n            renderTags: (value, getTagProps) => {\n              return value.map((option, index) => (\n                <Chip key={option.id} label={option?.name} {...getTagProps({ index })} />\n              ));\n            },\n            getOptionDisabled: option => currentValue.includes(option.id),\n          })}\n          {...autocompleteProps}\n        />\n      </Tooltip>\n      <FormHelperText>{errorText}</FormHelperText>\n    </FormControl>\n  );\n};\n\nAssetEditorAutocomplete.defaultProps = {\n  label: 'Choose An Asset',\n  currentValue: undefined,\n  disableClearable: true,\n  isNullable: false,\n  parentAssetId: undefined,\n  parentAssetType: undefined,\n  companyId: undefined,\n  errorText: '',\n  'data-testid': `${PAGE_NAME}_autoComplete`,\n  disabled: false,\n  isMultiple: false,\n  appKey: null,\n  queryParams: {},\n};\n\nAssetEditorAutocomplete.propTypes = {\n  label: PropTypes.string,\n  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),\n  isNullable: PropTypes.bool,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  disableClearable: PropTypes.bool,\n  parentAssetId: PropTypes.number,\n  parentAssetType: PropTypes.string,\n  companyId: PropTypes.number,\n  assetType: PropTypes.string.isRequired,\n  errorText: PropTypes.string,\n  'data-testid': PropTypes.string,\n  disabled: PropTypes.bool,\n  isMultiple: PropTypes.bool,\n  appKey: PropTypes.string,\n  queryParams: PropTypes.shape({}),\n};\n\nexport default withStyles(muiStyles)(AssetEditorAutocomplete);\n"],"names":["PAGE_NAME","infoListItemStyles","paddingLeft","height","listStyleType","display","alignItems","InfoListItem","_ref","_ref$text","text","_jsx","style","children","Typography","variant","color","ListboxComponent","forwardRef","ref","loading","hasMore","otherProps","_objectWithoutProperties","_ref2","_excluded","_jsxs","List","_objectSpread","role","AssetEditorAutocomplete","_ref3","_currentOption$name","dataTestId","appKey","assetType","classes","companyId","currentValue","disabled","disableClearable","errorText","isMultiple","isNullable","label","onChange","parentAssetId","parentAssetType","queryParams","_ref3$autocompletePro","autocompleteProps","assetFields","_useState","useState","_useState2","_slicedToArray","currentOption","setCurrentOption","_useState4","_useState3","searchText","setSearchText","_useState6","_useState5","searchValue","setSearchValue","_useState8","_useState7","isSearchMode","setSearchMode","_useState10","_useState9","scrollPage","setScrollPage","_useState12","_useState11","setHasMore","useEffect","_useAssetAutoComplete","useAssetAutoCompleteSelectData","assets","hasMoreAssets","length","PER_PAGE","onInputChange","useMemo","debounce","value","handleFetchNext","prevScrollPage","autocompleteClasses","endAdornment","inputRoot","listbox","noOptions","option","popupIndicator","root","FormControl","error","className","formControl","InputLabel","shrink","Tooltip","title","name","Autocomplete","blurOnSelect","clearOnBlur","clearOnEscape","filterOptions","identity","getOptionLabel","getOptionSelected","id","inputValue","ListboxProps","onScroll","event","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","SCROLL_THRESHOLD","options","selected","_selected$id","map","_ref5","onClose","reason","noOptionsText","renderInput","params","TextField","placeholder","InputProps","startAdornment","InputAdornment","SearchIcon","searchIcon","renderOption","_ref4","TruncatedText","includes","multiple","renderTags","getTagProps","index","Chip","getOptionDisabled","FormHelperText","defaultProps","undefined","concat","propTypes","PropTypes","string","oneOfType","number","arrayOf","bool","func","isRequired","shape","AssetEditorAutocomplete$1","withStyles","theme","maxHeight","fontSize","paddingTop","padding","paddingBottom","width","palette","primary","text9","opacity","backgroundColor"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("classnames"),i=require("@material-ui/core"),o=require("@material-ui/icons"),n=require("../../../componentsV2/Switch/Switch.js"),a=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(e),l=c(t),u=c(r),p=["isChecked","title","className"];function f(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}var m=i.makeStyles((function(e){var t=e.palette;return{root:{marginBottom:(0,e.spacing)(.75),width:"fit-content"},title:{display:"flex",alignItems:"center"},infoIcon:{marginLeft:4,color:t.primary.text6,"&:hover":{color:t.primary.contrastText}}}}));module.exports=function(e){var t=e.isChecked,r=e.title,c=void 0===r?"Multiple Assets":r,b=e.className,d=l.default(e,p),h=m();return a.jsx(n.Switch,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){s.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({className:u.default(h.root,b),size:"small",onLabel:a.jsxs("span",{className:h.title,children:[c,a.jsx(i.Tooltip,{title:"A separate app will be placed on the dashboard for each asset chosen",placement:"bottom-start",children:a.jsx(o.InfoOutlined,{fontSize:"small",className:h.infoIcon})})]}),checked:t},d))};
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("classnames"),i=require("@material-ui/core"),o=require("@material-ui/icons/InfoOutlined"),n=require("../../../componentsV2/Switch/Switch.js"),a=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(e),l=c(t),u=c(r),p=c(o),f=["isChecked","title","className"];function m(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}var b=i.makeStyles((function(e){var t=e.palette;return{root:{marginBottom:(0,e.spacing)(.75),width:"fit-content"},title:{display:"flex",alignItems:"center"},infoIcon:{marginLeft:4,color:t.primary.text6,"&:hover":{color:t.primary.contrastText}}}}));module.exports=function(e){var t=e.isChecked,r=e.title,o=void 0===r?"Multiple Assets":r,c=e.className,d=l.default(e,f),h=b();return a.jsx(n.Switch,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){s.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({className:u.default(h.root,c),size:"small",onLabel:a.jsxs("span",{className:h.title,children:[o,a.jsx(i.Tooltip,{title:"A separate app will be placed on the dashboard for each asset chosen",placement:"bottom-start",children:a.jsx(p.default,{fontSize:"small",className:h.infoIcon})})]}),checked:t},d))};
 //# sourceMappingURL=MultipleAssetsToggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultipleAssetsToggle.js","sources":["../../../../../src/components/AssetEditorV2/components/MultipleAssetsToggle.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport { InfoOutlined as InfoIcon } from '@material-ui/icons';\n\nimport { Switch, SwitchProps } from '../../../componentsV2/Switch';\n\nconst useStyles = makeStyles(({ palette, spacing }) => ({\n  root: { marginBottom: spacing(0.75), width: 'fit-content' },\n  title: { display: 'flex', alignItems: 'center' },\n  infoIcon: {\n    marginLeft: 4,\n    color: palette.primary.text6,\n\n    '&:hover': {\n      color: palette.primary.contrastText,\n    },\n  },\n}));\n\ntype MultipleAssetsToggleProps = {\n  onLabel?: SwitchProps['onLabel'];\n  offLabel?: SwitchProps['offLabel'];\n  checked?: SwitchProps['checked'];\n  disabled?: SwitchProps['disabled'];\n  onChange?: SwitchProps['onChange'];\n  size?: SwitchProps['size'];\n  disableOffState?: SwitchProps['disableOffState'];\n  inputRef?: SwitchProps['inputRef'];\n  className?: SwitchProps['className'];\n  testId?: SwitchProps['testId'];\n  isChecked?: boolean;\n  title?: ReactNode;\n};\n\nconst MultipleAssetsToggle: FC<MultipleAssetsToggleProps> = ({\n  isChecked,\n  title = 'Multiple Assets',\n  className,\n  ...props\n}) => {\n  const styles = useStyles();\n\n  return (\n    <Switch\n      className={classNames(styles.root, className)}\n      size=\"small\"\n      onLabel={\n        <span className={styles.title}>\n          {title}\n          <Tooltip\n            title=\"A separate app will be placed on the dashboard for each asset chosen\"\n            placement=\"bottom-start\"\n          >\n            <InfoIcon fontSize=\"small\" className={styles.infoIcon} />\n          </Tooltip>\n        </span>\n      }\n      checked={isChecked}\n      {...props}\n    />\n  );\n};\n\nexport default MultipleAssetsToggle;\n"],"names":["useStyles","makeStyles","_ref","palette","root","marginBottom","spacing","width","title","display","alignItems","infoIcon","marginLeft","color","primary","text6","contrastText","_ref2","isChecked","_ref2$title","className","props","_objectWithoutProperties","_excluded","styles","_jsx","Switch","_objectSpread","classNames","size","onLabel","_jsxs","jsxs","children","jsx","Tooltip","placement","InfoIcon","fontSize","checked"],"mappings":"6oBAOA,IAAMA,EAAYC,EAAAA,YAAW,SAAAC,GAAA,IAAGC,IAAAA,QAAgB,MAAQ,CACtDC,KAAM,CAAEC,cAAcC,IADiBA,SACT,KAAOC,MAAO,eAC5CC,MAAO,CAAEC,QAAS,OAAQC,WAAY,UACtCC,SAAU,CACRC,WAAY,EACZC,MAAOV,EAAQW,QAAQC,MAEvB,UAAW,CACTF,MAAOV,EAAQW,QAAQE,eAG5B,mBAiB2D,SAKtDC,GAAA,IAJJC,IAAAA,UAASC,EAAAF,EACTT,MAAAA,aAAQ,kBAAiBW,EACzBC,IAAAA,UACGC,EAAKC,EAAA,QAAAL,EAAAM,GAEFC,EAASxB,IAEf,OACEyB,MAACC,EAAMA,8WAAAC,CAAA,CACLP,UAAWQ,EAAU,QAACJ,EAAOpB,KAAMgB,GACnCS,KAAK,QACLC,QACEC,EAAAC,KAAA,OAAA,CAAMZ,UAAWI,EAAOhB,MAAMyB,SAC3BzB,CAAAA,EACDiB,EAAAS,IAACC,UAAO,CACN3B,MAAM,uEACN4B,UAAU,eAAcH,SAExBR,MAACY,eAAQ,CAACC,SAAS,QAAQlB,UAAWI,EAAOb,gBAInD4B,QAASrB,GACLG,GAGV"}
+{"version":3,"file":"MultipleAssetsToggle.js","sources":["../../../../../src/components/AssetEditorV2/components/MultipleAssetsToggle.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport InfoIcon from '@material-ui/icons/InfoOutlined';\n\nimport { Switch, SwitchProps } from '../../../componentsV2/Switch';\n\nconst useStyles = makeStyles(({ palette, spacing }) => ({\n  root: { marginBottom: spacing(0.75), width: 'fit-content' },\n  title: { display: 'flex', alignItems: 'center' },\n  infoIcon: {\n    marginLeft: 4,\n    color: palette.primary.text6,\n\n    '&:hover': {\n      color: palette.primary.contrastText,\n    },\n  },\n}));\n\ntype MultipleAssetsToggleProps = {\n  onLabel?: SwitchProps['onLabel'];\n  offLabel?: SwitchProps['offLabel'];\n  checked?: SwitchProps['checked'];\n  disabled?: SwitchProps['disabled'];\n  onChange?: SwitchProps['onChange'];\n  size?: SwitchProps['size'];\n  disableOffState?: SwitchProps['disableOffState'];\n  inputRef?: SwitchProps['inputRef'];\n  className?: SwitchProps['className'];\n  testId?: SwitchProps['testId'];\n  isChecked?: boolean;\n  title?: ReactNode;\n};\n\nconst MultipleAssetsToggle: FC<MultipleAssetsToggleProps> = ({\n  isChecked,\n  title = 'Multiple Assets',\n  className,\n  ...props\n}) => {\n  const styles = useStyles();\n\n  return (\n    <Switch\n      className={classNames(styles.root, className)}\n      size=\"small\"\n      onLabel={\n        <span className={styles.title}>\n          {title}\n          <Tooltip\n            title=\"A separate app will be placed on the dashboard for each asset chosen\"\n            placement=\"bottom-start\"\n          >\n            <InfoIcon fontSize=\"small\" className={styles.infoIcon} />\n          </Tooltip>\n        </span>\n      }\n      checked={isChecked}\n      {...props}\n    />\n  );\n};\n\nexport default MultipleAssetsToggle;\n"],"names":["useStyles","makeStyles","_ref","palette","root","marginBottom","spacing","width","title","display","alignItems","infoIcon","marginLeft","color","primary","text6","contrastText","_ref2","isChecked","_ref2$title","className","props","_objectWithoutProperties","_excluded","styles","_jsx","Switch","_objectSpread","classNames","size","onLabel","_jsxs","jsxs","children","jsx","Tooltip","placement","InfoIcon","fontSize","checked"],"mappings":"iqBAOA,IAAMA,EAAYC,EAAAA,YAAW,SAAAC,GAAA,IAAGC,IAAAA,QAAgB,MAAQ,CACtDC,KAAM,CAAEC,cAAcC,IADiBA,SACT,KAAOC,MAAO,eAC5CC,MAAO,CAAEC,QAAS,OAAQC,WAAY,UACtCC,SAAU,CACRC,WAAY,EACZC,MAAOV,EAAQW,QAAQC,MAEvB,UAAW,CACTF,MAAOV,EAAQW,QAAQE,eAG5B,mBAiB2D,SAKtDC,GAAA,IAJJC,IAAAA,UAASC,EAAAF,EACTT,MAAAA,aAAQ,kBAAiBW,EACzBC,IAAAA,UACGC,EAAKC,EAAA,QAAAL,EAAAM,GAEFC,EAASxB,IAEf,OACEyB,MAACC,EAAMA,8WAAAC,CAAA,CACLP,UAAWQ,EAAU,QAACJ,EAAOpB,KAAMgB,GACnCS,KAAK,QACLC,QACEC,EAAAC,KAAA,OAAA,CAAMZ,UAAWI,EAAOhB,MAAMyB,SAC3BzB,CAAAA,EACDiB,EAAAS,IAACC,UAAO,CACN3B,MAAM,uEACN4B,UAAU,eAAcH,SAExBR,MAACY,UAAQ,CAACC,SAAS,QAAQlB,UAAWI,EAAOb,gBAInD4B,QAASrB,GACLG,GAGV"}

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("classnames"),n=require("@material-ui/core"),s=require("@material-ui/icons"),c=require("../constants.js"),l=require("../../MiddleTruncate/MiddleTruncate.js"),o=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=u(e),p=u(t),f=u(r),m=u(a),h=["data-testid","value","className","assetName","status","multiple","selected"];function b(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 j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){d.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var y=n.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}}),x=i.forwardRef((function(e,t){var r=e["data-testid"],a=void 0===r?"MenuItem":r,u=e.value,d=e.className,b=e.assetName,x=void 0===b?"":b,g=e.status,v=e.multiple,O=e.selected,C=f.default(e,h),w=i.useState(null),T=p.default(w,2),q=T[0],P=T[1],S=!!q,k=y(),N=o.jsxs("div",{className:k.itemContent,children:[o.jsx(l,{onTruncate:P,truncatedText:q,maxWidth:380,children:x}),g===c.ACTIVE_STATUS&&o.jsx(n.Chip,{"data-not-migrated-muichip":!0,className:k.activeChip,label:"Active"})]});return o.jsx(n.Tooltip,{title:S?x:"",children:v?o.jsxs("div",{className:m.default(k.option),ref:t,children:[o.jsx(n.Checkbox,{disableRipple:!0,icon:o.jsx(s.CheckBoxOutlineBlank,{style:{fontSize:20}}),checkedIcon:o.jsx(s.CheckBox,{style:{fontSize:20}}),checked:O}),N]}):o.jsx("div",j(j({"data-testid":a,className:m.default(k.menuItem,d),ref:t,value:u},C),{},{children:N}))})}));module.exports=x;
+"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("classnames"),n=require("@material-ui/core"),s=require("@material-ui/icons/CheckBox"),c=require("@material-ui/icons/CheckBoxOutlineBlank"),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(s),j=d(c),y=["data-testid","value","className","assetName","status","multiple","selected"];function x(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 g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){p.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var v=n.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=void 0===r?"MenuItem":r,s=e.value,c=e.className,d=e.assetName,p=void 0===d?"":d,x=e.status,O=e.multiple,C=e.selected,w=m.default(e,y),q=i.useState(null),T=f.default(q,2),P=T[0],S=T[1],k=!!P,N=v(),I=u.jsxs("div",{className:N.itemContent,children:[u.jsx(o,{onTruncate:S,truncatedText:P,maxWidth:380,children:p}),x===l.ACTIVE_STATUS&&u.jsx(n.Chip,{"data-not-migrated-muichip":!0,className:N.activeChip,label:"Active"})]});return u.jsx(n.Tooltip,{title:k?p:"",children:O?u.jsxs("div",{className:h.default(N.option),ref:t,children:[u.jsx(n.Checkbox,{disableRipple:!0,icon:u.jsx(j.default,{style:{fontSize:20}}),checkedIcon:u.jsx(b.default,{style:{fontSize:20}}),checked:C}),I]}):u.jsx("div",g(g({"data-testid":a,className:h.default(N.menuItem,c),ref:t,value:s},w),{},{children:I}))})}));module.exports=O;
 //# 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.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, useState } from 'react';\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';\nimport { AssetId } from '../types';\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\ntype Props = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  'data-testid'?: string;\n  assetName?: string;\n  multiple?: boolean;\n  selected?: boolean;\n  status?: string | null;\n  value?: AssetId;\n};\n\nconst SelectItem = forwardRef<HTMLDivElement, Props>(\n  (\n    {\n      'data-testid': pageName = 'MenuItem',\n      value,\n      className,\n      assetName = '',\n      status,\n      multiple,\n      selected,\n      ...restProps\n    },\n    ref\n  ) => {\n    const [truncatedText, setTruncatedText] = useState<string | null>(null);\n    const isTruncated = !!truncatedText;\n    const styles = useStyles();\n\n    const itemContent = (\n      <div className={styles.itemContent}>\n        <MiddleTruncate onTruncate={setTruncatedText} truncatedText={truncatedText} maxWidth={380}>\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)} ref={ref}>\n            <Checkbox\n              disableRipple\n              icon={<CheckBoxOutlineBlankIcon style={{ fontSize: 20 }} />}\n              checkedIcon={<CheckBoxIcon style={{ fontSize: 20 }} />}\n              checked={selected}\n            />\n            {itemContent}\n          </div>\n        ) : (\n          <div\n            data-testid={pageName}\n            className={classNames(styles.menuItem, className)}\n            ref={ref}\n            {...{ value }}\n            {...restProps}\n          >\n            {itemContent}\n          </div>\n        )}\n      </Tooltip>\n    );\n  }\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","ref","_ref$dataTestid","pageName","value","className","_ref$assetName","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","checkedIcon","CheckBoxIcon","checked","jsx","_objectSpread"],"mappings":"4oCAaA,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,KAabC,EAAaC,EAAUA,YAC3B,SAAAC,EAWEC,GACG,IAAAC,EAAAF,EAVD,eAAeG,aAAW,WAAUD,EACpCE,IAAAA,MACAC,IAAAA,UAASC,EAAAN,EACTO,UAAAA,aAAY,GAAED,EACdE,IAAAA,OACAC,IAAAA,SACAC,IAAAA,SACGC,EAASC,EAAA,QAAAZ,EAAAa,GAI4BC,EAAAA,EAAQA,SAAgB,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAhEC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAChCK,IAAgBF,EAChBG,EAAS5C,IAETW,EACJkC,EAAAC,KAAA,MAAA,CAAKlB,UAAWgB,EAAOjC,YAAYoC,SAAA,CACjCC,MAACC,EAAc,CAACC,WAAYR,EAAkBD,cAAeA,EAAeU,SAAU,IAAIJ,SACvFjB,IAEFC,IAAWqB,iBACVJ,EAAAA,IAACK,EAAAA,KAAI,CAAC,6BAAyB,EAACzB,UAAWgB,EAAOhC,WAAY0C,MAAM,cAK1E,OACEN,EAAAA,IAACO,EAAAA,QAAO,CAACC,MAAOb,EAAcb,EAAY,GAAGiB,SAC1Cf,EACCa,EAAAC,KAAA,MAAA,CAAKlB,UAAW6B,EAAAA,QAAWb,EAAOnC,QAASe,IAAKA,EAAIuB,SAAA,CAClDC,MAACU,WAAQ,CACPC,eAAa,EACbC,KAAMZ,MAACa,uBAAwB,CAACC,MAAO,CAAE9C,SAAU,MACnD+C,YAAaf,MAACgB,WAAY,CAACF,MAAO,CAAE9C,SAAU,MAC9CiD,QAAShC,IAEVtB,KAGHqC,EAAAkB,IAAA,MAAAC,EAAAA,EAAA,CACE,cAAazC,EACbE,UAAW6B,EAAU,QAACb,EAAO1C,SAAU0B,GACvCJ,IAAKA,EACCG,MAAAA,GACFO,GAAS,GAAA,CAAAa,SAEZpC,MAKX"}
+{"version":3,"file":"SelectItem.js","sources":["../../../../../src/components/AssetEditorV2/components/SelectItem.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, useState } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Chip, Tooltip, Checkbox } from '@material-ui/core';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\n\nimport { ACTIVE_STATUS } from '../constants';\nimport { AssetId } from '../types';\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\ntype Props = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  'data-testid'?: string;\n  assetName?: string;\n  multiple?: boolean;\n  selected?: boolean;\n  status?: string | null;\n  value?: AssetId;\n};\n\nconst SelectItem = forwardRef<HTMLDivElement, Props>(\n  (\n    {\n      'data-testid': pageName = 'MenuItem',\n      value,\n      className,\n      assetName = '',\n      status,\n      multiple,\n      selected,\n      ...restProps\n    },\n    ref\n  ) => {\n    const [truncatedText, setTruncatedText] = useState<string | null>(null);\n    const isTruncated = !!truncatedText;\n    const styles = useStyles();\n\n    const itemContent = (\n      <div className={styles.itemContent}>\n        <MiddleTruncate onTruncate={setTruncatedText} truncatedText={truncatedText} maxWidth={380}>\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)} ref={ref}>\n            <Checkbox\n              disableRipple\n              icon={<CheckBoxOutlineBlankIcon style={{ fontSize: 20 }} />}\n              checkedIcon={<CheckBoxIcon style={{ fontSize: 20 }} />}\n              checked={selected}\n            />\n            {itemContent}\n          </div>\n        ) : (\n          <div\n            data-testid={pageName}\n            className={classNames(styles.menuItem, className)}\n            ref={ref}\n            {...{ value }}\n            {...restProps}\n          >\n            {itemContent}\n          </div>\n        )}\n      </Tooltip>\n    );\n  }\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","ref","_ref$dataTestid","pageName","value","className","_ref$assetName","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","checkedIcon","CheckBoxIcon","checked","jsx","_objectSpread"],"mappings":"wtCAWA,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,KAabC,EAAaC,EAAUA,YAC3B,SAAAC,EAWEC,GACG,IAAAC,EAAAF,EAVD,eAAeG,aAAW,WAAUD,EACpCE,IAAAA,MACAC,IAAAA,UAASC,EAAAN,EACTO,UAAAA,aAAY,GAAED,EACdE,IAAAA,OACAC,IAAAA,SACAC,IAAAA,SACGC,EAASC,EAAA,QAAAZ,EAAAa,GAI4BC,EAAAA,EAAQA,SAAgB,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAhEC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAChCK,IAAgBF,EAChBG,EAAS5C,IAETW,EACJkC,EAAAC,KAAA,MAAA,CAAKlB,UAAWgB,EAAOjC,YAAYoC,SAAA,CACjCC,MAACC,EAAc,CAACC,WAAYR,EAAkBD,cAAeA,EAAeU,SAAU,IAAIJ,SACvFjB,IAEFC,IAAWqB,iBACVJ,EAAAA,IAACK,EAAAA,KAAI,CAAC,6BAAyB,EAACzB,UAAWgB,EAAOhC,WAAY0C,MAAM,cAK1E,OACEN,EAAAA,IAACO,EAAAA,QAAO,CAACC,MAAOb,EAAcb,EAAY,GAAGiB,SAC1Cf,EACCa,EAAAC,KAAA,MAAA,CAAKlB,UAAW6B,EAAAA,QAAWb,EAAOnC,QAASe,IAAKA,EAAIuB,SAAA,CAClDC,MAACU,WAAQ,CACPC,eAAa,EACbC,KAAMZ,MAACa,UAAwB,CAACC,MAAO,CAAE9C,SAAU,MACnD+C,YAAaf,MAACgB,UAAY,CAACF,MAAO,CAAE9C,SAAU,MAC9CiD,QAAShC,IAEVtB,KAGHqC,EAAAkB,IAAA,MAAAC,EAAAA,EAAA,CACE,cAAazC,EACbE,UAAW6B,EAAU,QAACb,EAAO1C,SAAU0B,GACvCJ,IAAKA,EACCG,MAAAA,GACFO,GAAS,GAAA,CAAAa,SAEZpC,MAKX"}

package/cjs-bundle/components/BICOffsetPickerDialog/components/WellSection/AssetSearch.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("prop-types"),o=require("@material-ui/core"),n=require("@material-ui/icons"),a=require("./AutoCompleteAssetSearch/AutoCompleteAssetSearch.js"),i=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(e),l=c(r),u=o.makeStyles((function(e){return{searchInput:{fontSize:"16px",width:"270px","&:hover":{"&::before":{borderBottom:"2px solid ".concat(e.palette.primary.text1," !important")}},"&:hover $searchIcon":{fill:"".concat(e.palette.primary.text1," !important")}},searchIcon:{fill:"".concat(e.palette.primary.text6," !important"),fontSize:"24px !important"}}}));function p(e){var r=e.company,c=e.onClickAsset,l=u(),p=t.useState(null),m=s.default(p,2),d=m[0],h=m[1],f=function(){h(null)};return i.jsxs(i.Fragment,{children:[i.jsx(o.TextField,{"data-testid":"".concat("AssetSearch","_search"),id:"well-section-search-textfield",placeholder:"Add to List by Well/Rig Search",InputProps:{startAdornment:i.jsx(o.InputAdornment,{position:"start",children:i.jsx(n.Search,{className:l.searchIcon})}),className:l.searchInput},onClick:function(e){h(e.currentTarget)}}),i.jsx(o.Popover,{open:Boolean(d),anchorEl:d,onClose:f,anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:i.jsx(a,{company:r,onClickAsset:function(e){var t=e.name,r=e.redirectAssetId;r&&(c(r,t),f())},onClose:f})})]})}p.propTypes={company:l.default.number.isRequired,onClickAsset:l.default.func.isRequired};var m=t.memo(p);module.exports=m;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("prop-types"),o=require("@material-ui/core"),a=require("@material-ui/icons/Search"),n=require("./AutoCompleteAssetSearch/AutoCompleteAssetSearch.js"),i=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(e),l=c(r),u=c(a),p=o.makeStyles((function(e){return{searchInput:{fontSize:"16px",width:"270px","&:hover":{"&::before":{borderBottom:"2px solid ".concat(e.palette.primary.text1," !important")}},"&:hover $searchIcon":{fill:"".concat(e.palette.primary.text1," !important")}},searchIcon:{fill:"".concat(e.palette.primary.text6," !important"),fontSize:"24px !important"}}}));function m(e){var r=e.company,a=e.onClickAsset,c=p(),l=t.useState(null),m=s.default(l,2),d=m[0],h=m[1],f=function(){h(null)};return i.jsxs(i.Fragment,{children:[i.jsx(o.TextField,{"data-testid":"".concat("AssetSearch","_search"),id:"well-section-search-textfield",placeholder:"Add to List by Well/Rig Search",InputProps:{startAdornment:i.jsx(o.InputAdornment,{position:"start",children:i.jsx(u.default,{className:c.searchIcon})}),className:c.searchInput},onClick:function(e){h(e.currentTarget)}}),i.jsx(o.Popover,{open:Boolean(d),anchorEl:d,onClose:f,anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:i.jsx(n,{company:r,onClickAsset:function(e){var t=e.name,r=e.redirectAssetId;r&&(a(r,t),f())},onClose:f})})]})}m.propTypes={company:l.default.number.isRequired,onClickAsset:l.default.func.isRequired};var d=t.memo(m);module.exports=d;
 //# sourceMappingURL=AssetSearch.js.map

package/cjs-bundle/components/BICOffsetPickerDialog/components/WellSection/AssetSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSearch.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/AssetSearch.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles, Popover, TextField, InputAdornment } from '@material-ui/core';\nimport { Search as SearchIcon } from '@material-ui/icons';\n\nimport AutoCompleteAssetSearch from './AutoCompleteAssetSearch';\n\nconst PAGE_NAME = 'AssetSearch';\n\nconst useStyles = makeStyles(theme => ({\n  searchInput: {\n    fontSize: '16px',\n    width: '270px',\n    '&:hover': {\n      '&::before': { borderBottom: `2px solid ${theme.palette.primary.text1} !important` },\n    },\n    '&:hover $searchIcon': {\n      fill: `${theme.palette.primary.text1} !important`,\n    },\n  },\n  searchIcon: {\n    fill: `${theme.palette.primary.text6} !important`,\n    fontSize: '24px !important',\n  },\n}));\n\nfunction AssetSearch({ company, onClickAsset }) {\n  const classes = useStyles();\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  const handlePopupOpen = event => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handlePopupClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleClickAsset = asset => {\n    const { name, redirectAssetId } = asset;\n    if (redirectAssetId) {\n      onClickAsset(redirectAssetId, name);\n      handlePopupClose();\n    }\n  };\n\n  return (\n    <>\n      <TextField\n        data-testid={`${PAGE_NAME}_search`}\n        id=\"well-section-search-textfield\"\n        placeholder=\"Add to List by Well/Rig Search\"\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon className={classes.searchIcon} />\n            </InputAdornment>\n          ),\n          className: classes.searchInput,\n        }}\n        onClick={handlePopupOpen}\n      />\n\n      <Popover\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        onClose={handlePopupClose}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n      >\n        <AutoCompleteAssetSearch\n          company={company}\n          onClickAsset={handleClickAsset}\n          onClose={handlePopupClose}\n        />\n      </Popover>\n    </>\n  );\n}\n\nAssetSearch.propTypes = {\n  company: PropTypes.number.isRequired,\n  onClickAsset: PropTypes.func.isRequired,\n};\n\n// Important: Do not change root component default export (AssetSearch.js). Use it as container\n//  for your AssetSearch. It's required to make build and zip scripts work as expected;\nexport default memo(AssetSearch);\n"],"names":["useStyles","makeStyles","theme","searchInput","fontSize","width","borderBottom","palette","primary","text1","fill","searchIcon","concat","text6","AssetSearch","_ref","company","onClickAsset","classes","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","handlePopupClose","_jsxs","_Fragment","children","_jsx","TextField","id","placeholder","InputProps","startAdornment","InputAdornment","position","SearchIcon","className","onClick","event","currentTarget","Popover","open","Boolean","onClose","anchorOrigin","vertical","horizontal","transformOrigin","AutoCompleteAssetSearch","asset","name","redirectAssetId","propTypes","PropTypes","number","isRequired","func","memo"],"mappings":"wWASMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,YAAa,CACXC,SAAU,OACVC,MAAO,QACP,UAAW,CACT,YAAa,CAAEC,iCAA2BJ,EAAMK,QAAQC,QAAQC,MAAK,iBAEvE,sBAAuB,CACrBC,eAASR,EAAMK,QAAQC,QAAQC,MAAK,iBAGxCE,WAAY,CACVD,KAAI,GAAAE,OAAKV,EAAMK,QAAQC,QAAQK,MAAkB,eACjDT,SAAU,mBAEb,IAED,SAASU,EAAuCC,GAAA,IAAzBC,IAAAA,QAASC,IAAAA,aACxBC,EAAUlB,IACgBmB,EAAAA,EAAQA,SAAC,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAvCC,EAAQH,EAAA,GAAEI,EAAWJ,EAAA,GAMtBK,EAAmB,WACvBD,EAAY,OAWd,OACEE,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,YAAS,CACR,cAAA,GAAAlB,OA1CU,cA0CyB,WACnCmB,GAAG,gCACHC,YAAY,iCACZC,WAAY,CACVC,eACEL,MAACM,iBAAc,CAACC,SAAS,QAAOR,SAC9BC,MAACQ,SAAU,CAACC,UAAWpB,EAAQP,eAGnC2B,UAAWpB,EAAQf,aAErBoC,QA9BkB,SAAAC,GACtBhB,EAAYgB,EAAMC,kBAgChBZ,MAACa,UAAO,CACNC,KAAMC,QAAQrB,GACdA,SAAUA,EACVsB,QAASpB,EACTqB,aAAc,CACZC,SAAU,MACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,QACZpB,SAEFC,MAACqB,EAAuB,CACtBlC,QAASA,EACTC,aAxCiB,SAAAkC,GACvB,IAAQC,EAA0BD,EAA1BC,KAAMC,EAAoBF,EAApBE,gBACVA,IACFpC,EAAaoC,EAAiBD,GAC9B3B,MAqCIoB,QAASpB,QAKnB,CAEAX,EAAYwC,UAAY,CACtBtC,QAASuC,EAAAA,QAAUC,OAAOC,WAC1BxC,aAAcsC,EAAAA,QAAUG,KAAKD,YAK/B,IAAeE,EAAAA,EAAAA,KAAK7C"}
+{"version":3,"file":"AssetSearch.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/AssetSearch.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles, Popover, TextField, InputAdornment } from '@material-ui/core';\nimport SearchIcon from '@material-ui/icons/Search';\n\nimport AutoCompleteAssetSearch from './AutoCompleteAssetSearch';\n\nconst PAGE_NAME = 'AssetSearch';\n\nconst useStyles = makeStyles(theme => ({\n  searchInput: {\n    fontSize: '16px',\n    width: '270px',\n    '&:hover': {\n      '&::before': { borderBottom: `2px solid ${theme.palette.primary.text1} !important` },\n    },\n    '&:hover $searchIcon': {\n      fill: `${theme.palette.primary.text1} !important`,\n    },\n  },\n  searchIcon: {\n    fill: `${theme.palette.primary.text6} !important`,\n    fontSize: '24px !important',\n  },\n}));\n\nfunction AssetSearch({ company, onClickAsset }) {\n  const classes = useStyles();\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  const handlePopupOpen = event => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handlePopupClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleClickAsset = asset => {\n    const { name, redirectAssetId } = asset;\n    if (redirectAssetId) {\n      onClickAsset(redirectAssetId, name);\n      handlePopupClose();\n    }\n  };\n\n  return (\n    <>\n      <TextField\n        data-testid={`${PAGE_NAME}_search`}\n        id=\"well-section-search-textfield\"\n        placeholder=\"Add to List by Well/Rig Search\"\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon className={classes.searchIcon} />\n            </InputAdornment>\n          ),\n          className: classes.searchInput,\n        }}\n        onClick={handlePopupOpen}\n      />\n\n      <Popover\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        onClose={handlePopupClose}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n      >\n        <AutoCompleteAssetSearch\n          company={company}\n          onClickAsset={handleClickAsset}\n          onClose={handlePopupClose}\n        />\n      </Popover>\n    </>\n  );\n}\n\nAssetSearch.propTypes = {\n  company: PropTypes.number.isRequired,\n  onClickAsset: PropTypes.func.isRequired,\n};\n\n// Important: Do not change root component default export (AssetSearch.js). Use it as container\n//  for your AssetSearch. It's required to make build and zip scripts work as expected;\nexport default memo(AssetSearch);\n"],"names":["useStyles","makeStyles","theme","searchInput","fontSize","width","borderBottom","palette","primary","text1","fill","searchIcon","concat","text6","AssetSearch","_ref","company","onClickAsset","classes","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","handlePopupClose","_jsxs","_Fragment","children","_jsx","TextField","id","placeholder","InputProps","startAdornment","InputAdornment","position","SearchIcon","className","onClick","event","currentTarget","Popover","open","Boolean","onClose","anchorOrigin","vertical","horizontal","transformOrigin","AutoCompleteAssetSearch","asset","name","redirectAssetId","propTypes","PropTypes","number","isRequired","func","memo"],"mappings":"sXASMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,YAAa,CACXC,SAAU,OACVC,MAAO,QACP,UAAW,CACT,YAAa,CAAEC,iCAA2BJ,EAAMK,QAAQC,QAAQC,MAAK,iBAEvE,sBAAuB,CACrBC,eAASR,EAAMK,QAAQC,QAAQC,MAAK,iBAGxCE,WAAY,CACVD,KAAI,GAAAE,OAAKV,EAAMK,QAAQC,QAAQK,MAAkB,eACjDT,SAAU,mBAEb,IAED,SAASU,EAAuCC,GAAA,IAAzBC,IAAAA,QAASC,IAAAA,aACxBC,EAAUlB,IACgBmB,EAAAA,EAAQA,SAAC,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAvCC,EAAQH,EAAA,GAAEI,EAAWJ,EAAA,GAMtBK,EAAmB,WACvBD,EAAY,OAWd,OACEE,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,YAAS,CACR,cAAA,GAAAlB,OA1CU,cA0CyB,WACnCmB,GAAG,gCACHC,YAAY,iCACZC,WAAY,CACVC,eACEL,MAACM,iBAAc,CAACC,SAAS,QAAOR,SAC9BC,MAACQ,UAAU,CAACC,UAAWpB,EAAQP,eAGnC2B,UAAWpB,EAAQf,aAErBoC,QA9BkB,SAAAC,GACtBhB,EAAYgB,EAAMC,kBAgChBZ,MAACa,UAAO,CACNC,KAAMC,QAAQrB,GACdA,SAAUA,EACVsB,QAASpB,EACTqB,aAAc,CACZC,SAAU,MACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,QACZpB,SAEFC,MAACqB,EAAuB,CACtBlC,QAASA,EACTC,aAxCiB,SAAAkC,GACvB,IAAQC,EAA0BD,EAA1BC,KAAMC,EAAoBF,EAApBE,gBACVA,IACFpC,EAAaoC,EAAiBD,GAC9B3B,MAqCIoB,QAASpB,QAKnB,CAEAX,EAAYwC,UAAY,CACtBtC,QAASuC,EAAAA,QAAUC,OAAOC,WAC1BxC,aAAcsC,EAAAA,QAAUG,KAAKD,YAK/B,IAAeE,EAAAA,EAAAA,KAAK7C"}

package/cjs-bundle/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("prop-types"),n=require("@material-ui/core"),l=require("@material-ui/icons"),i=require("./NumberCircle.js"),c=require("react/jsx-runtime"),a=n.makeStyles({sectionContainer:{display:"flex",width:"100%",justifyContent:"space-between",marginRight:"4px",alignItems:"center"},itemLabel:{display:"flex",alignItems:"center","&:hover":{color:"#DADADA",cursor:"pointer"}},disabledItemLabel:{display:"flex",alignItems:"center","&:hover":{cursor:"pointer"}},itemLabelToggle:{},sectionName:{marginLeft:"6px",marginRight:"10px"},checkbox:{width:"11px",height:"11px"},sectionTitle:{display:"flex",alignItems:"center"},expandIcon:{fontSize:"14px",marginRight:"8px"}});function r(e){return(e.wells.filter((function(e){return e.checked}))||[]).length}function o(e){var t=r(e);return t===e.wells.length?"".concat(t):"".concat(t," of ").concat(e.wells.length," Selected")}function s(e){return e.wells.filter((function(e){return e.checked})).length>0}function d(e){return e.wells.filter((function(e){return e.checked})).length!==e.wells.length}function m(e){var t=e.section,m=e.disabled,u=void 0!==m&&m,p=e.onExpandCollapse,h=void 0===p?null:p,x=e.onSelectAll,f=void 0===x?null:x,g=e.onClearAll,b=void 0===g?null:g,k=a(),C=n.useTheme(),v=function(e){e.stopPropagation(),!d(t)&&b&&b(t),d(t)&&f&&f(t)};return c.jsxs("div",{"data-testid":"".concat("SectionItem","_section_").concat(t.name),className:k.sectionContainer,children:[c.jsxs("div",{className:u?k.disabledItemLabel:k.itemLabel,onClick:function(){return h&&h(t)},children:[c.jsx(n.Tooltip,{title:"No Wells",placement:"right",children:c.jsxs("div",{className:k.sectionTitle,children:[u&&c.jsx(l.ExpandMore,{className:k.expandIcon}),c.jsxs("span",{className:k.sectionName,children:[" ",t.name]})]})}),r(t)>0&&c.jsx(i,{"data-testid":"".concat("SectionItem","_wellsNumber"),bgColor:C.palette.primary.text9,textColor:"#fff",width:20+6*(o(t).length-2),children:o(t)})]}),s(t)?c.jsx(n.Checkbox,{"data-testid":"".concat("SectionItem","_checkbox"),className:k.checkbox,size:"small",checked:!0,indeterminate:d(t),color:"primary",onClick:v,disabled:u}):c.jsx(n.Checkbox,{"data-testid":"".concat("SectionItem","_checkbox"),className:k.checkbox,checked:!1,size:"small",color:"primary",onClick:v,indeterminate:!1,disabled:u})]})}m.propTypes={section:t.shape({expanded:t.bool,name:t.string,wells:t.arrayOf(t.shape({}))}).isRequired,disabled:t.bool,onExpandCollapse:t.func,onSelectAll:t.func,onClearAll:t.func};var u=e.memo(m);module.exports=u;
+"use strict";var e=require("react"),t=require("prop-types"),n=require("@material-ui/core"),l=require("@material-ui/icons/ExpandMore"),i=require("./NumberCircle.js"),c=require("react/jsx-runtime");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(l),o=n.makeStyles({sectionContainer:{display:"flex",width:"100%",justifyContent:"space-between",marginRight:"4px",alignItems:"center"},itemLabel:{display:"flex",alignItems:"center","&:hover":{color:"#DADADA",cursor:"pointer"}},disabledItemLabel:{display:"flex",alignItems:"center","&:hover":{cursor:"pointer"}},itemLabelToggle:{},sectionName:{marginLeft:"6px",marginRight:"10px"},checkbox:{width:"11px",height:"11px"},sectionTitle:{display:"flex",alignItems:"center"},expandIcon:{fontSize:"14px",marginRight:"8px"}});function s(e){return(e.wells.filter((function(e){return e.checked}))||[]).length}function d(e){var t=s(e);return t===e.wells.length?"".concat(t):"".concat(t," of ").concat(e.wells.length," Selected")}function u(e){return e.wells.filter((function(e){return e.checked})).length>0}function m(e){return e.wells.filter((function(e){return e.checked})).length!==e.wells.length}function p(e){var t=e.section,l=e.disabled,a=void 0!==l&&l,p=e.onExpandCollapse,h=void 0===p?null:p,x=e.onSelectAll,f=void 0===x?null:x,b=e.onClearAll,g=void 0===b?null:b,k=o(),C=n.useTheme(),v=function(e){e.stopPropagation(),!m(t)&&g&&g(t),m(t)&&f&&f(t)};return c.jsxs("div",{"data-testid":"".concat("SectionItem","_section_").concat(t.name),className:k.sectionContainer,children:[c.jsxs("div",{className:a?k.disabledItemLabel:k.itemLabel,onClick:function(){return h&&h(t)},children:[c.jsx(n.Tooltip,{title:"No Wells",placement:"right",children:c.jsxs("div",{className:k.sectionTitle,children:[a&&c.jsx(r.default,{className:k.expandIcon}),c.jsxs("span",{className:k.sectionName,children:[" ",t.name]})]})}),s(t)>0&&c.jsx(i,{"data-testid":"".concat("SectionItem","_wellsNumber"),bgColor:C.palette.primary.text9,textColor:"#fff",width:20+6*(d(t).length-2),children:d(t)})]}),u(t)?c.jsx(n.Checkbox,{"data-testid":"".concat("SectionItem","_checkbox"),className:k.checkbox,size:"small",checked:!0,indeterminate:m(t),color:"primary",onClick:v,disabled:a}):c.jsx(n.Checkbox,{"data-testid":"".concat("SectionItem","_checkbox"),className:k.checkbox,checked:!1,size:"small",color:"primary",onClick:v,indeterminate:!1,disabled:a})]})}p.propTypes={section:t.shape({expanded:t.bool,name:t.string,wells:t.arrayOf(t.shape({}))}).isRequired,disabled:t.bool,onExpandCollapse:t.func,onSelectAll:t.func,onClearAll:t.func};var h=e.memo(p);module.exports=h;
 //# sourceMappingURL=SectionItem.js.map

package/cjs-bundle/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionItem.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js"],"sourcesContent":["import { memo } from 'react';\nimport { shape, arrayOf, func, bool, string } from 'prop-types';\nimport { makeStyles, Checkbox, Tooltip, useTheme } from '@material-ui/core';\nimport { ExpandMore } from '@material-ui/icons';\n\nimport NumberCircle from './NumberCircle';\n\nconst PAGE_NAME = 'SectionItem';\n\nconst useStyles = makeStyles({\n  sectionContainer: {\n    display: 'flex',\n    width: '100%',\n    justifyContent: 'space-between',\n    marginRight: '4px',\n    alignItems: 'center',\n  },\n  itemLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    '&:hover': {\n      color: '#DADADA',\n      cursor: 'pointer',\n    },\n  },\n  disabledItemLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  },\n  itemLabelToggle: {},\n  sectionName: {\n    marginLeft: '6px',\n    marginRight: '10px',\n  },\n  checkbox: {\n    width: '11px',\n    height: '11px',\n  },\n  sectionTitle: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  expandIcon: {\n    fontSize: '14px',\n    marginRight: '8px',\n  },\n});\n\nfunction getSelectedCount(section) {\n  const data = section.wells.filter(item => item.checked) || [];\n  return data.length;\n}\n\nfunction getSelectedNumber(section) {\n  const selectedCount = getSelectedCount(section);\n  return selectedCount === section.wells.length\n    ? `${selectedCount}`\n    : `${selectedCount} of ${section.wells.length} Selected`;\n}\n\nfunction isSelected(section) {\n  return section.wells.filter(item => item.checked).length > 0;\n}\n\nfunction isAllSelected(section) {\n  return section.wells.filter(item => item.checked).length !== section.wells.length;\n}\n\nfunction SectionItem({\n  section,\n  disabled = false,\n  onExpandCollapse = null,\n  onSelectAll = null,\n  onClearAll = null,\n}) {\n  const classes = useStyles();\n  const theme = useTheme();\n  const handleClick = e => {\n    e.stopPropagation();\n    if (!isAllSelected(section) && onClearAll) onClearAll(section);\n    if (isAllSelected(section) && onSelectAll) onSelectAll(section);\n  };\n  return (\n    <div data-testid={`${PAGE_NAME}_section_${section.name}`} className={classes.sectionContainer}>\n      <div\n        className={disabled ? classes.disabledItemLabel : classes.itemLabel}\n        onClick={() => onExpandCollapse && onExpandCollapse(section)}\n      >\n        <Tooltip title=\"No Wells\" placement=\"right\">\n          <div className={classes.sectionTitle}>\n            {disabled && <ExpandMore className={classes.expandIcon} />}\n            <span className={classes.sectionName}> {section.name}</span>\n          </div>\n        </Tooltip>\n        {getSelectedCount(section) > 0 && (\n          <NumberCircle\n            data-testid={`${PAGE_NAME}_wellsNumber`}\n            bgColor={theme.palette.primary.text9}\n            textColor=\"#fff\"\n            width={20 + (getSelectedNumber(section).length - 2) * 6}\n          >\n            {getSelectedNumber(section)}\n          </NumberCircle>\n        )}\n      </div>\n\n      {isSelected(section) ? (\n        <Checkbox\n          data-testid={`${PAGE_NAME}_checkbox`}\n          className={classes.checkbox}\n          size=\"small\"\n          checked\n          indeterminate={isAllSelected(section)}\n          color=\"primary\"\n          onClick={handleClick}\n          disabled={disabled}\n        />\n      ) : (\n        <Checkbox\n          data-testid={`${PAGE_NAME}_checkbox`}\n          className={classes.checkbox}\n          checked={false}\n          size=\"small\"\n          color=\"primary\"\n          onClick={handleClick}\n          indeterminate={false}\n          disabled={disabled}\n        />\n      )}\n    </div>\n  );\n}\n\nSectionItem.propTypes = {\n  section: shape({\n    expanded: bool,\n    name: string,\n    wells: arrayOf(shape({})),\n  }).isRequired,\n  disabled: bool,\n  onExpandCollapse: func,\n  onSelectAll: func,\n  onClearAll: func,\n};\n\n// Important: Do not change root component default export (SectionItem.js). Use it as container\n//  for your SectionItem. It's required to make build and zip scripts work as expected;\nexport default memo(SectionItem);\n"],"names":["useStyles","makeStyles","sectionContainer","display","width","justifyContent","marginRight","alignItems","itemLabel","color","cursor","disabledItemLabel","itemLabelToggle","sectionName","marginLeft","checkbox","height","sectionTitle","expandIcon","fontSize","getSelectedCount","section","wells","filter","item","checked","length","getSelectedNumber","selectedCount","concat","isSelected","isAllSelected","SectionItem","_ref","_ref$disabled","disabled","_ref$onExpandCollapse","onExpandCollapse","_ref$onSelectAll","onSelectAll","_ref$onClearAll","onClearAll","classes","theme","useTheme","handleClick","e","stopPropagation","_jsxs","name","className","children","jsxs","onClick","_jsx","Tooltip","title","placement","jsx","ExpandMore","NumberCircle","bgColor","palette","primary","text9","textColor","Checkbox","size","indeterminate","propTypes","shape","expanded","bool","string","arrayOf","isRequired","func","memo"],"mappings":"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"}
+{"version":3,"file":"SectionItem.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js"],"sourcesContent":["import { memo } from 'react';\nimport { shape, arrayOf, func, bool, string } from 'prop-types';\nimport { makeStyles, Checkbox, Tooltip, useTheme } from '@material-ui/core';\nimport ExpandMore from '@material-ui/icons/ExpandMore';\n\nimport NumberCircle from './NumberCircle';\n\nconst PAGE_NAME = 'SectionItem';\n\nconst useStyles = makeStyles({\n  sectionContainer: {\n    display: 'flex',\n    width: '100%',\n    justifyContent: 'space-between',\n    marginRight: '4px',\n    alignItems: 'center',\n  },\n  itemLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    '&:hover': {\n      color: '#DADADA',\n      cursor: 'pointer',\n    },\n  },\n  disabledItemLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  },\n  itemLabelToggle: {},\n  sectionName: {\n    marginLeft: '6px',\n    marginRight: '10px',\n  },\n  checkbox: {\n    width: '11px',\n    height: '11px',\n  },\n  sectionTitle: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  expandIcon: {\n    fontSize: '14px',\n    marginRight: '8px',\n  },\n});\n\nfunction getSelectedCount(section) {\n  const data = section.wells.filter(item => item.checked) || [];\n  return data.length;\n}\n\nfunction getSelectedNumber(section) {\n  const selectedCount = getSelectedCount(section);\n  return selectedCount === section.wells.length\n    ? `${selectedCount}`\n    : `${selectedCount} of ${section.wells.length} Selected`;\n}\n\nfunction isSelected(section) {\n  return section.wells.filter(item => item.checked).length > 0;\n}\n\nfunction isAllSelected(section) {\n  return section.wells.filter(item => item.checked).length !== section.wells.length;\n}\n\nfunction SectionItem({\n  section,\n  disabled = false,\n  onExpandCollapse = null,\n  onSelectAll = null,\n  onClearAll = null,\n}) {\n  const classes = useStyles();\n  const theme = useTheme();\n  const handleClick = e => {\n    e.stopPropagation();\n    if (!isAllSelected(section) && onClearAll) onClearAll(section);\n    if (isAllSelected(section) && onSelectAll) onSelectAll(section);\n  };\n  return (\n    <div data-testid={`${PAGE_NAME}_section_${section.name}`} className={classes.sectionContainer}>\n      <div\n        className={disabled ? classes.disabledItemLabel : classes.itemLabel}\n        onClick={() => onExpandCollapse && onExpandCollapse(section)}\n      >\n        <Tooltip title=\"No Wells\" placement=\"right\">\n          <div className={classes.sectionTitle}>\n            {disabled && <ExpandMore className={classes.expandIcon} />}\n            <span className={classes.sectionName}> {section.name}</span>\n          </div>\n        </Tooltip>\n        {getSelectedCount(section) > 0 && (\n          <NumberCircle\n            data-testid={`${PAGE_NAME}_wellsNumber`}\n            bgColor={theme.palette.primary.text9}\n            textColor=\"#fff\"\n            width={20 + (getSelectedNumber(section).length - 2) * 6}\n          >\n            {getSelectedNumber(section)}\n          </NumberCircle>\n        )}\n      </div>\n\n      {isSelected(section) ? (\n        <Checkbox\n          data-testid={`${PAGE_NAME}_checkbox`}\n          className={classes.checkbox}\n          size=\"small\"\n          checked\n          indeterminate={isAllSelected(section)}\n          color=\"primary\"\n          onClick={handleClick}\n          disabled={disabled}\n        />\n      ) : (\n        <Checkbox\n          data-testid={`${PAGE_NAME}_checkbox`}\n          className={classes.checkbox}\n          checked={false}\n          size=\"small\"\n          color=\"primary\"\n          onClick={handleClick}\n          indeterminate={false}\n          disabled={disabled}\n        />\n      )}\n    </div>\n  );\n}\n\nSectionItem.propTypes = {\n  section: shape({\n    expanded: bool,\n    name: string,\n    wells: arrayOf(shape({})),\n  }).isRequired,\n  disabled: bool,\n  onExpandCollapse: func,\n  onSelectAll: func,\n  onClearAll: func,\n};\n\n// Important: Do not change root component default export (SectionItem.js). Use it as container\n//  for your SectionItem. It's required to make build and zip scripts work as expected;\nexport default memo(SectionItem);\n"],"names":["useStyles","makeStyles","sectionContainer","display","width","justifyContent","marginRight","alignItems","itemLabel","color","cursor","disabledItemLabel","itemLabelToggle","sectionName","marginLeft","checkbox","height","sectionTitle","expandIcon","fontSize","getSelectedCount","section","wells","filter","item","checked","length","getSelectedNumber","selectedCount","concat","isSelected","isAllSelected","SectionItem","_ref","_ref$disabled","disabled","_ref$onExpandCollapse","onExpandCollapse","_ref$onSelectAll","onSelectAll","_ref$onClearAll","onClearAll","classes","theme","useTheme","handleClick","e","stopPropagation","_jsxs","name","className","children","jsxs","onClick","_jsx","Tooltip","title","placement","jsx","ExpandMore","NumberCircle","bgColor","palette","primary","text9","textColor","Checkbox","size","indeterminate","propTypes","shape","expanded","bool","string","arrayOf","isRequired","func","memo"],"mappings":"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"}

package/cjs-bundle/components/BICOffsetPickerDialog/components/WellSection/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/toConsumableArray"),r=require("@babel/runtime/helpers/defineProperty"),t=require("react"),n=require("prop-types"),i=require("classnames"),s=require("@material-ui/core"),a=require("@material-ui/icons"),o=require("./AssetSearch.js"),l=require("./SectionItem.js"),c=require("./WellListItem.js");require("../../../UserMention/utils/index.js"),require("../../../../utils/convert.js"),require("../../../../constants/completion.js"),require("moment"),require("../../../../constants/alerts.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../../utils/casing/validation.js"),require("@babel/runtime/helpers/slicedToArray"),require("lodash/mean"),require("lodash"),require("../../../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../../../constants/goals.js"),require("../../../../constants/segment.js"),require("../../../../constants/apps.js"),require("../../../../constants/drillstring.js"),require("../../../../constants/appPackages.js"),require("../../../../constants/notifications.js"),require("../../../../constants/feed.js"),require("../../../../constants/bha.js"),require("../../../../constants/corvaCompanyId.js"),require("../../../GradientManager/configuration/constants.js"),require("../../../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("lodash/isNumber"),require("lodash/has"),require("../../../../utils/ga.js"),require("../../../../utils/goalsConfig/goalsConfig.js"),require("../../../../utils/lasParser.js"),require("../../../../utils/main.js"),require("../../../../utils/metrics/metricsConfig.js"),require("../../../../utils/mobileDetect.js"),require("../../../../utils/feed.js"),require("../../../../utils/reports.js"),require("moment-timezone");var u=require("../../../../utils/notificationToasts.js");require("@babel/runtime/helpers/typeof"),require("../../../../utils/dashboardReports.js"),require("../../../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../../utils/jsonaDataFormatter.js"),require("../../../../utils/bha.js"),require("jsona"),require("../../../../clients/jsonApi/index.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../../../../utils/charts/Styles.scss.js"),require("../../../../utils/getSingleAsset.js");var d=require("react/jsx-runtime");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=p(e),f=p(r),j=p(i);function q(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?q(Object(t),!0).forEach((function(r){f.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):q(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var g=s.makeStyles((function(e){return{content:{width:"472px",marginTop:"24px"},sectionItem:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",padding:"8px",fontSize:"12px",fontWeight:"normal",color:e.palette.primary.text6,borderTop:"1px solid ".concat(e.palette.primary.text8),"&:last-child":{borderBottom:"1px solid ".concat(e.palette.primary.text8)}},disabledSectionItem:{color:e.palette.primary.text8},wellList:{width:"100%",margin:0,padding:0},searchContainer:{display:"flex",justifyContent:"space-between",marginBottom:"24px",alignItems:"center"},advancedSearch:{fontSize:"14px",fontWeight:500,color:"#03BCD4",cursor:"pointer","&:hover":{textDecoration:"underline"}}}}));function x(e){var r=e.company,t=e.wellSections,n=void 0===t?b:t,i=e.getWellName,p=e.onChangeWellSections,f=e.onExploreMode,q=g(),x=function(e,r){var t=n.find((function(r){return r.name===e.name})).wells.map((function(e){return e.id})),i=n.map((function(e){var n=e.wells.map((function(e){return t.includes(e.id)?h(h({},e),{},{checked:r}):h({},e)}));return h(h({},e),{},{wells:n})}));p(i)},y=function(e){var r=n.map((function(r){return r.name===e.name?h(h({},r),{},{expanded:!r.expanded}):r}));p(r)},v=function(e){var r=n.map((function(r){var t=r.wells.map((function(r){return r.id===e.id?h(h({},r),{},{checked:!r.checked}):r}));return h(h({},r),{},{wells:t})}));p(r)},w=function(e){x(e,!0)},S=function(e){x(e,!1)};return d.jsxs("div",{className:q.content,children:[d.jsxs("div",{className:q.searchContainer,children:[d.jsx(o,{company:+r,onClickAsset:function(e,r){var t=n.map((function(t){if("Search Results"===t.name){var n=m.default(t.wells);return t.wells.find((function(r){return r.id===e}))||n.push({id:e,checked:!0,name:r,kind:"manual"}),h(h({},t),{},{wells:n})}return h(h({},t),{},{wells:t.wells.map((function(r){return r.id===e?h(h({},r),{},{checked:!0}):r}))})}));p(t),u.showSuccessNotification("Offset well successfully added!")},onExploreMode:f}),d.jsx(s.Typography,{"data-testid":"".concat("WellSection","_advancedSearch"),className:q.advancedSearch,onClick:function(){f()},children:"Advanced Search"})]}),(n||[]).map((function(e){return 0===e.wells.length?d.jsx("div",{className:j.default(q.sectionItem,q.disabledSectionItem),children:d.jsx(l,{section:e,disabled:!0})},"empty-".concat(e.name)):d.jsx("div",{className:q.sectionItem,children:d.jsxs(s.Accordion,{expanded:e.expanded,onChange:function(){return y(e)},children:[d.jsx(s.AccordionSummary,{expandIcon:d.jsx(a.ExpandMore,{}),style:{width:"100%"},children:d.jsx(l,{section:e,onExpandCollapse:y,onSelectAll:w,onClearAll:S})}),d.jsx(s.AccordionDetails,{children:d.jsx(s.List,{dense:!0,className:q.wellList,children:e.wells.map((function(r){return d.jsx(c,{well:r,wellName:i(e.wells,r.id),rigName:r.rigName,onToggleWell:v},"well-".concat(e.name,"-").concat(r.id))}))})})]})},"section-".concat(e.name))}))]})}x.propTypes={company:n.string.isRequired,wellSections:n.arrayOf(n.shape({})),getWellName:n.func.isRequired,onChangeWellSections:n.func.isRequired,onExploreMode:n.func.isRequired};var b=[],y=t.memo(x);module.exports=y;
+"use strict";var e=require("@babel/runtime/helpers/toConsumableArray"),r=require("@babel/runtime/helpers/defineProperty"),t=require("react"),n=require("prop-types"),i=require("classnames"),s=require("@material-ui/core"),a=require("@material-ui/icons/ExpandMore"),o=require("./AssetSearch.js"),l=require("./SectionItem.js"),c=require("./WellListItem.js");require("../../../UserMention/utils/index.js"),require("../../../../utils/convert.js"),require("../../../../constants/completion.js"),require("moment"),require("../../../../constants/alerts.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../../utils/casing/validation.js"),require("@babel/runtime/helpers/slicedToArray"),require("lodash/mean"),require("lodash"),require("../../../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../../../constants/goals.js"),require("../../../../constants/segment.js"),require("../../../../constants/apps.js"),require("../../../../constants/drillstring.js"),require("../../../../constants/appPackages.js"),require("../../../../constants/notifications.js"),require("../../../../constants/feed.js"),require("../../../../constants/bha.js"),require("../../../../constants/corvaCompanyId.js"),require("../../../GradientManager/configuration/constants.js"),require("../../../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("lodash/isNumber"),require("lodash/has"),require("../../../../utils/ga.js"),require("../../../../utils/goalsConfig/goalsConfig.js"),require("../../../../utils/lasParser.js"),require("../../../../utils/main.js"),require("../../../../utils/metrics/metricsConfig.js"),require("../../../../utils/mobileDetect.js"),require("../../../../utils/feed.js"),require("../../../../utils/reports.js"),require("moment-timezone");var u=require("../../../../utils/notificationToasts.js");require("@babel/runtime/helpers/typeof"),require("../../../../utils/dashboardReports.js"),require("../../../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../../utils/jsonaDataFormatter.js"),require("../../../../utils/bha.js"),require("jsona"),require("../../../../clients/jsonApi/index.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../../../../utils/charts/Styles.scss.js"),require("../../../../utils/getSingleAsset.js");var d=require("react/jsx-runtime");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=p(e),f=p(r),j=p(i),q=p(a);function h(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function g(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?h(Object(t),!0).forEach((function(r){f.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var x=s.makeStyles((function(e){return{content:{width:"472px",marginTop:"24px"},sectionItem:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",padding:"8px",fontSize:"12px",fontWeight:"normal",color:e.palette.primary.text6,borderTop:"1px solid ".concat(e.palette.primary.text8),"&:last-child":{borderBottom:"1px solid ".concat(e.palette.primary.text8)}},disabledSectionItem:{color:e.palette.primary.text8},wellList:{width:"100%",margin:0,padding:0},searchContainer:{display:"flex",justifyContent:"space-between",marginBottom:"24px",alignItems:"center"},advancedSearch:{fontSize:"14px",fontWeight:500,color:"#03BCD4",cursor:"pointer","&:hover":{textDecoration:"underline"}}}}));function b(e){var r=e.company,t=e.wellSections,n=void 0===t?y:t,i=e.getWellName,a=e.onChangeWellSections,p=e.onExploreMode,f=x(),h=function(e,r){var t=n.find((function(r){return r.name===e.name})).wells.map((function(e){return e.id})),i=n.map((function(e){var n=e.wells.map((function(e){return t.includes(e.id)?g(g({},e),{},{checked:r}):g({},e)}));return g(g({},e),{},{wells:n})}));a(i)},b=function(e){var r=n.map((function(r){return r.name===e.name?g(g({},r),{},{expanded:!r.expanded}):r}));a(r)},v=function(e){var r=n.map((function(r){var t=r.wells.map((function(r){return r.id===e.id?g(g({},r),{},{checked:!r.checked}):r}));return g(g({},r),{},{wells:t})}));a(r)},w=function(e){h(e,!0)},S=function(e){h(e,!1)};return d.jsxs("div",{className:f.content,children:[d.jsxs("div",{className:f.searchContainer,children:[d.jsx(o,{company:+r,onClickAsset:function(e,r){var t=n.map((function(t){if("Search Results"===t.name){var n=m.default(t.wells);return t.wells.find((function(r){return r.id===e}))||n.push({id:e,checked:!0,name:r,kind:"manual"}),g(g({},t),{},{wells:n})}return g(g({},t),{},{wells:t.wells.map((function(r){return r.id===e?g(g({},r),{},{checked:!0}):r}))})}));a(t),u.showSuccessNotification("Offset well successfully added!")},onExploreMode:p}),d.jsx(s.Typography,{"data-testid":"".concat("WellSection","_advancedSearch"),className:f.advancedSearch,onClick:function(){p()},children:"Advanced Search"})]}),(n||[]).map((function(e){return 0===e.wells.length?d.jsx("div",{className:j.default(f.sectionItem,f.disabledSectionItem),children:d.jsx(l,{section:e,disabled:!0})},"empty-".concat(e.name)):d.jsx("div",{className:f.sectionItem,children:d.jsxs(s.Accordion,{expanded:e.expanded,onChange:function(){return b(e)},children:[d.jsx(s.AccordionSummary,{expandIcon:d.jsx(q.default,{}),style:{width:"100%"},children:d.jsx(l,{section:e,onExpandCollapse:b,onSelectAll:w,onClearAll:S})}),d.jsx(s.AccordionDetails,{children:d.jsx(s.List,{dense:!0,className:f.wellList,children:e.wells.map((function(r){return d.jsx(c,{well:r,wellName:i(e.wells,r.id),rigName:r.rigName,onToggleWell:v},"well-".concat(e.name,"-").concat(r.id))}))})})]})},"section-".concat(e.name))}))]})}b.propTypes={company:n.string.isRequired,wellSections:n.arrayOf(n.shape({})),getWellName:n.func.isRequired,onChangeWellSections:n.func.isRequired,onExploreMode:n.func.isRequired};var y=[],v=t.memo(b);module.exports=v;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/BICOffsetPickerDialog/components/WellSection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/index.js"],"sourcesContent":["import { memo } from 'react';\nimport { string, shape, func, arrayOf } from 'prop-types';\nimport classNames from 'classnames';\nimport {\n  makeStyles,\n  List,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  Typography,\n} from '@material-ui/core';\nimport { ExpandMore } from '@material-ui/icons';\n\nimport AssetSearch from './AssetSearch';\nimport SectionItem from './SectionItem';\nimport WellListItem from './WellListItem';\n\nimport { showSuccessNotification } from '~/utils';\n\nconst PAGE_NAME = 'WellSection';\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    width: '472px',\n    marginTop: '24px',\n  },\n  sectionItem: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: '8px',\n    fontSize: '12px',\n    fontWeight: 'normal',\n    color: theme.palette.primary.text6,\n    borderTop: `1px solid ${theme.palette.primary.text8}`,\n    '&:last-child': {\n      borderBottom: `1px solid ${theme.palette.primary.text8}`,\n    },\n  },\n  disabledSectionItem: {\n    color: theme.palette.primary.text8,\n  },\n  wellList: {\n    width: '100%',\n    margin: 0,\n    padding: 0,\n  },\n  searchContainer: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    marginBottom: '24px',\n    alignItems: 'center',\n  },\n  advancedSearch: {\n    fontSize: '14px',\n    fontWeight: 500,\n    color: '#03BCD4',\n    cursor: 'pointer',\n    '&:hover': {\n      textDecoration: 'underline',\n    },\n  },\n}));\n\nfunction WellSection({\n  company,\n  wellSections = DEFAULT_WELL_SECTION_WELL_SECTIONS,\n  getWellName,\n  onChangeWellSections,\n  onExploreMode,\n}) {\n  const classes = useStyles();\n\n  const selectAllWells = (targetSection, f) => {\n    const selectedWellIds = wellSections\n      .find(section => section.name === targetSection.name)\n      .wells.map(item => item.id);\n\n    const data = wellSections.map(section => {\n      const sectionData = section.wells.map(well => {\n        if (selectedWellIds.includes(well.id)) {\n          return { ...well, checked: f };\n        } else {\n          return { ...well };\n        }\n      });\n      return {\n        ...section,\n        wells: sectionData,\n      };\n    });\n    onChangeWellSections(data);\n  };\n\n  const handleExpandCollapseSection = targetSection => {\n    const data = wellSections.map(section => {\n      if (section.name === targetSection.name) {\n        return { ...section, expanded: !section.expanded };\n      }\n      return section;\n    });\n    onChangeWellSections(data);\n  };\n\n  const handleToggleWell = targetWell => {\n    const data = wellSections.map(section => {\n      const sectionData = section.wells.map(well => {\n        if (well.id === targetWell.id) {\n          return { ...well, checked: !well.checked };\n        }\n        return well;\n      });\n      return {\n        ...section,\n        wells: sectionData,\n      };\n    });\n    onChangeWellSections(data);\n  };\n\n  const handleSelectAll = targetSection => {\n    selectAllWells(targetSection, true);\n  };\n\n  const handleClearAll = targetSection => {\n    selectAllWells(targetSection, false);\n  };\n\n  const handleClickAsset = (redirectAssetId, name) => {\n    const data = wellSections.map(section => {\n      if (section.name === 'Search Results') {\n        const wells = [...section.wells];\n        if (!section.wells.find(item => item.id === redirectAssetId)) {\n          wells.push({ id: redirectAssetId, checked: true, name, kind: 'manual' });\n        }\n        return { ...section, wells };\n      }\n      return {\n        ...section,\n        wells: section.wells.map(well =>\n          well.id === redirectAssetId ? { ...well, checked: true } : well\n        ),\n      };\n    });\n    onChangeWellSections(data);\n    showSuccessNotification('Offset well successfully added!');\n  };\n\n  const handleOffsetPickerDialog = () => {\n    onExploreMode();\n  };\n\n  return (\n    <div className={classes.content}>\n      <div className={classes.searchContainer}>\n        <AssetSearch\n          company={+company}\n          onClickAsset={handleClickAsset}\n          onExploreMode={onExploreMode}\n        />\n        <Typography\n          data-testid={`${PAGE_NAME}_advancedSearch`}\n          className={classes.advancedSearch}\n          onClick={handleOffsetPickerDialog}\n        >\n          Advanced Search\n        </Typography>\n      </div>\n\n      {(wellSections || []).map(section =>\n        section.wells.length === 0 ? (\n          <div\n            key={`empty-${section.name}`}\n            className={classNames(classes.sectionItem, classes.disabledSectionItem)}\n          >\n            <SectionItem section={section} disabled />\n          </div>\n        ) : (\n          <div key={`section-${section.name}`} className={classes.sectionItem}>\n            <Accordion\n              expanded={section.expanded}\n              onChange={() => handleExpandCollapseSection(section)}\n            >\n              <AccordionSummary expandIcon={<ExpandMore />} style={{ width: '100%' }}>\n                <SectionItem\n                  section={section}\n                  onExpandCollapse={handleExpandCollapseSection}\n                  onSelectAll={handleSelectAll}\n                  onClearAll={handleClearAll}\n                />\n              </AccordionSummary>\n              <AccordionDetails>\n                <List dense className={classes.wellList}>\n                  {section.wells.map(well => (\n                    <WellListItem\n                      key={`well-${section.name}-${well.id}`}\n                      well={well}\n                      wellName={getWellName(section.wells, well.id)}\n                      rigName={well.rigName}\n                      onToggleWell={handleToggleWell}\n                    />\n                  ))}\n                </List>\n              </AccordionDetails>\n            </Accordion>\n          </div>\n        )\n      )}\n    </div>\n  );\n}\n\nWellSection.propTypes = {\n  company: string.isRequired,\n  wellSections: arrayOf(shape({})),\n  getWellName: func.isRequired,\n  onChangeWellSections: func.isRequired,\n  onExploreMode: func.isRequired,\n};\n\nconst DEFAULT_WELL_SECTION_WELL_SECTIONS = [];\n\n// Important: Do not change root component default export (WellSection.js). Use it as container\n//  for your WellSection. It's required to make build and zip scripts work as expected;\nexport default memo(WellSection);\n"],"names":["useStyles","makeStyles","theme","content","width","marginTop","sectionItem","display","flexDirection","justifyContent","alignItems","padding","fontSize","fontWeight","color","palette","primary","text6","borderTop","concat","text8","borderBottom","disabledSectionItem","wellList","margin","searchContainer","marginBottom","advancedSearch","cursor","textDecoration","WellSection","_ref","company","_ref$wellSections","wellSections","DEFAULT_WELL_SECTION_WELL_SECTIONS","getWellName","onChangeWellSections","onExploreMode","classes","selectAllWells","targetSection","f","selectedWellIds","find","section","name","wells","map","item","id","data","sectionData","well","includes","_objectSpread","checked","handleExpandCollapseSection","expanded","handleToggleWell","targetWell","handleSelectAll","handleClearAll","_jsxs","className","children","jsxs","_jsx","AssetSearch","onClickAsset","redirectAssetId","_toConsumableArray","push","kind","showSuccessNotification","Typography","onClick","length","classNames","SectionItem","disabled","jsx","Accordion","onChange","AccordionSummary","expandIcon","ExpandMore","style","onExpandCollapse","onSelectAll","onClearAll","AccordionDetails","List","dense","WellListItem","wellName","rigName","onToggleWell","propTypes","string","isRequired","arrayOf","shape","func","memo"],"mappings":"kmGAmBA,IAEMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,MAAO,QACPC,UAAW,QAEbC,YAAa,CACXC,QAAS,OACTC,cAAe,MACfC,eAAgB,gBAChBC,WAAY,SACZC,QAAS,MACTC,SAAU,OACVC,WAAY,SACZC,MAAOZ,EAAMa,QAAQC,QAAQC,MAC7BC,UAAS,aAAAC,OAAejB,EAAMa,QAAQC,QAAQI,OAC9C,eAAgB,CACdC,iCAA2BnB,EAAMa,QAAQC,QAAQI,SAGrDE,oBAAqB,CACnBR,MAAOZ,EAAMa,QAAQC,QAAQI,OAE/BG,SAAU,CACRnB,MAAO,OACPoB,OAAQ,EACRb,QAAS,GAEXc,gBAAiB,CACflB,QAAS,OACTE,eAAgB,gBAChBiB,aAAc,OACdhB,WAAY,UAEdiB,eAAgB,CACdf,SAAU,OACVC,WAAY,IACZC,MAAO,UACPc,OAAQ,UACR,UAAW,CACTC,eAAgB,cAGrB,IAED,SAASC,EAMNC,GAAA,IALDC,IAAAA,QAAOC,EAAAF,EACPG,aAAAA,aAAeC,EAAkCF,EACjDG,IAAAA,YACAC,IAAAA,qBACAC,IAAAA,cAEMC,EAAUvC,IAEVwC,EAAiB,SAACC,EAAeC,GACrC,IAAMC,EAAkBT,EACrBU,MAAK,SAAAC,GAAO,OAAIA,EAAQC,OAASL,EAAcK,IAAI,IACnDC,MAAMC,KAAI,SAAAC,GAAI,OAAIA,EAAKC,MAEpBC,EAAOjB,EAAac,KAAI,SAAAH,GAC5B,IAAMO,EAAcP,EAAQE,MAAMC,KAAI,SAAAK,GACpC,OAAIV,EAAgBW,SAASD,EAAKH,IAChCK,EAAAA,EAAA,CAAA,EAAYF,GAAI,CAAA,EAAA,CAAEG,QAASd,IAE3Ba,EAAA,GAAYF,EAEhB,IACA,OAAAE,EAAAA,EAAA,CAAA,EACKV,GAAO,CAAA,EAAA,CACVE,MAAOK,GAEX,IACAf,EAAqBc,IAGjBM,EAA8B,SAAAhB,GAClC,IAAMU,EAAOjB,EAAac,KAAI,SAAAH,GAC5B,OAAIA,EAAQC,OAASL,EAAcK,KACjCS,EAAAA,EAAA,CAAA,EAAYV,GAAO,CAAA,EAAA,CAAEa,UAAWb,EAAQa,WAEnCb,CACT,IACAR,EAAqBc,IAGjBQ,EAAmB,SAAAC,GACvB,IAAMT,EAAOjB,EAAac,KAAI,SAAAH,GAC5B,IAAMO,EAAcP,EAAQE,MAAMC,KAAI,SAAAK,GACpC,OAAIA,EAAKH,KAAOU,EAAWV,GACzBK,EAAAA,EAAA,CAAA,EAAYF,GAAI,CAAA,EAAA,CAAEG,SAAUH,EAAKG,UAE5BH,CACT,IACA,OAAAE,EAAAA,EAAA,CAAA,EACKV,GAAO,CAAA,EAAA,CACVE,MAAOK,GAEX,IACAf,EAAqBc,IAGjBU,EAAkB,SAAApB,GACtBD,EAAeC,GAAe,IAG1BqB,EAAiB,SAAArB,GACrBD,EAAeC,GAAe,IA2BhC,OACEsB,EAAAA,KAAA,MAAA,CAAKC,UAAWzB,EAAQpC,QAAQ8D,SAC9B,CAAAF,EAAAG,KAAA,MAAA,CAAKF,UAAWzB,EAAQd,gBAAgBwC,SAAA,CACtCE,MAACC,EAAW,CACVpC,SAAUA,EACVqC,aA7BiB,SAACC,EAAiBxB,GACzC,IAAMK,EAAOjB,EAAac,KAAI,SAAAH,GAC5B,GAAqB,mBAAjBA,EAAQC,KAA2B,CACrC,IAAMC,EAAKwB,EAAAA,QAAO1B,EAAQE,OAI1B,OAHKF,EAAQE,MAAMH,MAAK,SAAAK,GAAI,OAAIA,EAAKC,KAAOoB,CAAe,KACzDvB,EAAMyB,KAAK,CAAEtB,GAAIoB,EAAiBd,SAAS,EAAMV,KAAAA,EAAM2B,KAAM,WAE/DlB,EAAAA,EAAA,CAAA,EAAYV,GAAO,CAAA,EAAA,CAAEE,MAAAA,GACvB,CACA,OAAAQ,EAAAA,EAAA,CAAA,EACKV,GAAO,CAAA,EAAA,CACVE,MAAOF,EAAQE,MAAMC,KAAI,SAAAK,GAAI,OAC3BA,EAAKH,KAAOoB,SAAuBjB,GAAI,GAAA,CAAEG,SAAS,IAASH,CAAI,KAGrE,IACAhB,EAAqBc,GACrBuB,EAAuBA,wBAAC,oCAalBpC,cAAeA,IAEjB6B,MAACQ,aAAU,CACT,cAAA,GAAAxD,OA/IQ,cA+ImC,mBAC3C6C,UAAWzB,EAAQZ,eACnBiD,QAfyB,WAC/BtC,KAcwC2B,SAAA,wBAMpC/B,GAAgB,IAAIc,KAAI,SAAAH,GAAO,OACN,IAAzBA,EAAQE,MAAM8B,OACZV,EAAAA,IAAA,MAAA,CAEEH,UAAWc,EAAAA,QAAWvC,EAAQjC,YAAaiC,EAAQjB,qBAAqB2C,SAExEE,MAACY,EAAW,CAAClC,QAASA,EAASmC,UAAQ,KAAG,SAAA7D,OAH5B0B,EAAQC,OAMxBqB,EAAAc,IAAA,MAAA,CAAqCjB,UAAWzB,EAAQjC,YAAY2D,SAClEF,OAACmB,YAAS,CACRxB,SAAUb,EAAQa,SAClByB,SAAU,WAAA,OAAM1B,EAA4BZ,EAAS,EAAAoB,SAAA,CAErDE,MAACiB,mBAAgB,CAACC,WAAYlB,EAAAA,IAACmB,EAAUA,WAAI,IAACC,MAAO,CAAEnF,MAAO,QAAS6D,SACrEE,MAACY,EAAW,CACVlC,QAASA,EACT2C,iBAAkB/B,EAClBgC,YAAa5B,EACb6B,WAAY5B,MAGhBK,MAACwB,mBAAgB,CAAA1B,SACfE,MAACyB,OAAI,CAACC,OAAK,EAAC7B,UAAWzB,EAAQhB,SAAS0C,SACrCpB,EAAQE,MAAMC,KAAI,SAAAK,GAAI,OACrBc,EAAAA,IAAC2B,EAAY,CAEXzC,KAAMA,EACN0C,SAAU3D,EAAYS,EAAQE,MAAOM,EAAKH,IAC1C8C,QAAS3C,EAAK2C,QACdC,aAActC,GAAiB,QAAAxC,OAJlB0B,EAAQC,iBAAQO,EAAKH,gBAjBzBL,WAAAA,OAAAA,EAAQC,YAgCvC,CAEAhB,EAAYoE,UAAY,CACtBlE,QAASmE,EAAMA,OAACC,WAChBlE,aAAcmE,EAAOA,QAACC,QAAM,CAAA,IAC5BlE,YAAamE,EAAIA,KAACH,WAClB/D,qBAAsBkE,EAAIA,KAACH,WAC3B9D,cAAeiE,EAAIA,KAACH,YAGtB,IAAMjE,EAAqC,GAI5BqE,EAAAA,EAAAA,KAAK1E"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/index.js"],"sourcesContent":["import { memo } from 'react';\nimport { string, shape, func, arrayOf } from 'prop-types';\nimport classNames from 'classnames';\nimport {\n  makeStyles,\n  List,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  Typography,\n} from '@material-ui/core';\nimport ExpandMore from '@material-ui/icons/ExpandMore';\n\nimport AssetSearch from './AssetSearch';\nimport SectionItem from './SectionItem';\nimport WellListItem from './WellListItem';\n\nimport { showSuccessNotification } from '~/utils';\n\nconst PAGE_NAME = 'WellSection';\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    width: '472px',\n    marginTop: '24px',\n  },\n  sectionItem: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: '8px',\n    fontSize: '12px',\n    fontWeight: 'normal',\n    color: theme.palette.primary.text6,\n    borderTop: `1px solid ${theme.palette.primary.text8}`,\n    '&:last-child': {\n      borderBottom: `1px solid ${theme.palette.primary.text8}`,\n    },\n  },\n  disabledSectionItem: {\n    color: theme.palette.primary.text8,\n  },\n  wellList: {\n    width: '100%',\n    margin: 0,\n    padding: 0,\n  },\n  searchContainer: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    marginBottom: '24px',\n    alignItems: 'center',\n  },\n  advancedSearch: {\n    fontSize: '14px',\n    fontWeight: 500,\n    color: '#03BCD4',\n    cursor: 'pointer',\n    '&:hover': {\n      textDecoration: 'underline',\n    },\n  },\n}));\n\nfunction WellSection({\n  company,\n  wellSections = DEFAULT_WELL_SECTION_WELL_SECTIONS,\n  getWellName,\n  onChangeWellSections,\n  onExploreMode,\n}) {\n  const classes = useStyles();\n\n  const selectAllWells = (targetSection, f) => {\n    const selectedWellIds = wellSections\n      .find(section => section.name === targetSection.name)\n      .wells.map(item => item.id);\n\n    const data = wellSections.map(section => {\n      const sectionData = section.wells.map(well => {\n        if (selectedWellIds.includes(well.id)) {\n          return { ...well, checked: f };\n        } else {\n          return { ...well };\n        }\n      });\n      return {\n        ...section,\n        wells: sectionData,\n      };\n    });\n    onChangeWellSections(data);\n  };\n\n  const handleExpandCollapseSection = targetSection => {\n    const data = wellSections.map(section => {\n      if (section.name === targetSection.name) {\n        return { ...section, expanded: !section.expanded };\n      }\n      return section;\n    });\n    onChangeWellSections(data);\n  };\n\n  const handleToggleWell = targetWell => {\n    const data = wellSections.map(section => {\n      const sectionData = section.wells.map(well => {\n        if (well.id === targetWell.id) {\n          return { ...well, checked: !well.checked };\n        }\n        return well;\n      });\n      return {\n        ...section,\n        wells: sectionData,\n      };\n    });\n    onChangeWellSections(data);\n  };\n\n  const handleSelectAll = targetSection => {\n    selectAllWells(targetSection, true);\n  };\n\n  const handleClearAll = targetSection => {\n    selectAllWells(targetSection, false);\n  };\n\n  const handleClickAsset = (redirectAssetId, name) => {\n    const data = wellSections.map(section => {\n      if (section.name === 'Search Results') {\n        const wells = [...section.wells];\n        if (!section.wells.find(item => item.id === redirectAssetId)) {\n          wells.push({ id: redirectAssetId, checked: true, name, kind: 'manual' });\n        }\n        return { ...section, wells };\n      }\n      return {\n        ...section,\n        wells: section.wells.map(well =>\n          well.id === redirectAssetId ? { ...well, checked: true } : well\n        ),\n      };\n    });\n    onChangeWellSections(data);\n    showSuccessNotification('Offset well successfully added!');\n  };\n\n  const handleOffsetPickerDialog = () => {\n    onExploreMode();\n  };\n\n  return (\n    <div className={classes.content}>\n      <div className={classes.searchContainer}>\n        <AssetSearch\n          company={+company}\n          onClickAsset={handleClickAsset}\n          onExploreMode={onExploreMode}\n        />\n        <Typography\n          data-testid={`${PAGE_NAME}_advancedSearch`}\n          className={classes.advancedSearch}\n          onClick={handleOffsetPickerDialog}\n        >\n          Advanced Search\n        </Typography>\n      </div>\n\n      {(wellSections || []).map(section =>\n        section.wells.length === 0 ? (\n          <div\n            key={`empty-${section.name}`}\n            className={classNames(classes.sectionItem, classes.disabledSectionItem)}\n          >\n            <SectionItem section={section} disabled />\n          </div>\n        ) : (\n          <div key={`section-${section.name}`} className={classes.sectionItem}>\n            <Accordion\n              expanded={section.expanded}\n              onChange={() => handleExpandCollapseSection(section)}\n            >\n              <AccordionSummary expandIcon={<ExpandMore />} style={{ width: '100%' }}>\n                <SectionItem\n                  section={section}\n                  onExpandCollapse={handleExpandCollapseSection}\n                  onSelectAll={handleSelectAll}\n                  onClearAll={handleClearAll}\n                />\n              </AccordionSummary>\n              <AccordionDetails>\n                <List dense className={classes.wellList}>\n                  {section.wells.map(well => (\n                    <WellListItem\n                      key={`well-${section.name}-${well.id}`}\n                      well={well}\n                      wellName={getWellName(section.wells, well.id)}\n                      rigName={well.rigName}\n                      onToggleWell={handleToggleWell}\n                    />\n                  ))}\n                </List>\n              </AccordionDetails>\n            </Accordion>\n          </div>\n        )\n      )}\n    </div>\n  );\n}\n\nWellSection.propTypes = {\n  company: string.isRequired,\n  wellSections: arrayOf(shape({})),\n  getWellName: func.isRequired,\n  onChangeWellSections: func.isRequired,\n  onExploreMode: func.isRequired,\n};\n\nconst DEFAULT_WELL_SECTION_WELL_SECTIONS = [];\n\n// Important: Do not change root component default export (WellSection.js). Use it as container\n//  for your WellSection. It's required to make build and zip scripts work as expected;\nexport default memo(WellSection);\n"],"names":["useStyles","makeStyles","theme","content","width","marginTop","sectionItem","display","flexDirection","justifyContent","alignItems","padding","fontSize","fontWeight","color","palette","primary","text6","borderTop","concat","text8","borderBottom","disabledSectionItem","wellList","margin","searchContainer","marginBottom","advancedSearch","cursor","textDecoration","WellSection","_ref","company","_ref$wellSections","wellSections","DEFAULT_WELL_SECTION_WELL_SECTIONS","getWellName","onChangeWellSections","onExploreMode","classes","selectAllWells","targetSection","f","selectedWellIds","find","section","name","wells","map","item","id","data","sectionData","well","includes","_objectSpread","checked","handleExpandCollapseSection","expanded","handleToggleWell","targetWell","handleSelectAll","handleClearAll","_jsxs","className","children","jsxs","_jsx","AssetSearch","onClickAsset","redirectAssetId","_toConsumableArray","push","kind","showSuccessNotification","Typography","onClick","length","classNames","SectionItem","disabled","jsx","Accordion","onChange","AccordionSummary","expandIcon","ExpandMore","style","onExpandCollapse","onSelectAll","onClearAll","AccordionDetails","List","dense","WellListItem","wellName","rigName","onToggleWell","propTypes","string","isRequired","arrayOf","shape","func","memo"],"mappings":"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"}