@corva/ui 3.77.0-9 → 3.77.0-rc.1

package/components/AssetEditorV2/components/PrimaryAssetSelect.d.ts

@@ -1,41 +1,32 @@
-import PropTypes from 'prop-types';
-declare function PrimaryAssetSelect({ 'data-testid': PAGE_NAME, appKey, assetFields, assetType, company, currentOption, currentValue, defaultValue, disableClearable, disabled, groups, isNullable, isRequiredAssetId, isSecondaryAssetPresent, label, multiple, onActiveAssetIdChange, onChange, onGroupChange, onGroupReset, onInputReset, placeholder, selectedGroup, setCurrentOption, }: {
-    appKey: any;
-    assetFields?: any[] | undefined;
-    assetType: any;
-    company: any;
-    currentOption: any;
-    currentValue: any;
-    "data-testid"?: string | undefined;
-    defaultValue: any;
-    disableClearable: any;
-    disabled: any;
-    groups: any;
-    isNullable: any;
-    isRequiredAssetId: any;
-    isSecondaryAssetPresent?: boolean | undefined;
-    label: any;
-    multiple: any;
-    onActiveAssetIdChange?: typeof DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE | undefined;
-    onChange: any;
-    onGroupChange: any;
-    onGroupReset: any;
-    onInputReset?: typeof DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET | undefined;
-    placeholder?: null | undefined;
-    selectedGroup: any;
-    setCurrentOption: any;
-}): import("react").JSX.Element;
-declare namespace PrimaryAssetSelect {
-    var propTypes: {
-        assetFields: PropTypes.Requireable<any[]>;
-        isSecondaryAssetPresent: PropTypes.Requireable<boolean>;
-        'data-testid': PropTypes.Requireable<string>;
-        onInputReset: PropTypes.Requireable<(...args: any[]) => any>;
-        onActiveAssetIdChange: PropTypes.Requireable<(...args: any[]) => any>;
-        placeholder: PropTypes.Requireable<string>;
-    };
-}
-declare const DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET: () => void;
-declare const DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE: () => void;
+import { FC } from 'react';
+import { AssetGroup, AssetId, AssetSelection, PrimaryAssetChange } from '../types';
+export type PrimaryAssetSelectProps = {
+    'data-testid'?: string;
+    appKey?: string | null;
+    assetFields?: string[];
+    assetType?: string | null;
+    company?: AssetId | null;
+    currentOption?: AssetSelection;
+    currentValue?: AssetId | null;
+    defaultValue?: AssetId | null;
+    disableClearable?: boolean;
+    disabled?: boolean;
+    groups?: AssetGroup[];
+    isDrillingPlatformApp?: boolean;
+    isNullable?: boolean;
+    isRequiredAssetId?: boolean;
+    isSecondaryAssetPresent?: boolean;
+    label?: string;
+    multiple?: boolean;
+    onActiveAssetIdChange?: (id: number | null) => void;
+    onChange: (selected: PrimaryAssetChange) => void;
+    onGroupChange?: (group: AssetGroup | null) => void;
+    onGroupReset?: () => void;
+    onInputReset?: () => void;
+    placeholder?: string | null;
+    selectedGroup?: AssetGroup | null;
+    setCurrentOption: (selection: AssetSelection) => void;
+};
+declare const PrimaryAssetSelect: FC<PrimaryAssetSelectProps>;
 export default PrimaryAssetSelect;
 //# sourceMappingURL=PrimaryAssetSelect.d.ts.map

package/components/AssetEditorV2/components/PrimaryAssetSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrimaryAssetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/PrimaryAssetSelect.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;oCA8CP,EAC1B,aAAa,EAAE,SAA4C,EAC3D,MAAM,EACN,WAAuD,EACvD,SAAS,EACT,OAAO,EACP,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,UAAU,EACV,iBAAiB,EACjB,uBAA8B,EAC9B,KAAK,EACL,QAAQ,EACR,qBAA8E,EAC9E,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,YAA0D,EAC1D,WAAkB,EAClB,aAAa,EACb,gBAAgB,GACjB;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;;;;;;;;;;;AAkGD,QAAA,MAAM,2CAA2C,YAAW,CAAC;AAC7D,QAAA,MAAM,sDAAsD,YAAW,CAAC;eAEzD,kBAAkB"}
+{"version":3,"file":"PrimaryAssetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/PrimaryAssetSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAQrC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAe,cAAc,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAKhG,MAAM,MAAM,uBAAuB,GAAG;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;CACvD,CAAC;AAmDF,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA+HnD,CAAC;eAEa,kBAAkB"}

package/components/AssetEditorV2/components/PrimaryAssetSelect.js

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

package/components/AssetEditorV2/components/PrimaryAssetSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimaryAssetSelect.js","sources":["../../../../src/components/AssetEditorV2/components/PrimaryAssetSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useCallback, useState } from 'react';\nimport { debounce } from 'lodash';\nimport { Chip, makeStyles } from '@material-ui/core';\n\nimport Search from '../../Search/Search';\nimport { Groups, InputAdornmentLeft } from '../../Search/components';\nimport { usePrimaryAssetSelectData } from '../effects';\nimport { ACTIVE_STATUS } from '../constants';\nimport { getSearchPlaceholder } from '../utils';\n\nimport SelectItem from './SelectItem';\n\nconst useStyles = makeStyles({\n  paper: {\n    boxShadow: '0px 3px 10px 0px #00000066',\n  },\n  listbox: {\n    maxHeight: 210,\n    '& .MuiAutocomplete-option': {\n      padding: '0px 0px 0px 16px',\n    },\n  },\n  option: {\n    padding: '6px 0',\n    '&:hover': {\n      backgroundColor: 'initial',\n    },\n  },\n  groupChip: {\n    height: 32,\n    padding: 0,\n  },\n  activeChip: {\n    fontWeight: 500,\n    backgroundColor: '#75DB29',\n    color: '#212121',\n    fontSize: 10,\n    cursor: 'pointer',\n    height: 12,\n    textTransform: 'uppercase',\n    marginRight: 12,\n    letterSpacing: 1,\n  },\n});\n\nconst PrimaryAssetSelect = ({\n  'data-testid': PAGE_NAME = 'PrimaryAssetEditorAutocomplete',\n  appKey,\n  assetFields = DEFAULT_PRIMARY_ASSET_SELECT_ASSET_FIELDS,\n  assetType,\n  company,\n  currentOption,\n  currentValue,\n  defaultValue,\n  disableClearable,\n  disabled,\n  groups,\n  isNullable,\n  isRequiredAssetId,\n  isSecondaryAssetPresent = true,\n  label,\n  multiple,\n  onActiveAssetIdChange = DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE,\n  onChange,\n  onGroupChange,\n  onGroupReset,\n  onInputReset = DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET,\n  placeholder = null,\n  selectedGroup,\n  setCurrentOption,\n}) => {\n  const [searchValue, setSearchValue] = useState('');\n\n  const searchPlaceholder = getSearchPlaceholder(assetType, isSecondaryAssetPresent);\n  const styles = useStyles();\n\n  const { assets, loading: isLoading } = usePrimaryAssetSelectData({\n    appKey,\n    assetType,\n    company,\n    groups,\n    isRequiredAssetId,\n    assetFields,\n    selectedGroup,\n    currentValue,\n    setCurrentOption,\n    onActiveAssetIdChange,\n  });\n\n  const onInputChange = useCallback(\n    debounce(value => {\n      setSearchValue(value);\n    }, 200),\n    []\n  );\n\n  const renderOption = ({ status, name, id }, { selected }) => {\n    return (\n      <SelectItem\n        className={styles.option}\n        assetName={name}\n        key={id}\n        multiple={multiple}\n        selected={selected}\n        value={id}\n        status={status && ACTIVE_STATUS}\n        data-testid={`${PAGE_NAME}_option_${name}MenuItem`}\n      />\n    );\n  };\n\n  return (\n    <Search\n      classes={{\n        paper: styles.paper,\n        listbox: styles.listbox,\n        groupChip: styles.groupChip,\n      }}\n      defaultValue={defaultValue}\n      disableClearable={disableClearable}\n      disabled={disabled}\n      isNullable={isNullable}\n      loading={isLoading}\n      onGroupChange={onGroupChange}\n      onGroupReset={onGroupReset}\n      placeholder={placeholder || searchPlaceholder}\n      selectedGroup={selectedGroup}\n      onChange={(event, selected) => {\n        onChange(selected);\n      }}\n      data-testid={PAGE_NAME}\n      multiple={multiple}\n      onInputChange={onInputChange}\n      onInputReset={() => {\n        onInputReset();\n        setCurrentOption(null);\n      }}\n      TextFieldProps={{\n        label,\n        value: searchValue,\n        endAdornment: currentOption?.status === ACTIVE_STATUS && (\n          <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n        ),\n      }}\n      isHiddenAllOption\n      value={currentOption}\n      options={assets}\n      renderCustomOption={renderOption}\n      getOptionLabel={option => option.name || ''}\n      GroupsComponent={Groups}\n      groups={groups}\n      InputProps={{\n        startAdornment: <InputAdornmentLeft />,\n      }}\n    />\n  );\n};\n\nPrimaryAssetSelect.propTypes = {\n  assetFields: PropTypes.array,\n  isSecondaryAssetPresent: PropTypes.bool,\n  'data-testid': PropTypes.string,\n  onInputReset: PropTypes.func,\n  onActiveAssetIdChange: PropTypes.func,\n  placeholder: PropTypes.string,\n};\n\nconst DEFAULT_PRIMARY_ASSET_SELECT_ASSET_FIELDS = [];\nconst DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET = () => {};\nconst DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE = () => {};\n\nexport default PrimaryAssetSelect;\n"],"names":["useStyles","makeStyles","paper","boxShadow","listbox","maxHeight","padding","option","backgroundColor","groupChip","height","activeChip","fontWeight","color","fontSize","cursor","textTransform","marginRight","letterSpacing","PrimaryAssetSelect","_ref","_ref$dataTestid","PAGE_NAME","appKey","_ref$assetFields","assetFields","DEFAULT_PRIMARY_ASSET_SELECT_ASSET_FIELDS","assetType","company","currentOption","currentValue","defaultValue","disableClearable","disabled","groups","isNullable","isRequiredAssetId","_ref$isSecondaryAsset","isSecondaryAssetPresent","label","multiple","_ref$onActiveAssetIdC","onActiveAssetIdChange","DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE","onChange","onGroupChange","onGroupReset","_ref$onInputReset","onInputReset","DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET","_ref$placeholder","placeholder","selectedGroup","setCurrentOption","useState","_useState2","_slicedToArray","_useState","searchValue","setSearchValue","searchPlaceholder","getSearchPlaceholder","styles","_usePrimaryAssetSelec","usePrimaryAssetSelectData","assets","isLoading","loading","onInputChange","useCallback","debounce","value","_jsx","Search","classes","event","selected","TextFieldProps","endAdornment","status","ACTIVE_STATUS","Chip","className","isHiddenAllOption","options","renderCustomOption","_ref2","_ref3","name","id","SelectItem","assetName","getOptionLabel","GroupsComponent","Groups","InputProps","startAdornment","InputAdornmentLeft","propTypes","PropTypes","array","bool","string","func"],"mappings":"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"}
+{"version":3,"file":"PrimaryAssetSelect.js","sources":["../../../../src/components/AssetEditorV2/components/PrimaryAssetSelect.tsx"],"sourcesContent":["import { FC, useState } from 'react';\nimport { debounce, noop } from 'lodash';\nimport { Chip, makeStyles } from '@material-ui/core';\n\nimport Search from '../../Search/Search';\nimport { Groups, InputAdornmentLeft } from '../../Search/components';\nimport { usePrimaryAssetSelectData } from '../effects';\nimport { ACTIVE_STATUS, DEFAULT_ASSET_TYPE } from '../constants';\nimport { AssetGroup, AssetId, AssetOption, AssetSelection, PrimaryAssetChange } from '../types';\nimport { getSearchPlaceholder } from '../utils';\n\nimport SelectItem from './SelectItem';\n\nexport type PrimaryAssetSelectProps = {\n  'data-testid'?: string;\n  appKey?: string | null;\n  assetFields?: string[];\n  assetType?: string | null;\n  company?: AssetId | null;\n  currentOption?: AssetSelection;\n  currentValue?: AssetId | null;\n  defaultValue?: AssetId | null;\n  disableClearable?: boolean;\n  disabled?: boolean;\n  groups?: AssetGroup[];\n  isDrillingPlatformApp?: boolean;\n  isNullable?: boolean;\n  isRequiredAssetId?: boolean;\n  isSecondaryAssetPresent?: boolean;\n  label?: string;\n  multiple?: boolean;\n  onActiveAssetIdChange?: (id: number | null) => void;\n  onChange: (selected: PrimaryAssetChange) => void;\n  onGroupChange?: (group: AssetGroup | null) => void;\n  onGroupReset?: () => void;\n  onInputReset?: () => void;\n  placeholder?: string | null;\n  selectedGroup?: AssetGroup | null;\n  setCurrentOption: (selection: AssetSelection) => void;\n};\n\nconst useStyles = makeStyles({\n  paper: {\n    boxShadow: '0px 3px 10px 0px #00000066',\n  },\n  listbox: {\n    maxHeight: 210,\n    '& .MuiAutocomplete-option': {\n      padding: '0px 0px 0px 16px',\n    },\n  },\n  option: {\n    padding: '6px 0',\n    '&:hover': {\n      backgroundColor: 'initial',\n    },\n  },\n  groupChip: {\n    height: 32,\n    padding: 0,\n  },\n  activeChip: {\n    fontWeight: 500,\n    backgroundColor: '#75DB29',\n    color: '#212121',\n    fontSize: 10,\n    cursor: 'pointer',\n    height: 12,\n    textTransform: 'uppercase',\n    marginRight: 12,\n    letterSpacing: 1,\n  },\n});\n\nconst DEFAULT_ASSET_FIELDS: string[] = [];\nconst DEFAULT_ON_INPUT_RESET = noop;\nconst DEFAULT_ON_ACTIVE_ASSET_ID_CHANGE = noop;\n\nconst isAssetOption = (option: unknown): option is AssetOption => {\n  return !!option && typeof option === 'object' && 'id' in option && typeof option.id === 'number';\n};\n\nconst getSelectedAssets = (selected: unknown): PrimaryAssetChange => {\n  if (!selected) return null;\n\n  if (Array.isArray(selected)) return selected.filter(isAssetOption);\n\n  return isAssetOption(selected) ? selected : null;\n};\n\nconst PrimaryAssetSelect: FC<PrimaryAssetSelectProps> = ({\n  'data-testid': pageName = 'PrimaryAssetEditorAutocomplete',\n  appKey,\n  assetFields = DEFAULT_ASSET_FIELDS,\n  assetType,\n  company,\n  currentOption,\n  currentValue,\n  defaultValue,\n  disableClearable,\n  disabled,\n  groups,\n  isNullable,\n  isRequiredAssetId,\n  isSecondaryAssetPresent = true,\n  label,\n  multiple,\n  onActiveAssetIdChange = DEFAULT_ON_ACTIVE_ASSET_ID_CHANGE,\n  onChange,\n  onGroupChange,\n  onGroupReset,\n  onInputReset = DEFAULT_ON_INPUT_RESET,\n  placeholder = null,\n  selectedGroup,\n  setCurrentOption,\n}) => {\n  const [searchValue, setSearchValue] = useState('');\n\n  const searchPlaceholder = getSearchPlaceholder(assetType, isSecondaryAssetPresent);\n  const resolvedAssetType = assetType || DEFAULT_ASSET_TYPE;\n  const styles = useStyles();\n\n  const { assets, loading: isLoading } = usePrimaryAssetSelectData({\n    appKey,\n    assetType: resolvedAssetType,\n    company,\n    groups,\n    isRequiredAssetId,\n    assetFields,\n    selectedGroup,\n    currentValue,\n    setCurrentOption,\n    onActiveAssetIdChange,\n  });\n\n  const [handleInputChange] = useState(() =>\n    debounce((value: string) => {\n      setSearchValue(value);\n    }, 200)\n  );\n\n  const handleGroupChange = (group?: { id?: string }): void => {\n    const nextGroup: AssetGroup | null = groups?.find(({ id }) => id === group?.id) ?? null;\n    onGroupChange?.(nextGroup);\n  };\n\n  const renderOption = (option: unknown, state: { selected: boolean }) => {\n    if (!isAssetOption(option)) return null;\n\n    const { status, name = '', id } = option;\n\n    return (\n      <SelectItem\n        className={styles.option}\n        assetName={name}\n        key={id}\n        multiple={multiple}\n        selected={state.selected}\n        value={id}\n        status={status === ACTIVE_STATUS ? ACTIVE_STATUS : null}\n        data-testid={`${pageName}_option_${name}MenuItem`}\n      />\n    );\n  };\n\n  const getOptionLabel = (option: unknown): string => {\n    return isAssetOption(option) ? option.name || '' : '';\n  };\n\n  const isCurrentOptionActive =\n    !Array.isArray(currentOption) && currentOption?.status === ACTIVE_STATUS;\n\n  return (\n    <Search\n      classes={{\n        paper: styles.paper,\n        listbox: styles.listbox,\n        groupChip: styles.groupChip,\n      }}\n      defaultValue={defaultValue}\n      disableClearable={disableClearable}\n      disabled={disabled}\n      isNullable={isNullable}\n      loading={isLoading}\n      onGroupChange={handleGroupChange}\n      onGroupReset={onGroupReset}\n      placeholder={placeholder || searchPlaceholder}\n      selectedGroup={selectedGroup}\n      onChange={(_event, selected: unknown) => {\n        onChange(getSelectedAssets(selected));\n      }}\n      data-testid={pageName}\n      multiple={multiple}\n      onInputChange={handleInputChange}\n      onInputReset={() => {\n        onInputReset();\n        setCurrentOption(null);\n      }}\n      TextFieldProps={{\n        label,\n        value: searchValue,\n        endAdornment: isCurrentOptionActive && (\n          <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n        ),\n      }}\n      isHiddenAllOption\n      value={currentOption}\n      options={assets}\n      renderCustomOption={renderOption}\n      getOptionLabel={getOptionLabel}\n      GroupsComponent={Groups}\n      groups={groups}\n      InputProps={{\n        startAdornment: <InputAdornmentLeft className=\"\">{null}</InputAdornmentLeft>,\n      }}\n    />\n  );\n};\n\nexport default PrimaryAssetSelect;\n"],"names":["useStyles","makeStyles","paper","boxShadow","listbox","maxHeight","padding","option","backgroundColor","groupChip","height","activeChip","fontWeight","color","fontSize","cursor","textTransform","marginRight","letterSpacing","DEFAULT_ASSET_FIELDS","DEFAULT_ON_INPUT_RESET","noop","DEFAULT_ON_ACTIVE_ASSET_ID_CHANGE","isAssetOption","_typeof","id","PrimaryAssetSelect","_ref","_ref$dataTestid","pageName","appKey","_ref$assetFields","assetFields","assetType","company","currentOption","currentValue","defaultValue","disableClearable","disabled","groups","isNullable","isRequiredAssetId","_ref$isSecondaryAsset","isSecondaryAssetPresent","label","multiple","_ref$onActiveAssetIdC","onActiveAssetIdChange","onChange","onGroupChange","onGroupReset","_ref$onInputReset","onInputReset","_ref$placeholder","placeholder","selectedGroup","setCurrentOption","useState","_useState2","_slicedToArray","_useState","searchValue","setSearchValue","searchPlaceholder","getSearchPlaceholder","resolvedAssetType","DEFAULT_ASSET_TYPE","styles","_usePrimaryAssetSelec","usePrimaryAssetSelectData","assets","isLoading","loading","_useState3","debounce","value","handleInputChange","isCurrentOptionActive","Array","isArray","status","ACTIVE_STATUS","_jsx","Search","classes","group","_groups$find","nextGroup","find","_ref2","_event","selected","filter","getSelectedAssets","onInputChange","TextFieldProps","endAdornment","Chip","className","isHiddenAllOption","options","renderCustomOption","state","_option$name","name","SelectItem","assetName","getOptionLabel","GroupsComponent","Groups","InputProps","startAdornment","InputAdornmentLeft","children"],"mappings":"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"}

package/components/AssetEditorV2/components/PrimaryAssetSelectV2.d.ts

@@ -1,42 +1,5 @@
-import PropTypes from 'prop-types';
-declare function PrimaryAssetSelect({ placeholder, label, 'data-testid': PAGE_NAME, appKey, assetFields, assetType, company, currentOption, currentValue, defaultValue, disableClearable, disabled, groups, isDrillingPlatformApp, isNullable, isRequiredAssetId, isSecondaryAssetPresent, multiple, onActiveAssetIdChange, onChange, onGroupChange, onGroupReset, onInputReset, selectedGroup, setCurrentOption, }: {
-    appKey: any;
-    assetFields?: any[] | undefined;
-    assetType: any;
-    company: any;
-    currentOption: any;
-    currentValue: any;
-    "data-testid"?: string | undefined;
-    defaultValue: any;
-    disableClearable: any;
-    disabled: any;
-    groups: any;
-    isDrillingPlatformApp: any;
-    isNullable: any;
-    isRequiredAssetId: any;
-    isSecondaryAssetPresent?: boolean | undefined;
-    label: any;
-    multiple: any;
-    onActiveAssetIdChange?: typeof DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE | undefined;
-    onChange: any;
-    onGroupChange: any;
-    onGroupReset: any;
-    onInputReset?: typeof DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET | undefined;
-    placeholder?: null | undefined;
-    selectedGroup: any;
-    setCurrentOption: any;
-}): import("react").JSX.Element;
-declare namespace PrimaryAssetSelect {
-    var propTypes: {
-        isSecondaryAssetPresent: PropTypes.Requireable<boolean>;
-        assetFields: PropTypes.Requireable<any[]>;
-        'data-testid': PropTypes.Requireable<string>;
-        onInputReset: PropTypes.Requireable<(...args: any[]) => any>;
-        onActiveAssetIdChange: PropTypes.Requireable<(...args: any[]) => any>;
-        placeholder: PropTypes.Requireable<string>;
-    };
-}
-declare const DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET: () => void;
-declare const DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE: () => void;
-export default PrimaryAssetSelect;
+import { FC } from 'react';
+import type { PrimaryAssetSelectProps } from './PrimaryAssetSelect';
+declare const PrimaryAssetSelectV2: FC<PrimaryAssetSelectProps>;
+export default PrimaryAssetSelectV2;
 //# sourceMappingURL=PrimaryAssetSelectV2.d.ts.map

package/components/AssetEditorV2/components/PrimaryAssetSelectV2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrimaryAssetSelectV2.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/PrimaryAssetSelectV2.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;oCAgDP,EAC1B,WAAkB,EAClB,KAAK,EACL,aAAa,EAAE,SAA4C,EAC3D,MAAM,EACN,WAAuD,EACvD,SAAS,EACT,OAAO,EACP,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,qBAAqB,EACrB,UAAU,EACV,iBAAiB,EACjB,uBAA8B,EAC9B,QAAQ,EACR,qBAA8E,EAC9E,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,YAA0D,EAC1D,aAAa,EACb,gBAAgB,GACjB;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;;;;;;;;;;;AAqJD,QAAA,MAAM,2CAA2C,YAAW,CAAC;AAC7D,QAAA,MAAM,sDAAsD,YAAW,CAAC;eAEzD,kBAAkB"}
+{"version":3,"file":"PrimaryAssetSelectV2.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/PrimaryAssetSelectV2.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAyC,MAAM,OAAO,CAAC;AAYlE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAqDpE,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,uBAAuB,CA+KrD,CAAC;eAEa,oBAAoB"}

package/components/AssetEditorV2/components/PrimaryAssetSelectV2.js

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

package/components/AssetEditorV2/components/PrimaryAssetSelectV2.js.map

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

package/components/AssetEditorV2/components/SecondaryAssetSelect.d.ts

@@ -1,21 +1,25 @@
-import PropTypes from 'prop-types';
+import { FC } from 'react';
+import { AssetId, SecondaryAssetChange } from '../types';
 export declare const PAGE_NAME = "DC_SingleAssetEditor";
-declare function SecondaryAssetSelect(props: any): import("react").JSX.Element;
-declare namespace SecondaryAssetSelect {
-    var propTypes: {
-        appType: PropTypes.Requireable<PropTypes.InferProps<{
-            constants: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        }>>;
-        currentValue: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        defaultValue: PropTypes.Requireable<any>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-        parentAssetId: PropTypes.Requireable<number>;
-        parentAssetType: PropTypes.Requireable<string>;
-        assetType: PropTypes.Validator<string>;
-        'data-testid': PropTypes.Requireable<string>;
-        appKey: PropTypes.Requireable<string>;
-        assetFields: PropTypes.Requireable<any[]>;
-    };
-}
+type SecondaryAssetSelectProps = {
+    'data-testid'?: string;
+    activeWellId?: number | null;
+    appKey?: string | null;
+    assetFields?: string[];
+    assetType?: string | null;
+    company?: AssetId | null;
+    currentValue?: AssetId | null;
+    defaultValue?: AssetId | null;
+    disabled?: boolean;
+    isDrillingPlatformApp?: boolean;
+    isNullable?: boolean;
+    isRequiredAssetId?: boolean;
+    onChange: (asset: SecondaryAssetChange) => void;
+    parentAssetId?: AssetId | null;
+    parentAssetType?: string | null;
+    primaryAssetLabel?: string | null;
+    secondaryAssetLabel?: string | null;
+};
+declare const SecondaryAssetSelect: FC<SecondaryAssetSelectProps>;
 export default SecondaryAssetSelect;
 //# sourceMappingURL=SecondaryAssetSelect.d.ts.map

package/components/AssetEditorV2/components/SecondaryAssetSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryAssetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/SecondaryAssetSelect.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC,eAAO,MAAM,SAAS,yBAAyB,CAAC;sCAsDnB,KAAK,KAAA;;;;;;;;;;;;;;;;;eA0InB,oBAAoB"}
+{"version":3,"file":"SecondaryAssetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/SecondaryAssetSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,EAAE,EAAE,MAAM,OAAO,CAAC;AAMxC,OAAO,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAMzD,eAAO,MAAM,SAAS,yBAAyB,CAAC;AA2DhD,KAAK,yBAAyB,GAAG;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC,CAAC;AAMF,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAwIvD,CAAC;eAEa,oBAAoB"}

package/components/AssetEditorV2/components/SecondaryAssetSelect.js

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

package/components/AssetEditorV2/components/SecondaryAssetSelect.js.map

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

package/components/AssetEditorV2/components/SelectItem.d.ts

@@ -1,3 +1,12 @@
-declare const SelectItem: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+import { HTMLAttributes } from 'react';
+import { AssetId } from '../types';
+declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    'data-testid'?: string;
+    assetName?: string;
+    multiple?: boolean;
+    selected?: boolean;
+    status?: string | null;
+    value?: AssetId;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export default SelectItem;
 //# sourceMappingURL=SelectItem.d.ts.map

package/components/AssetEditorV2/components/SelectItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/SelectItem.js"],"names":[],"mappings":"AA8CA,QAAA,MAAM,UAAU,+EAgEf,CAAC;eAMa,UAAU"}
+{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/SelectItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAY,MAAM,OAAO,CAAC;AAS7D,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AA8CnC,QAAA,MAAM,UAAU;oBARE,MAAM;gBACV,MAAM;eACP,OAAO;eACP,OAAO;aACT,MAAM,GAAG,IAAI;YACd,OAAO;kDA0DhB,CAAC;eAEa,UAAU"}

package/components/AssetEditorV2/components/SelectItem.js

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

package/components/AssetEditorV2/components/SelectItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.js","sources":["../../../../src/components/AssetEditorV2/components/SelectItem.js"],"sourcesContent":["import { forwardRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { makeStyles, Chip, Tooltip, Checkbox } from '@material-ui/core';\nimport {\n  CheckBox as CheckBoxIcon,\n  CheckBoxOutlineBlank as CheckBoxOutlineBlankIcon,\n} from '@material-ui/icons';\n\nimport { ACTIVE_STATUS } from '../constants';\n\nimport MiddleTruncate from '~/components/MiddleTruncate';\n\nconst useStyles = makeStyles({\n  menuItem: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    width: '100%',\n    height: 36,\n    paddingBottom: 0,\n    paddingTop: 0,\n  },\n  option: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  itemContent: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  activeChip: {\n    fontWeight: 500,\n    backgroundColor: '#75DB29',\n    color: '#212121',\n    fontSize: 10,\n    cursor: 'pointer',\n    height: 12,\n    textTransform: 'uppercase',\n    marginRight: 12,\n    letterSpacing: 1,\n  },\n});\n\nconst SelectItem = forwardRef(\n  (\n    {\n      'data-testid': PAGE_NAME = 'MenuItem',\n      value,\n      className,\n      assetName,\n      status,\n      multiple,\n      selected,\n      ...restProps\n    },\n    // eslint-disable-next-line no-unused-vars\n    muiRef\n  ) => {\n    const [truncatedText, setTruncatedText] = useState(null);\n    const isTruncated = !!truncatedText;\n    const styles = useStyles();\n\n    const handleTruncatedText = truncatedText => {\n      setTruncatedText(truncatedText);\n    };\n\n    const itemContent = (\n      <div className={styles.itemContent}>\n        <MiddleTruncate\n          onTruncate={handleTruncatedText}\n          truncatedText={truncatedText}\n          maxWidth={380}\n        >\n          {assetName}\n        </MiddleTruncate>\n        {status === ACTIVE_STATUS && (\n          <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n        )}\n      </div>\n    );\n\n    return (\n      <Tooltip title={isTruncated ? assetName : ''}>\n        {multiple ? (\n          <div className={classNames(styles.option)}>\n            <Checkbox\n              disableRipple\n              icon={<CheckBoxOutlineBlankIcon style={{ fontSize: 20 }} />}\n              className={styles.checkbox}\n              checkedIcon={<CheckBoxIcon style={{ fontSize: 20 }} />}\n              checked={selected}\n            />\n            {itemContent}\n          </div>\n        ) : (\n          <div\n            data-testid={PAGE_NAME}\n            value={value}\n            className={classNames(styles.menuItem, className)}\n            {...restProps}\n          >\n            {itemContent}\n          </div>\n        )}\n      </Tooltip>\n    );\n  }\n);\n\nSelectItem.propTypes = {\n  'data-testid': PropTypes.string,\n};\n\nexport default SelectItem;\n"],"names":["useStyles","makeStyles","menuItem","display","justifyContent","width","height","paddingBottom","paddingTop","option","alignItems","itemContent","activeChip","fontWeight","backgroundColor","color","fontSize","cursor","textTransform","marginRight","letterSpacing","SelectItem","forwardRef","_ref","muiRef","_ref$dataTestid","PAGE_NAME","value","className","assetName","status","multiple","selected","restProps","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","truncatedText","setTruncatedText","isTruncated","styles","_jsxs","children","_jsx","MiddleTruncate","onTruncate","maxWidth","ACTIVE_STATUS","Chip","label","Tooltip","title","classNames","Checkbox","disableRipple","icon","CheckBoxOutlineBlankIcon","style","checkbox","checkedIcon","CheckBoxIcon","checked","_objectSpread","propTypes","PropTypes","string"],"mappings":"otCAaA,IAAMA,EAAYC,EAAW,CAC3BC,SAAU,CACRC,QAAS,OACTC,eAAgB,gBAChBC,MAAO,OACPC,OAAQ,GACRC,cAAe,EACfC,WAAY,GAEdC,OAAQ,CACNN,QAAS,OACTO,WAAY,SACZN,eAAgB,iBAElBO,YAAa,CACXN,MAAO,OACPF,QAAS,OACTO,WAAY,SACZN,eAAgB,iBAElBQ,WAAY,CACVC,WAAY,IACZC,gBAAiB,UACjBC,MAAO,UACPC,SAAU,GACVC,OAAQ,UACRX,OAAQ,GACRY,cAAe,YACfC,YAAa,GACbC,cAAe,KAIbC,EAAaC,GACjB,SAAAC,EAYEC,GACG,IAAAC,EAAAF,EAXD,eAAeG,aAAY,WAAUD,EACrCE,IAAAA,MACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,SACGC,EAASC,EAAAX,EAAAY,GAK4BC,EAAAA,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAjDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAChCK,IAAgBF,EAChBG,EAAS3C,IAMTW,EACJiC,EAAA,MAAA,CAAKhB,UAAWe,EAAOhC,YAAYkC,SAAA,CACjCC,EAACC,EAAc,CACbC,WAPsB,SAAAR,GAC1BC,EAAiBD,IAObA,cAAeA,EACfS,SAAU,IAAIJ,SAEbhB,IAEFC,IAAWoB,GACVJ,EAACK,EAAI,CAAC,6BAAyB,EAACvB,UAAWe,EAAO/B,WAAYwC,MAAM,cAK1E,OACEN,EAACO,EAAO,CAACC,MAAOZ,EAAcb,EAAY,GAAGgB,SAC1Cd,EACCa,EAAA,MAAA,CAAKhB,UAAW2B,EAAWZ,EAAOlC,QAAQoC,SAAA,CACxCC,EAACU,EAAQ,CACPC,eAAa,EACbC,KAAMZ,EAACa,EAAwB,CAACC,MAAO,CAAE5C,SAAU,MACnDY,UAAWe,EAAOkB,SAClBC,YAAahB,EAACiB,EAAY,CAACH,MAAO,CAAE5C,SAAU,MAC9CgD,QAAShC,IAEVrB,KAGHmC,EAAA,MAAAmB,EAAAA,EAAA,CACE,cAAavC,EACbC,MAAOA,EACPC,UAAW2B,EAAWZ,EAAOzC,SAAU0B,IACnCK,GAAS,GAAA,CAAAY,SAEZlC,MAKX,IAGFU,EAAW6C,UAAY,CACrB,cAAeC,EAAUC"}
+{"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","children","_jsx","MiddleTruncate","onTruncate","maxWidth","ACTIVE_STATUS","Chip","label","Tooltip","title","classNames","Checkbox","disableRipple","icon","CheckBoxOutlineBlankIcon","style","checkedIcon","CheckBoxIcon","checked","_objectSpread"],"mappings":"0rCAaA,IAAMA,EAAYC,EAAW,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,GACjB,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,EAAAZ,EAAAa,GAI4BC,EAAAA,EAAwB,MAAKC,EAAAC,EAAAC,EAAA,GAAhEC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAChCK,IAAgBF,EAChBG,EAAS5C,IAETW,EACJkC,EAAA,MAAA,CAAKjB,UAAWgB,EAAOjC,YAAYmC,SAAA,CACjCC,EAACC,EAAc,CAACC,WAAYP,EAAkBD,cAAeA,EAAeS,SAAU,IAAIJ,SACvFhB,IAEFC,IAAWoB,GACVJ,EAACK,EAAI,CAAC,6BAAyB,EAACxB,UAAWgB,EAAOhC,WAAYyC,MAAM,cAK1E,OACEN,EAACO,EAAO,CAACC,MAAOZ,EAAcb,EAAY,GAAGgB,SAC1Cd,EACCa,EAAA,MAAA,CAAKjB,UAAW4B,EAAWZ,EAAOnC,QAASe,IAAKA,EAAIsB,SAAA,CAClDC,EAACU,EAAQ,CACPC,eAAa,EACbC,KAAMZ,EAACa,EAAwB,CAACC,MAAO,CAAE7C,SAAU,MACnD8C,YAAaf,EAACgB,EAAY,CAACF,MAAO,CAAE7C,SAAU,MAC9CgD,QAAS/B,IAEVtB,KAGHoC,EAAA,MAAAkB,EAAAA,EAAA,CACE,cAAavC,EACbE,UAAW4B,EAAWZ,EAAO1C,SAAU0B,GACvCJ,IAAKA,EACCG,MAAAA,GACFO,GAAS,GAAA,CAAAY,SAEZnC,MAKX"}

package/components/AssetEditorV2/components/__tests__/AssetSelectors.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AssetSelectors.test.d.ts.map

package/components/AssetEditorV2/components/__tests__/AssetSelectors.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetSelectors.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/AssetEditorV2/components/__tests__/AssetSelectors.test.tsx"],"names":[],"mappings":""}

package/components/AssetEditorV2/components/__tests__/MultipleAssetsToggle.test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleAssetsToggle.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/AssetEditorV2/components/__tests__/MultipleAssetsToggle.test.js"],"names":[],"mappings":""}
+{"version":3,"file":"MultipleAssetsToggle.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/AssetEditorV2/components/__tests__/MultipleAssetsToggle.test.tsx"],"names":[],"mappings":""}

package/components/AssetEditorV2/components/__tests__/SelectItem.test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/AssetEditorV2/components/__tests__/SelectItem.test.js"],"names":[],"mappings":""}
+{"version":3,"file":"SelectItem.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/AssetEditorV2/components/__tests__/SelectItem.test.tsx"],"names":[],"mappings":""}

package/components/AssetEditorV2/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}