@corva/ui 3.73.0-7 → 3.73.0-8

package/components/AssetEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/AssetEditor/index.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { capitalize, get } from 'lodash';\nimport { Button } from '@material-ui/core';\n\nimport SingleAssetEditor from './SingleAssetEditor';\nimport AssetEditorAutocomplete from './AssetEditorAutocomplete';\n\nimport styles from './AssetEditors.css';\n\nconst PAGE_NAME = 'DC_AppSettingsAssetEditor';\n\nconst AppSettingsAssetEditor = ({\n  appKey,\n  appType,\n  defaultValue,\n  isNullable,\n  label,\n  onSettingsChange,\n  settings,\n}) => {\n  const primaryAssetType = get(appType, ['primaryAsset', 'assetType', 'type']);\n  const primaryAssetIdType = get(appType, ['primaryAsset', 'assetType', 'id']);\n  const isPrimarySelectAutocomplete = get(appType, ['primaryAsset', 'autocompleteSelect']);\n\n  const secondaryAssetType = get(appType, ['secondaryAsset', 'assetType', 'type']);\n  const secondaryAssetIdType = get(appType, ['secondaryAsset', 'assetType', 'id']);\n  const isSecondarySelectAutocomplete = get(appType, ['secondaryAsset', 'autocompleteSelect']);\n\n  const currentValue = get(settings, primaryAssetIdType);\n\n  const [primaryAssetId, setPrimaryAssetId] = useState(currentValue || defaultValue);\n\n  const [secondaryAssetId, setSecondaryAssetId] = useState(get(settings, secondaryAssetIdType));\n  const [isSecondaryAssetButtonVisible, setIsSecondaryAssetButtonVisible] = useState(\n    !!(secondaryAssetType && !secondaryAssetId)\n  );\n\n  const [isSecondaryAssetDropdownVisible, setIsSecondaryAssetDropdownVisible] = useState(\n    !!(secondaryAssetType && secondaryAssetId)\n  );\n\n  const onSecondaryAssetIdChange = id => {\n    setSecondaryAssetId(id);\n    onSettingsChange({ [secondaryAssetIdType]: id });\n  };\n\n  const onPrimaryAssetChange = id => {\n    setPrimaryAssetId(id);\n    setSecondaryAssetId(null);\n    setIsSecondaryAssetDropdownVisible(false);\n    setIsSecondaryAssetButtonVisible(!!secondaryAssetType);\n    const assetSetting = { [primaryAssetIdType]: id };\n    if (secondaryAssetIdType) assetSetting[secondaryAssetIdType] = null;\n    onSettingsChange(assetSetting);\n  };\n\n  const onDefaultAssetButtonClick = () => {\n    setSecondaryAssetId(null);\n    setIsSecondaryAssetDropdownVisible(false);\n    setIsSecondaryAssetButtonVisible(!!secondaryAssetType);\n    onSettingsChange({ [secondaryAssetIdType]: null });\n  };\n\n  return (\n    <div className={styles.main}>\n      <div className={styles.title}>Active Asset</div>\n\n      <div className={styles.editor}>\n        {isPrimarySelectAutocomplete ? (\n          <AssetEditorAutocomplete\n            appKey={appKey}\n            assetType={primaryAssetType}\n            currentValue={primaryAssetId}\n            data-testid={`${PAGE_NAME}_primaryAssetEditorAutocomplete`}\n            defaultValue={defaultValue}\n            disableClearable={!isNullable}\n            isNullable={isNullable}\n            label={label}\n            onChange={onPrimaryAssetChange}\n          />\n        ) : (\n          <SingleAssetEditor\n            appKey={appKey}\n            assetType={primaryAssetType}\n            currentValue={primaryAssetId}\n            data-testid={`${PAGE_NAME}_primaryAutoComplete`}\n            defaultValue={defaultValue}\n            isNullable={isNullable}\n            label={label}\n            onChange={onPrimaryAssetChange}\n          />\n        )}\n        {isSecondaryAssetButtonVisible && (\n          <Button\n            data-testid={`${PAGE_NAME}_changeWellButton`}\n            color=\"primary\"\n            onClick={() => {\n              setIsSecondaryAssetDropdownVisible(true);\n              setIsSecondaryAssetButtonVisible(false);\n            }}\n            disabled={!currentValue}\n          >\n            {`Change ${capitalize(secondaryAssetType)}`}\n          </Button>\n        )}\n        {!isSecondaryAssetButtonVisible && isSecondaryAssetDropdownVisible && (\n          <Button\n            data-testid={`${PAGE_NAME}_useDefaultButton`}\n            color=\"secondary\"\n            onClick={onDefaultAssetButtonClick}\n          >\n            Use active asset\n          </Button>\n        )}\n      </div>\n      {isSecondaryAssetDropdownVisible && (\n        <div className={styles.editor}>\n          {isSecondarySelectAutocomplete ? (\n            <AssetEditorAutocomplete\n              appKey={appKey}\n              assetType={secondaryAssetType}\n              currentValue={secondaryAssetId}\n              data-testid={`${PAGE_NAME}_secondaryAssetEditorAutocomplete`}\n              defaultValue={defaultValue}\n              disableClearable={false}\n              isNullable={isNullable}\n              label={`Active ${capitalize(secondaryAssetType)}`}\n              onChange={onSecondaryAssetIdChange}\n              parentAssetId={primaryAssetId}\n              parentAssetType={primaryAssetType}\n            />\n          ) : (\n            <SingleAssetEditor\n              data-testid={`${PAGE_NAME}_secondaryAutoComplete`}\n              onChange={onSecondaryAssetIdChange}\n              defaultValue={defaultValue}\n              currentValue={secondaryAssetId}\n              isNullable={isNullable}\n              label={`Active ${capitalize(secondaryAssetType)}`}\n              assetType={secondaryAssetType}\n              parentAssetId={primaryAssetId}\n              parentAssetType={primaryAssetType}\n              appKey={appKey}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nAppSettingsAssetEditor.defaultProps = {\n  label: 'Choose An Asset',\n  isNullable: false,\n  defaultValue: undefined,\n  appKey: null,\n};\n\nAppSettingsAssetEditor.propTypes = {\n  settings: PropTypes.shape({}).isRequired,\n  appType: PropTypes.shape({}).isRequired,\n  defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n  onSettingsChange: PropTypes.func.isRequired,\n  label: PropTypes.string,\n  isNullable: PropTypes.bool,\n  appKey: PropTypes.string,\n};\n\nexport default AppSettingsAssetEditor;\n"],"names":["PAGE_NAME","AppSettingsAssetEditor","_ref","appKey","appType","defaultValue","isNullable","label","onSettingsChange","settings","primaryAssetType","get","primaryAssetIdType","isPrimarySelectAutocomplete","secondaryAssetType","secondaryAssetIdType","isSecondarySelectAutocomplete","currentValue","_useState","useState","_useState2","_slicedToArray","primaryAssetId","setPrimaryAssetId","_useState4","_useState3","secondaryAssetId","setSecondaryAssetId","_useState6","_useState5","isSecondaryAssetButtonVisible","setIsSecondaryAssetButtonVisible","_useState8","_useState7","isSecondaryAssetDropdownVisible","setIsSecondaryAssetDropdownVisible","onSecondaryAssetIdChange","id","onPrimaryAssetChange","assetSetting","_defineProperty","_jsxs","className","styles","main","children","_jsx","title","editor","AssetEditorAutocomplete","assetType","concat","disableClearable","onChange","SingleAssetEditor","Button","color","onClick","disabled","capitalize","parentAssetId","parentAssetType","defaultProps","undefined","propTypes","PropTypes","shape","isRequired","any","func","string","bool"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/AssetEditor/index.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { capitalize, get } from 'lodash';\nimport { Button } from '@material-ui/core';\n\nimport SingleAssetEditor from './SingleAssetEditor';\nimport AssetEditorAutocomplete from './AssetEditorAutocomplete';\n\nimport styles from './AssetEditors.css';\n\nconst PAGE_NAME = 'DC_AppSettingsAssetEditor';\n\nconst AppSettingsAssetEditor = ({\n  appKey = null,\n  appType,\n  defaultValue,\n  isNullable = false,\n  label = 'Choose An Asset',\n  onSettingsChange,\n  settings,\n}) => {\n  const primaryAssetType = get(appType, ['primaryAsset', 'assetType', 'type']);\n  const primaryAssetIdType = get(appType, ['primaryAsset', 'assetType', 'id']);\n  const isPrimarySelectAutocomplete = get(appType, ['primaryAsset', 'autocompleteSelect']);\n\n  const secondaryAssetType = get(appType, ['secondaryAsset', 'assetType', 'type']);\n  const secondaryAssetIdType = get(appType, ['secondaryAsset', 'assetType', 'id']);\n  const isSecondarySelectAutocomplete = get(appType, ['secondaryAsset', 'autocompleteSelect']);\n\n  const currentValue = get(settings, primaryAssetIdType);\n\n  const [primaryAssetId, setPrimaryAssetId] = useState(currentValue || defaultValue);\n\n  const [secondaryAssetId, setSecondaryAssetId] = useState(get(settings, secondaryAssetIdType));\n  const [isSecondaryAssetButtonVisible, setIsSecondaryAssetButtonVisible] = useState(\n    !!(secondaryAssetType && !secondaryAssetId)\n  );\n\n  const [isSecondaryAssetDropdownVisible, setIsSecondaryAssetDropdownVisible] = useState(\n    !!(secondaryAssetType && secondaryAssetId)\n  );\n\n  const onSecondaryAssetIdChange = id => {\n    setSecondaryAssetId(id);\n    onSettingsChange({ [secondaryAssetIdType]: id });\n  };\n\n  const onPrimaryAssetChange = id => {\n    setPrimaryAssetId(id);\n    setSecondaryAssetId(null);\n    setIsSecondaryAssetDropdownVisible(false);\n    setIsSecondaryAssetButtonVisible(!!secondaryAssetType);\n    const assetSetting = { [primaryAssetIdType]: id };\n    if (secondaryAssetIdType) assetSetting[secondaryAssetIdType] = null;\n    onSettingsChange(assetSetting);\n  };\n\n  const onDefaultAssetButtonClick = () => {\n    setSecondaryAssetId(null);\n    setIsSecondaryAssetDropdownVisible(false);\n    setIsSecondaryAssetButtonVisible(!!secondaryAssetType);\n    onSettingsChange({ [secondaryAssetIdType]: null });\n  };\n\n  return (\n    <div className={styles.main}>\n      <div className={styles.title}>Active Asset</div>\n\n      <div className={styles.editor}>\n        {isPrimarySelectAutocomplete ? (\n          <AssetEditorAutocomplete\n            appKey={appKey}\n            assetType={primaryAssetType}\n            currentValue={primaryAssetId}\n            data-testid={`${PAGE_NAME}_primaryAssetEditorAutocomplete`}\n            defaultValue={defaultValue}\n            disableClearable={!isNullable}\n            isNullable={isNullable}\n            label={label}\n            onChange={onPrimaryAssetChange}\n          />\n        ) : (\n          <SingleAssetEditor\n            appKey={appKey}\n            assetType={primaryAssetType}\n            currentValue={primaryAssetId}\n            data-testid={`${PAGE_NAME}_primaryAutoComplete`}\n            defaultValue={defaultValue}\n            isNullable={isNullable}\n            label={label}\n            onChange={onPrimaryAssetChange}\n          />\n        )}\n        {isSecondaryAssetButtonVisible && (\n          <Button\n            data-testid={`${PAGE_NAME}_changeWellButton`}\n            color=\"primary\"\n            onClick={() => {\n              setIsSecondaryAssetDropdownVisible(true);\n              setIsSecondaryAssetButtonVisible(false);\n            }}\n            disabled={!currentValue}\n          >\n            {`Change ${capitalize(secondaryAssetType)}`}\n          </Button>\n        )}\n        {!isSecondaryAssetButtonVisible && isSecondaryAssetDropdownVisible && (\n          <Button\n            data-testid={`${PAGE_NAME}_useDefaultButton`}\n            color=\"secondary\"\n            onClick={onDefaultAssetButtonClick}\n          >\n            Use active asset\n          </Button>\n        )}\n      </div>\n      {isSecondaryAssetDropdownVisible && (\n        <div className={styles.editor}>\n          {isSecondarySelectAutocomplete ? (\n            <AssetEditorAutocomplete\n              appKey={appKey}\n              assetType={secondaryAssetType}\n              currentValue={secondaryAssetId}\n              data-testid={`${PAGE_NAME}_secondaryAssetEditorAutocomplete`}\n              defaultValue={defaultValue}\n              disableClearable={false}\n              isNullable={isNullable}\n              label={`Active ${capitalize(secondaryAssetType)}`}\n              onChange={onSecondaryAssetIdChange}\n              parentAssetId={primaryAssetId}\n              parentAssetType={primaryAssetType}\n            />\n          ) : (\n            <SingleAssetEditor\n              data-testid={`${PAGE_NAME}_secondaryAutoComplete`}\n              onChange={onSecondaryAssetIdChange}\n              defaultValue={defaultValue}\n              currentValue={secondaryAssetId}\n              isNullable={isNullable}\n              label={`Active ${capitalize(secondaryAssetType)}`}\n              assetType={secondaryAssetType}\n              parentAssetId={primaryAssetId}\n              parentAssetType={primaryAssetType}\n              appKey={appKey}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nAppSettingsAssetEditor.propTypes = {\n  settings: PropTypes.shape({}).isRequired,\n  appType: PropTypes.shape({}).isRequired,\n  defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n  onSettingsChange: PropTypes.func.isRequired,\n  label: PropTypes.string,\n  isNullable: PropTypes.bool,\n  appKey: PropTypes.string,\n};\n\nexport default AppSettingsAssetEditor;\n"],"names":["PAGE_NAME","AppSettingsAssetEditor","_ref","_ref$appKey","appKey","appType","defaultValue","_ref$isNullable","isNullable","_ref$label","label","onSettingsChange","settings","primaryAssetType","get","primaryAssetIdType","isPrimarySelectAutocomplete","secondaryAssetType","secondaryAssetIdType","isSecondarySelectAutocomplete","currentValue","_useState","useState","_useState2","_slicedToArray","primaryAssetId","setPrimaryAssetId","_useState4","_useState3","secondaryAssetId","setSecondaryAssetId","_useState6","_useState5","isSecondaryAssetButtonVisible","setIsSecondaryAssetButtonVisible","_useState8","_useState7","isSecondaryAssetDropdownVisible","setIsSecondaryAssetDropdownVisible","onSecondaryAssetIdChange","id","onPrimaryAssetChange","assetSetting","_defineProperty","_jsxs","className","styles","main","children","_jsx","title","editor","AssetEditorAutocomplete","assetType","concat","disableClearable","onChange","SingleAssetEditor","Button","color","onClick","disabled","capitalize","parentAssetId","parentAssetType","propTypes","PropTypes","shape","isRequired","any","func","string","bool"],"mappings":"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"}

package/components/AssetEditorV2/components/MultipleAssetsToggle.d.ts

@@ -1,13 +1,8 @@
-declare function MultipleAssetsToggle({ isChecked, title, className, ...props }: {
+declare const MultipleAssetsToggle: ({ isChecked, title, className, ...props }: {
     [x: string]: any;
     className: any;
     isChecked: any;
-    title: any;
-}): import("react").JSX.Element;
-declare namespace MultipleAssetsToggle {
-    var defaultProps: {
-        title: string;
-    };
-}
+    title?: string | undefined;
+}) => import("react").JSX.Element;
 export default MultipleAssetsToggle;
 //# sourceMappingURL=MultipleAssetsToggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultipleAssetsToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/MultipleAssetsToggle.js"],"names":[],"mappings":"sCAmB8B,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE;;;;;CAAA;;;;;;eA4BxD,oBAAoB"}
+{"version":3,"file":"MultipleAssetsToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/MultipleAssetsToggle.js"],"names":[],"mappings":"AAmBA,QAAA,MAAM,oBAAoB;;;;;iCAsBzB,CAAC;eAEa,oBAAoB"}

package/components/AssetEditorV2/components/MultipleAssetsToggle.js

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

package/components/AssetEditorV2/components/MultipleAssetsToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleAssetsToggle.js","sources":["../../../../src/components/AssetEditorV2/components/MultipleAssetsToggle.js"],"sourcesContent":["import classNames from 'classnames';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport { InfoOutlined as InfoIcon } from '@material-ui/icons';\n\nimport { Switch } from '~/componentsV2/Switch';\n\nconst useStyles = makeStyles(({ palette, spacing }) => ({\n  root: { marginBottom: spacing(0.75), width: 'fit-content' },\n  title: { display: 'flex', alignItems: 'center' },\n  infoIcon: {\n    marginLeft: 4,\n    color: palette.primary.text6,\n\n    '&:hover': {\n      color: palette.primary.contrastText,\n    },\n  },\n}));\n\nconst MultipleAssetsToggle = ({ isChecked, title, className, ...props }) => {\n  const styles = useStyles();\n\n  return (\n    <Switch\n      className={classNames(styles.root, className)}\n      size=\"small\"\n      onLabel={\n        <span className={styles.title}>\n          {title}\n          <Tooltip\n            title=\"A separate app will be placed on the dashboard for each asset chosen\"\n            placement=\"bottom-start\"\n          >\n            <InfoIcon fontSize=\"small\" className={styles.infoIcon} />\n          </Tooltip>\n        </span>\n      }\n      checked={isChecked}\n      {...props}\n    />\n  );\n};\n\nMultipleAssetsToggle.defaultProps = {\n  title: 'Multiple Assets',\n};\n\nexport default MultipleAssetsToggle;\n"],"names":["useStyles","makeStyles","_ref","palette","root","marginBottom","spacing","width","title","display","alignItems","infoIcon","marginLeft","color","primary","text6","contrastText","MultipleAssetsToggle","_ref2","isChecked","className","props","_objectWithoutProperties","_excluded","styles","_jsx","Switch","_objectSpread","classNames","size","onLabel","_jsxs","children","Tooltip","placement","InfoIcon","fontSize","checked","defaultProps"],"mappings":"mnBAMA,IAAMA,EAAYC,GAAW,SAAAC,GAAA,IAAGC,IAAAA,QAAgB,MAAQ,CACtDC,KAAM,CAAEC,cAAcC,IADiBA,SACT,KAAOC,MAAO,eAC5CC,MAAO,CAAEC,QAAS,OAAQC,WAAY,UACtCC,SAAU,CACRC,WAAY,EACZC,MAAOV,EAAQW,QAAQC,MAEvB,UAAW,CACTF,MAAOV,EAAQW,QAAQE,eAG5B,IAEKC,EAAuB,SAA+CC,GAAA,IAA5CC,IAAAA,UAAWX,IAAAA,MAAOY,IAAAA,UAAcC,EAAKC,EAAAJ,EAAAK,GAC7DC,EAASxB,IAEf,OACEyB,EAACC,iWAAMC,CAAA,CACLP,UAAWQ,EAAWJ,EAAOpB,KAAMgB,GACnCS,KAAK,QACLC,QACEC,EAAA,OAAA,CAAMX,UAAWI,EAAOhB,MAAMwB,SAC3BxB,CAAAA,EACDiB,EAACQ,EAAO,CACNzB,MAAM,uEACN0B,UAAU,eAAcF,SAExBP,EAACU,EAAQ,CAACC,SAAS,QAAQhB,UAAWI,EAAOb,gBAInD0B,QAASlB,GACLE,GAGV,EAEAJ,EAAqBqB,aAAe,CAClC9B,MAAO"}
+{"version":3,"file":"MultipleAssetsToggle.js","sources":["../../../../src/components/AssetEditorV2/components/MultipleAssetsToggle.js"],"sourcesContent":["import classNames from 'classnames';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport { InfoOutlined as InfoIcon } from '@material-ui/icons';\n\nimport { Switch } from '~/componentsV2/Switch';\n\nconst useStyles = makeStyles(({ palette, spacing }) => ({\n  root: { marginBottom: spacing(0.75), width: 'fit-content' },\n  title: { display: 'flex', alignItems: 'center' },\n  infoIcon: {\n    marginLeft: 4,\n    color: palette.primary.text6,\n\n    '&:hover': {\n      color: palette.primary.contrastText,\n    },\n  },\n}));\n\nconst MultipleAssetsToggle = ({ isChecked, title = 'Multiple Assets', className, ...props }) => {\n  const styles = useStyles();\n\n  return (\n    <Switch\n      className={classNames(styles.root, className)}\n      size=\"small\"\n      onLabel={\n        <span className={styles.title}>\n          {title}\n          <Tooltip\n            title=\"A separate app will be placed on the dashboard for each asset chosen\"\n            placement=\"bottom-start\"\n          >\n            <InfoIcon fontSize=\"small\" className={styles.infoIcon} />\n          </Tooltip>\n        </span>\n      }\n      checked={isChecked}\n      {...props}\n    />\n  );\n};\n\nexport default MultipleAssetsToggle;\n"],"names":["useStyles","makeStyles","_ref","palette","root","marginBottom","spacing","width","title","display","alignItems","infoIcon","marginLeft","color","primary","text6","contrastText","MultipleAssetsToggle","_ref2","isChecked","_ref2$title","className","props","_objectWithoutProperties","_excluded","styles","_jsx","Switch","_objectSpread","classNames","size","onLabel","_jsxs","children","Tooltip","placement","InfoIcon","fontSize","checked"],"mappings":"mnBAMA,IAAMA,EAAYC,GAAW,SAAAC,GAAA,IAAGC,IAAAA,QAAgB,MAAQ,CACtDC,KAAM,CAAEC,cAAcC,IADiBA,SACT,KAAOC,MAAO,eAC5CC,MAAO,CAAEC,QAAS,OAAQC,WAAY,UACtCC,SAAU,CACRC,WAAY,EACZC,MAAOV,EAAQW,QAAQC,MAEvB,UAAW,CACTF,MAAOV,EAAQW,QAAQE,eAG5B,IAEKC,EAAuB,SAAmEC,GAAA,IAAhEC,IAAAA,UAASC,EAAAF,EAAEV,MAAAA,aAAQ,kBAAiBY,EAAEC,IAAAA,UAAcC,EAAKC,EAAAL,EAAAM,GACjFC,EAASzB,IAEf,OACE0B,EAACC,iWAAMC,CAAA,CACLP,UAAWQ,EAAWJ,EAAOrB,KAAMiB,GACnCS,KAAK,QACLC,QACEC,EAAA,OAAA,CAAMX,UAAWI,EAAOjB,MAAMyB,SAC3BzB,CAAAA,EACDkB,EAACQ,EAAO,CACN1B,MAAM,uEACN2B,UAAU,eAAcF,SAExBP,EAACU,EAAQ,CAACC,SAAS,QAAQhB,UAAWI,EAAOd,gBAInD2B,QAASnB,GACLG,GAGV"}

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

@@ -1,27 +1,27 @@
 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;
+    assetFields?: any[] | undefined;
     assetType: any;
     company: any;
     currentOption: any;
     currentValue: any;
-    "data-testid": any;
+    "data-testid"?: string | undefined;
     defaultValue: any;
     disableClearable: any;
     disabled: any;
     groups: any;
     isNullable: any;
     isRequiredAssetId: any;
-    isSecondaryAssetPresent: any;
+    isSecondaryAssetPresent?: boolean | undefined;
     label: any;
     multiple: any;
-    onActiveAssetIdChange: any;
+    onActiveAssetIdChange?: typeof DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE | undefined;
     onChange: any;
     onGroupChange: any;
     onGroupReset: any;
-    onInputReset: any;
-    placeholder: any;
+    onInputReset?: typeof DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET | undefined;
+    placeholder?: null | undefined;
     selectedGroup: any;
     setCurrentOption: any;
 }): import("react").JSX.Element;
@@ -34,14 +34,8 @@ declare namespace PrimaryAssetSelect {
         onActiveAssetIdChange: PropTypes.Requireable<(...args: any[]) => any>;
         placeholder: PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        assetFields: never[];
-        isSecondaryAssetPresent: boolean;
-        'data-testid': string;
-        onInputReset: () => void;
-        onActiveAssetIdChange: () => void;
-        placeholder: null;
-    };
 }
+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;
 //# 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,SAAS,EACxB,MAAM,EACN,WAAW,EACX,SAAS,EACT,OAAO,EACP,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,UAAU,EACV,iBAAiB,EACjB,uBAAuB,EACvB,KAAK,EACL,QAAQ,EACR,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,gBAAgB,GACjB;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;;eA0Gc,kBAAkB"}
+{"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"}

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 s}from"react";import{debounce as r}from"lodash";import{makeStyles as n,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=n({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 n=t["data-testid"],g=t.appKey,A=t.assetFields,b=t.assetType,C=t.company,x=t.currentOption,S=t.currentValue,I=t.defaultValue,v=t.disableClearable,y=t.disabled,j=t.groups,R=t.isNullable,G=t.isRequiredAssetId,P=t.isSecondaryAssetPresent,O=t.label,T=t.multiple,F=t.onActiveAssetIdChange,N=t.onChange,L=t.onGroupChange,V=t.onGroupReset,k=t.onInputReset,q=t.placeholder,H=t.selectedGroup,K=t.setCurrentOption,M=o(""),_=e(M,2),w=_[0],z=_[1],B=d(b,P),D=f(),E=u({appKey:g,assetType:b,company:C,groups:j,isRequiredAssetId:G,assetFields:A,selectedGroup:H,currentValue:S,setCurrentOption:K,onActiveAssetIdChange:F}),W=E.assets,J=E.loading,Q=s(r((function(e){z(e)}),200),[]);return h(i,{classes:{paper:D.paper,listbox:D.listbox,groupChip:D.groupChip},defaultValue:I,disableClearable:v,disabled:y,isNullable:R,loading:J,onGroupChange:L,onGroupReset:V,placeholder:q||B,selectedGroup:H,onChange:function(e,t){N(t)},"data-testid":n,multiple:T,onInputChange:Q,onInputReset:function(){k(),K(null)},TextFieldProps:{label:O,value:w,endAdornment:(null==x?void 0:x.status)===c&&h(a,{"data-not-migrated-muichip":!0,className:D.activeChip,label:"Active"})},isHiddenAllOption:!0,value:x,options:W,renderCustomOption:function(e,t){var o=e.status,s=e.name,r=e.id,a=t.selected;return h(m,{className:D.option,assetName:s,multiple:T,selected:a,value:r,status:o&&c,"data-testid":"".concat(n,"_option_").concat(s,"MenuItem")},r)},getOptionLabel:function(e){return e.name||""},GroupsComponent:l,groups:j,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},g.defaultProps={assetFields:[],isSecondaryAssetPresent:!0,"data-testid":"PrimaryAssetEditorAutocomplete",onInputReset:function(){},onActiveAssetIdChange:function(){},placeholder:null};export{g as default};
+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};
 //# 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,\n  appKey,\n  assetFields,\n  assetType,\n  company,\n  currentOption,\n  currentValue,\n  defaultValue,\n  disableClearable,\n  disabled,\n  groups,\n  isNullable,\n  isRequiredAssetId,\n  isSecondaryAssetPresent,\n  label,\n  multiple,\n  onActiveAssetIdChange,\n  onChange,\n  onGroupChange,\n  onGroupReset,\n  onInputReset,\n  placeholder,\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\nPrimaryAssetSelect.defaultProps = {\n  assetFields: [],\n  isSecondaryAssetPresent: true,\n  'data-testid': 'PrimaryAssetEditorAutocomplete',\n  onInputReset: () => {},\n  onActiveAssetIdChange: () => {},\n  placeholder: null,\n};\n\nexport default PrimaryAssetSelect;\n"],"names":["useStyles","makeStyles","paper","boxShadow","listbox","maxHeight","padding","option","backgroundColor","groupChip","height","activeChip","fontWeight","color","fontSize","cursor","textTransform","marginRight","letterSpacing","PrimaryAssetSelect","_ref","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","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","defaultProps"],"mappings":"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"}
+{"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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"}

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

@@ -1,12 +1,12 @@
 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;
+    assetFields?: any[] | undefined;
     assetType: any;
     company: any;
     currentOption: any;
     currentValue: any;
-    "data-testid": any;
+    "data-testid"?: string | undefined;
     defaultValue: any;
     disableClearable: any;
     disabled: any;
@@ -14,15 +14,15 @@ declare function PrimaryAssetSelect({ placeholder, label, 'data-testid': PAGE_NA
     isDrillingPlatformApp: any;
     isNullable: any;
     isRequiredAssetId: any;
-    isSecondaryAssetPresent: any;
+    isSecondaryAssetPresent?: boolean | undefined;
     label: any;
     multiple: any;
-    onActiveAssetIdChange: any;
+    onActiveAssetIdChange?: typeof DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE | undefined;
     onChange: any;
     onGroupChange: any;
     onGroupReset: any;
-    onInputReset: any;
-    placeholder: any;
+    onInputReset?: typeof DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET | undefined;
+    placeholder?: null | undefined;
     selectedGroup: any;
     setCurrentOption: any;
 }): import("react").JSX.Element;
@@ -35,14 +35,8 @@ declare namespace PrimaryAssetSelect {
         onActiveAssetIdChange: PropTypes.Requireable<(...args: any[]) => any>;
         placeholder: PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        assetFields: never[];
-        isSecondaryAssetPresent: boolean;
-        'data-testid': string;
-        onInputReset: () => void;
-        onActiveAssetIdChange: () => void;
-        placeholder: null;
-    };
 }
+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;
 //# 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,WAAW,EACX,KAAK,EACL,aAAa,EAAE,SAAS,EACxB,MAAM,EACN,WAAW,EACX,SAAS,EACT,OAAO,EACP,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,qBAAqB,EACrB,UAAU,EACV,iBAAiB,EACjB,uBAAuB,EACvB,QAAQ,EACR,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,gBAAgB,GACjB;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;;eA6Jc,kBAAkB"}
+{"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"}

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 a,Chip as i}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 A=a({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=function(t){var a=t.placeholder,b=t.label,C=t["data-testid"],x=t.appKey,S=t.assetFields,v=t.assetType,I=t.company,y=t.currentOption,j=t.currentValue,P=t.defaultValue,R=t.disableClearable,G=t.disabled,T=t.groups,O=t.isDrillingPlatformApp,F=t.isNullable,L=t.isRequiredAssetId,N=t.isSecondaryAssetPresent,V=t.multiple,D=t.onActiveAssetIdChange,H=t.onChange,k=t.onGroupChange,q=t.onGroupReset,E=t.onInputReset,K=t.selectedGroup,M=t.setCurrentOption,_=o(""),w=e(_,2),z=w[0],B=w[1],W=o(1),J=e(W,2),Q=J[0],U=J[1],X=o(!0),Y=e(X,2),Z=Y[0],$=Y[1],ee=o(!1),te=e(ee,2),oe=te[0],re=te[1],ne=m(v,N),se=A(),ae=c({isDrillingPlatformApp:O,searchValue:oe&&z?z:"",scrollPage:Q,appKey:x,assetType:v,company:I,groups:T,isRequiredAssetId:L,assetFields:S,selectedGroup:K,currentValue:j,setCurrentOption:M,onActiveAssetIdChange:D}),ie=ae.assets,pe=ae.loading;r((function(){var e=ie.length>=h*Q;$(e)}),[ie,Q]);var le=n((function(){return s((function(e,t){"input"===t?(U(1),B(e),re(!0)):"reset"!==t&&"clear"!==t||(re(!1),B(""))}),200)}),[]),ue=n((function(){return s((function(){return U((function(e){return e+1}))}),250)}),[]);return g(p,{classes:{paper:se.paper,listbox:se.listbox,groupChip:se.groupChip},defaultValue:P,disableClearable:R||G,disabled:G,isNullable:F,loading:pe,onGroupChange:k,placeholder:a||ne,selectedGroup:K,onGroupReset:q,onChange:function(e,t){H(t),re(!1),B("")},onClose:function(){re(!1),B("")},onOpen:function(){z||re(!1)},"data-testid":C,multiple:V,onInputChangeCallback:le,onInputReset:function(){E(),M(null),re(!1),B("")},TextFieldProps:{label:b,value:z,endAdornment:(null==y?void 0:y.status)===d&&g(i,{"data-not-migrated-muichip":!0,className:se.activeChip,label:"Active"})},ListboxProps:{onScroll:function(e){if(Z&&!pe){var t=e.currentTarget;t.scrollTop+t.clientHeight>t.scrollHeight-800&&ue()}}},isHiddenAllOption:!0,value:y,options:ie,renderCustomOption:function(e,t){var o=e.status,r=e.name,n=e.id,s=t.selected;return g(f,{className:se.option,assetName:r,multiple:V,selected:s,value:n,status:o&&d,"data-testid":"".concat(C,"_option_").concat(r,"MenuItem")},n)},getOptionLabel:function(e){return e.name||""},GroupsComponent:u,groups:T,InputProps:{startAdornment:g(l,{})}})};b.propTypes={isSecondaryAssetPresent:t.bool,assetFields:t.array,"data-testid":t.string,onInputReset:t.func,onActiveAssetIdChange:t.func,placeholder:t.string},b.defaultProps={assetFields:[],isSecondaryAssetPresent:!0,"data-testid":"PrimaryAssetEditorAutocomplete",onInputReset:function(){},onActiveAssetIdChange:function(){},placeholder:null};export{b as default};
+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};
 //# 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,\n  label,\n  'data-testid': PAGE_NAME,\n  appKey,\n  assetFields,\n  assetType,\n  company,\n  currentOption,\n  currentValue,\n  defaultValue,\n  disableClearable,\n  disabled,\n  groups,\n  isDrillingPlatformApp,\n  isNullable,\n  isRequiredAssetId,\n  isSecondaryAssetPresent,\n  multiple,\n  onActiveAssetIdChange,\n  onChange,\n  onGroupChange,\n  onGroupReset,\n  onInputReset,\n  selectedGroup,\n  setCurrentOption,\n}) => {\n  const [searchValue, setSearchValue] = useState('');\n  const [scrollPage, setScrollPage] = useState(1);\n  const [hasMore, setHasMore] = useState(true);\n  const [isSearchMode, setIsSearchMode] = useState(false);\n  const searchPlaceholder = getSearchPlaceholder(assetType, isSecondaryAssetPresent);\n  const styles = useStyles();\n\n  const { assets, loading: isLoading } = usePrimaryAssetSelectData({\n    isDrillingPlatformApp,\n    searchValue: isSearchMode && searchValue ? searchValue : '',\n    scrollPage,\n    appKey,\n    assetType,\n    company,\n    groups,\n    isRequiredAssetId,\n    assetFields,\n    selectedGroup,\n    currentValue,\n    setCurrentOption,\n    onActiveAssetIdChange,\n  });\n\n  useEffect(() => {\n    const hasMoreAssets = assets.length >= PER_PAGE * scrollPage;\n    setHasMore(hasMoreAssets);\n  }, [assets, scrollPage]);\n\n  const onInputChange = useMemo(\n    () =>\n      debounce((value, reason) => {\n        if (reason === 'input') {\n          setScrollPage(1);\n          setSearchValue(value);\n          setIsSearchMode(true);\n        } else if (reason === 'reset' || reason === 'clear') {\n          setIsSearchMode(false);\n          setSearchValue('');\n        }\n      }, 200),\n    []\n  );\n\n  const handleFetchNext = useMemo(\n    () => debounce(() => setScrollPage(prevScrollPage => prevScrollPage + 1), 250),\n    []\n  );\n\n  const onScrollListbox = event => {\n    if (!hasMore || isLoading) return;\n    const listboxNode = event.currentTarget;\n    if (listboxNode.scrollTop + listboxNode.clientHeight > listboxNode.scrollHeight - 800) {\n      handleFetchNext();\n    }\n  };\n\n  const renderOption = ({ status, name, id }, { selected }) => {\n    return (\n      <SelectItem\n        className={styles.option}\n        assetName={name}\n        key={id}\n        multiple={multiple}\n        selected={selected}\n        value={id}\n        status={status && ACTIVE_STATUS}\n        data-testid={`${PAGE_NAME}_option_${name}MenuItem`}\n      />\n    );\n  };\n\n  return (\n    <Search\n      classes={{\n        paper: styles.paper,\n        listbox: styles.listbox,\n        groupChip: styles.groupChip,\n      }}\n      defaultValue={defaultValue}\n      disableClearable={disableClearable || disabled}\n      disabled={disabled}\n      isNullable={isNullable}\n      loading={isLoading}\n      onGroupChange={onGroupChange}\n      placeholder={placeholder || searchPlaceholder}\n      selectedGroup={selectedGroup}\n      onGroupReset={onGroupReset}\n      onChange={(event, selected) => {\n        onChange(selected);\n        // Reset search mode when item is selected\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      onClose={() => {\n        // Reset search mode when select closes to prevent stale state\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      onOpen={() => {\n        // If searchValue is empty when opening, ensure search mode is off\n        // This handles the case where select was closed with stale state\n        if (!searchValue) {\n          setIsSearchMode(false);\n        }\n      }}\n      data-testid={PAGE_NAME}\n      multiple={multiple}\n      onInputChangeCallback={onInputChange}\n      onInputReset={() => {\n        onInputReset();\n        setCurrentOption(null);\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      TextFieldProps={{\n        label,\n        value: searchValue,\n        endAdornment: currentOption?.status === ACTIVE_STATUS && (\n          <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n        ),\n      }}\n      ListboxProps={{\n        onScroll: onScrollListbox,\n      }}\n      isHiddenAllOption\n      value={currentOption}\n      options={assets}\n      renderCustomOption={renderOption}\n      getOptionLabel={option => option.name || ''}\n      GroupsComponent={Groups}\n      groups={groups}\n      InputProps={{\n        startAdornment: <InputAdornmentLeft />,\n      }}\n    />\n  );\n};\n\nPrimaryAssetSelect.propTypes = {\n  isSecondaryAssetPresent: PropTypes.bool,\n  assetFields: PropTypes.array,\n  'data-testid': PropTypes.string,\n  onInputReset: PropTypes.func,\n  onActiveAssetIdChange: PropTypes.func,\n  placeholder: PropTypes.string,\n};\n\nPrimaryAssetSelect.defaultProps = {\n  assetFields: [],\n  isSecondaryAssetPresent: true,\n  'data-testid': 'PrimaryAssetEditorAutocomplete',\n  onInputReset: () => {},\n  onActiveAssetIdChange: () => {},\n  placeholder: null,\n};\n\nexport default PrimaryAssetSelect;\n"],"names":["useStyles","makeStyles","paper","boxShadow","listbox","maxHeight","padding","option","backgroundColor","groupChip","height","activeChip","fontWeight","color","fontSize","cursor","textTransform","marginRight","letterSpacing","PrimaryAssetSelect","_ref","placeholder","label","PAGE_NAME","appKey","assetFields","assetType","company","currentOption","currentValue","defaultValue","disableClearable","disabled","groups","isDrillingPlatformApp","isNullable","isRequiredAssetId","isSecondaryAssetPresent","multiple","onActiveAssetIdChange","onChange","onGroupChange","onGroupReset","onInputReset","selectedGroup","setCurrentOption","useState","_useState2","_slicedToArray","_useState","searchValue","setSearchValue","_useState4","_useState3","scrollPage","setScrollPage","_useState6","_useState5","hasMore","setHasMore","_useState8","_useState7","isSearchMode","setIsSearchMode","searchPlaceholder","getSearchPlaceholder","styles","_usePrimaryAssetSelec","usePrimaryAssetSelectData","assets","isLoading","loading","useEffect","hasMoreAssets","length","PER_PAGE","onInputChange","useMemo","debounce","value","reason","handleFetchNext","prevScrollPage","_jsx","Search","classes","event","selected","onClose","onOpen","onInputChangeCallback","TextFieldProps","endAdornment","status","ACTIVE_STATUS","Chip","className","ListboxProps","onScroll","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","isHiddenAllOption","options","renderCustomOption","_ref2","_ref3","name","id","SelectItem","assetName","getOptionLabel","GroupsComponent","Groups","InputProps","startAdornment","InputAdornmentLeft","propTypes","PropTypes","bool","array","string","func","defaultProps"],"mappings":"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"}
+{"version":3,"file":"PrimaryAssetSelectV2.js","sources":["../../../../src/components/AssetEditorV2/components/PrimaryAssetSelectV2.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useMemo, useState } from 'react';\nimport { debounce } from 'lodash';\nimport { Chip, makeStyles } from '@material-ui/core';\n\nimport Search from '../../Search/Search';\nimport { Groups, InputAdornmentLeft } from '../../Search/components';\nimport { usePrimaryAssetSelectData } from '../effects/usePrimaryAssetSelectData';\nimport { ACTIVE_STATUS } from '../constants';\nimport { getSearchPlaceholder } from '../utils';\n\nimport SelectItem from './SelectItem';\n\nimport { PER_PAGE } from '~/components/AssetEditor/constants';\n\nconst useStyles = makeStyles({\n  paper: {\n    boxShadow: '0px 3px 10px 0px #00000066',\n  },\n  listbox: {\n    maxHeight: 210,\n    '& .MuiAutocomplete-option': {\n      padding: '0px 0px 0px 16px',\n    },\n  },\n  option: {\n    padding: '6px 0',\n    '&:hover': {\n      backgroundColor: 'initial',\n    },\n  },\n  groupChip: {\n    height: 32,\n    padding: 0,\n  },\n  activeChip: {\n    fontWeight: 500,\n    backgroundColor: '#75DB29',\n    color: '#212121',\n    fontSize: 10,\n    cursor: 'pointer',\n    height: 12,\n    textTransform: 'uppercase',\n    marginRight: 12,\n    letterSpacing: 1,\n  },\n});\n\nconst PrimaryAssetSelect = ({\n  placeholder = null,\n  label,\n  'data-testid': PAGE_NAME = 'PrimaryAssetEditorAutocomplete',\n  appKey,\n  assetFields = DEFAULT_PRIMARY_ASSET_SELECT_ASSET_FIELDS,\n  assetType,\n  company,\n  currentOption,\n  currentValue,\n  defaultValue,\n  disableClearable,\n  disabled,\n  groups,\n  isDrillingPlatformApp,\n  isNullable,\n  isRequiredAssetId,\n  isSecondaryAssetPresent = true,\n  multiple,\n  onActiveAssetIdChange = DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE,\n  onChange,\n  onGroupChange,\n  onGroupReset,\n  onInputReset = DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET,\n  selectedGroup,\n  setCurrentOption,\n}) => {\n  const [searchValue, setSearchValue] = useState('');\n  const [scrollPage, setScrollPage] = useState(1);\n  const [hasMore, setHasMore] = useState(true);\n  const [isSearchMode, setIsSearchMode] = useState(false);\n  const searchPlaceholder = getSearchPlaceholder(assetType, isSecondaryAssetPresent);\n  const styles = useStyles();\n\n  const { assets, loading: isLoading } = usePrimaryAssetSelectData({\n    isDrillingPlatformApp,\n    searchValue: isSearchMode && searchValue ? searchValue : '',\n    scrollPage,\n    appKey,\n    assetType,\n    company,\n    groups,\n    isRequiredAssetId,\n    assetFields,\n    selectedGroup,\n    currentValue,\n    setCurrentOption,\n    onActiveAssetIdChange,\n  });\n\n  useEffect(() => {\n    const hasMoreAssets = assets.length >= PER_PAGE * scrollPage;\n    setHasMore(hasMoreAssets);\n  }, [assets, scrollPage]);\n\n  const onInputChange = useMemo(\n    () =>\n      debounce((value, reason) => {\n        if (reason === 'input') {\n          setScrollPage(1);\n          setSearchValue(value);\n          setIsSearchMode(true);\n        } else if (reason === 'reset' || reason === 'clear') {\n          setIsSearchMode(false);\n          setSearchValue('');\n        }\n      }, 200),\n    []\n  );\n\n  const handleFetchNext = useMemo(\n    () => debounce(() => setScrollPage(prevScrollPage => prevScrollPage + 1), 250),\n    []\n  );\n\n  const onScrollListbox = event => {\n    if (!hasMore || isLoading) return;\n    const listboxNode = event.currentTarget;\n    if (listboxNode.scrollTop + listboxNode.clientHeight > listboxNode.scrollHeight - 800) {\n      handleFetchNext();\n    }\n  };\n\n  const renderOption = ({ status, name, id }, { selected }) => {\n    return (\n      <SelectItem\n        className={styles.option}\n        assetName={name}\n        key={id}\n        multiple={multiple}\n        selected={selected}\n        value={id}\n        status={status && ACTIVE_STATUS}\n        data-testid={`${PAGE_NAME}_option_${name}MenuItem`}\n      />\n    );\n  };\n\n  return (\n    <Search\n      classes={{\n        paper: styles.paper,\n        listbox: styles.listbox,\n        groupChip: styles.groupChip,\n      }}\n      defaultValue={defaultValue}\n      disableClearable={disableClearable || disabled}\n      disabled={disabled}\n      isNullable={isNullable}\n      loading={isLoading}\n      onGroupChange={onGroupChange}\n      placeholder={placeholder || searchPlaceholder}\n      selectedGroup={selectedGroup}\n      onGroupReset={onGroupReset}\n      onChange={(event, selected) => {\n        onChange(selected);\n        // Reset search mode when item is selected\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      onClose={() => {\n        // Reset search mode when select closes to prevent stale state\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      onOpen={() => {\n        // If searchValue is empty when opening, ensure search mode is off\n        // This handles the case where select was closed with stale state\n        if (!searchValue) {\n          setIsSearchMode(false);\n        }\n      }}\n      data-testid={PAGE_NAME}\n      multiple={multiple}\n      onInputChangeCallback={onInputChange}\n      onInputReset={() => {\n        onInputReset();\n        setCurrentOption(null);\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      TextFieldProps={{\n        label,\n        value: searchValue,\n        endAdornment: currentOption?.status === ACTIVE_STATUS && (\n          <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n        ),\n      }}\n      ListboxProps={{\n        onScroll: onScrollListbox,\n      }}\n      isHiddenAllOption\n      value={currentOption}\n      options={assets}\n      renderCustomOption={renderOption}\n      getOptionLabel={option => option.name || ''}\n      GroupsComponent={Groups}\n      groups={groups}\n      InputProps={{\n        startAdornment: <InputAdornmentLeft />,\n      }}\n    />\n  );\n};\n\nPrimaryAssetSelect.propTypes = {\n  isSecondaryAssetPresent: PropTypes.bool,\n  assetFields: PropTypes.array,\n  'data-testid': PropTypes.string,\n  onInputReset: PropTypes.func,\n  onActiveAssetIdChange: PropTypes.func,\n  placeholder: PropTypes.string,\n};\n\nconst DEFAULT_PRIMARY_ASSET_SELECT_ASSET_FIELDS = [];\nconst DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET = () => {};\nconst DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE = () => {};\n\nexport default PrimaryAssetSelect;\n"],"names":["useStyles","makeStyles","paper","boxShadow","listbox","maxHeight","padding","option","backgroundColor","groupChip","height","activeChip","fontWeight","color","fontSize","cursor","textTransform","marginRight","letterSpacing","PrimaryAssetSelect","_ref","_ref$placeholder","placeholder","label","_ref$dataTestid","PAGE_NAME","appKey","_ref$assetFields","assetFields","DEFAULT_PRIMARY_ASSET_SELECT_ASSET_FIELDS","assetType","company","currentOption","currentValue","defaultValue","disableClearable","disabled","groups","isDrillingPlatformApp","isNullable","isRequiredAssetId","_ref$isSecondaryAsset","isSecondaryAssetPresent","multiple","_ref$onActiveAssetIdC","onActiveAssetIdChange","DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE","onChange","onGroupChange","onGroupReset","_ref$onInputReset","onInputReset","DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET","selectedGroup","setCurrentOption","useState","_useState2","_slicedToArray","_useState","searchValue","setSearchValue","_useState4","_useState3","scrollPage","setScrollPage","_useState6","_useState5","hasMore","setHasMore","_useState8","_useState7","isSearchMode","setIsSearchMode","searchPlaceholder","getSearchPlaceholder","styles","_usePrimaryAssetSelec","usePrimaryAssetSelectData","assets","isLoading","loading","useEffect","hasMoreAssets","length","PER_PAGE","onInputChange","useMemo","debounce","value","reason","handleFetchNext","prevScrollPage","_jsx","Search","classes","event","selected","onClose","onOpen","onInputChangeCallback","TextFieldProps","endAdornment","status","ACTIVE_STATUS","Chip","className","ListboxProps","onScroll","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","isHiddenAllOption","options","renderCustomOption","_ref2","_ref3","name","id","SelectItem","assetName","getOptionLabel","GroupsComponent","Groups","InputProps","startAdornment","InputAdornmentLeft","propTypes","PropTypes","bool","array","string","func"],"mappings":"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"}

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

@@ -16,16 +16,6 @@ declare namespace SecondaryAssetSelect {
         appKey: PropTypes.Requireable<string>;
         assetFields: PropTypes.Requireable<any[]>;
     };
-    var defaultProps: {
-        currentValue: string;
-        defaultValue: string;
-        appType: undefined;
-        parentAssetId: undefined;
-        parentAssetType: undefined;
-        'data-testid': string;
-        appKey: null;
-        assetFields: never[];
-    };
 }
 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;sCAqDnB,KAAK,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;eAoJnB,oBAAoB"}
+{"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"}

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 l,ACTIVE_ASSET_ID as c,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 g,jsx as v}from"react/jsx-runtime";var y="DC_SingleAssetEditor",b=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"}}})),A=function(e){var a=e.appKey,A=e.primaryAssetLabel,h=e.isRequiredAssetId,j=e.secondaryAssetLabel,x=e.company,N=e.currentValue,T=e.defaultValue,I=e.onChange,C=e.disabled,V=e.parentAssetId,E=e.assetType,_=e.parentAssetType,M=e.assetFields,F=e.activeWellId,k=e.isDrillingPlatformApp,q=p({appKey:a,assetId:N,assetType:k?d:E,company:x,parentAssetId:V,parentAssetType:_,isRequiredAssetId:h,assetFields:M,activeWellId:F}),K=q.assets,P=q.loading,R=b({disabled:C}),W=N||T,w=K.some((function(t){return t.status===l}));_===f.intervention_unit.type&&(w=K.some((function(t){return Number(t.id)===Number(F)})));var B=s(E),D=[{name:"Active ".concat(B),id:c}].concat(t(K));return g("div",{className:R.container,children:[g(n,{className:R.formControl,disabled:P,children:[v(r,{shrink:!!W,children:j}),v(i,{"data-testid":e["data-testid"],classes:{select:R.select},value:W,disabled:C,onChange:function(t){var e=t.target,s=e.value===c?{id:c}:null==K?void 0:K.find((function(t){return t.id===e.value}));I(s)},fullWidth:!0,renderValue:function(t){if(t===u)return v("span",{className:R.activeAssets,children:"Active ".concat(B,"s")});if(t===c&&!w)return v("span",{className:R.noActiveAsset,children:"".concat(A," has No Active ").concat(j)});if(t===c&&w){var e=_===f.intervention_unit.type?K.find((function(t){return Number(t.id)===Number(F)})):K.find((function(t){return t.status===l}));return v(m,{className:R.selectValue,assetName:e.name,status:e.status})}var s=K.find((function(e){return e.id===t}));return v(m,{className:R.selectValue,assetName:null==s?void 0:s.name,status:null==s?void 0:s.status})},children:D.map((function(t){var e=t.id,s=t.name,a=t.status,n=s||"";return v(m,{className:R.option,assetName:n,"data-testid":"".concat(y,"_option_").concat(n,"MenuItem"),value:e,status:a},e)}))})]}),P&&v(o,{"data-testid":"".concat(y,"_CircularProgress"),size:20,className:R.progress})]})};A.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},A.defaultProps={currentValue:"",defaultValue:"",appType:void 0,parentAssetId:void 0,parentAssetType:void 0,"data-testid":"".concat(y,"_autoComplete"),appKey:null,assetFields:[]};export{y as PAGE_NAME,A as default};
+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};
 //# 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';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    position: 'relative',\n  },\n  select: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    paddingBottom: 0,\n    paddingTop: 0,\n  },\n  formControl: {\n    marginTop: 16,\n    width: '100%',\n    '& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled': {\n      '&::before': {\n        borderBottom: `1px solid #808080`,\n      },\n    },\n  },\n  selectValue: ({ disabled }) => ({\n    cursor: 'pointer',\n    padding: 0,\n    color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n    '&:hover': {\n      backgroundColor: 'initial',\n    },\n  }),\n  option: ({ disabled }) => ({\n    cursor: 'pointer',\n    padding: '0px 0px 0px 16px',\n    color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n    '&:hover': {\n      backgroundColor: 'rgba(255, 255, 255, 0.16)',\n    },\n  }),\n  activeAssets: {\n    color: '#9E9E9E',\n    padding: '8px 0 6px',\n  },\n  progress: {\n    position: 'absolute',\n    right: 20,\n    bottom: 4,\n  },\n  noActiveAsset: {\n    color: '#9E9E9E',\n    padding: '8px 0 6px',\n  },\n}));\n\nconst SecondaryAssetSelect = props => {\n  const {\n    appKey,\n    primaryAssetLabel,\n    isRequiredAssetId,\n    secondaryAssetLabel,\n    company,\n    currentValue,\n    defaultValue,\n    onChange,\n    disabled,\n    parentAssetId,\n    assetType,\n    parentAssetType,\n    assetFields,\n    activeWellId,\n    isDrillingPlatformApp,\n  } = props;\n\n  const { assets, loading } = useSecondaryAssetSelectData({\n    appKey,\n    assetId: currentValue,\n    assetType: isDrillingPlatformApp ? DEFAULT_ASSET_TYPE : assetType,\n    company,\n    parentAssetId,\n    parentAssetType,\n    isRequiredAssetId,\n    assetFields,\n    activeWellId,\n  });\n  const styles = useStyles({ disabled });\n\n  const value = currentValue || defaultValue;\n  let hasActiveAsset = assets.some(asset => asset.status === ACTIVE_STATUS);\n  if (parentAssetType === ASSET_TYPES.intervention_unit.type) {\n    hasActiveAsset = assets.some(asset => Number(asset.id) === Number(activeWellId));\n  }\n  const capitalizedAssetType = capitalize(assetType);\n\n  const options = [{ name: `Active ${capitalizedAssetType}`, id: ACTIVE_ASSET_ID }, ...assets];\n\n  const handleSelectChange = ({ target }) => {\n    const nextValue =\n      target.value === ACTIVE_ASSET_ID\n        ? { id: ACTIVE_ASSET_ID }\n        : assets?.find(asset => asset.id === target.value);\n    onChange(nextValue);\n  };\n\n  const renderSelectValue = assetId => {\n    if (assetId === ACTIVE_ASSETS_ID) {\n      return <span className={styles.activeAssets}>{`Active ${capitalizedAssetType}s`}</span>;\n    }\n    if (assetId === ACTIVE_ASSET_ID && !hasActiveAsset) {\n      return (\n        <span className={styles.noActiveAsset}>\n          {`${primaryAssetLabel} has No Active ${secondaryAssetLabel}`}\n        </span>\n      );\n    }\n    if (assetId === ACTIVE_ASSET_ID && hasActiveAsset) {\n      const activeAsset =\n        parentAssetType === ASSET_TYPES.intervention_unit.type\n          ? assets.find(asset => Number(asset.id) === Number(activeWellId))\n          : assets.find(asset => asset.status === ACTIVE_STATUS);\n      return (\n        <SelectItem\n          className={styles.selectValue}\n          assetName={activeAsset.name}\n          status={activeAsset.status}\n        />\n      );\n    }\n    const selectedAsset = assets.find(asset => asset.id === assetId);\n    return (\n      <SelectItem\n        className={styles.selectValue}\n        assetName={selectedAsset?.name}\n        status={selectedAsset?.status}\n      />\n    );\n  };\n\n  return (\n    <div className={styles.container}>\n      <FormControl className={styles.formControl} disabled={loading}>\n        <InputLabel shrink={!!value}>{secondaryAssetLabel}</InputLabel>\n        <Select\n          data-testid={props['data-testid']}\n          classes={{ select: styles.select }}\n          value={value}\n          disabled={disabled}\n          onChange={handleSelectChange}\n          fullWidth\n          renderValue={renderSelectValue}\n        >\n          {options.map(({ id, name, status }) => {\n            const assetName = name || '';\n            return (\n              <SelectItem\n                className={styles.option}\n                assetName={assetName}\n                data-testid={`${PAGE_NAME}_option_${assetName}MenuItem`}\n                key={id}\n                value={id}\n                status={status}\n              />\n            );\n          })}\n        </Select>\n      </FormControl>\n      {loading && (\n        <CircularProgress\n          data-testid={`${PAGE_NAME}_CircularProgress`}\n          size={20}\n          className={styles.progress}\n        />\n      )}\n    </div>\n  );\n};\n\nSecondaryAssetSelect.propTypes = {\n  appType: PropTypes.shape({\n    constants: PropTypes.shape({}),\n  }),\n  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n  onChange: PropTypes.func.isRequired,\n  parentAssetId: PropTypes.number,\n  parentAssetType: PropTypes.string,\n  assetType: PropTypes.string.isRequired,\n  'data-testid': PropTypes.string,\n  appKey: PropTypes.string,\n  assetFields: PropTypes.array,\n};\n\nSecondaryAssetSelect.defaultProps = {\n  currentValue: '', // NOTE: If 'undefined' <SelectField /> displays 'label'\n  defaultValue: '',\n  appType: undefined,\n  parentAssetId: undefined,\n  parentAssetType: undefined,\n  'data-testid': `${PAGE_NAME}_autoComplete`,\n  appKey: null,\n  assetFields: [],\n};\n\nexport default SecondaryAssetSelect;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","container","position","select","display","alignItems","justifyContent","paddingBottom","paddingTop","formControl","marginTop","width","borderBottom","selectValue","_ref","cursor","padding","color","disabled","palette","primary","text7","contrastText","backgroundColor","option","_ref2","activeAssets","progress","right","bottom","noActiveAsset","SecondaryAssetSelect","props","appKey","primaryAssetLabel","isRequiredAssetId","secondaryAssetLabel","company","currentValue","defaultValue","onChange","parentAssetId","assetType","parentAssetType","assetFields","activeWellId","isDrillingPlatformApp","_useSecondaryAssetSel","useSecondaryAssetSelectData","assetId","DEFAULT_ASSET_TYPE","assets","loading","styles","value","hasActiveAsset","some","asset","status","ACTIVE_STATUS","ASSET_TYPES","intervention_unit","type","Number","id","capitalizedAssetType","capitalize","options","name","concat","ACTIVE_ASSET_ID","_toConsumableArray","_jsxs","className","children","FormControl","_jsx","InputLabel","shrink","Select","classes","_ref3","target","nextValue","find","fullWidth","renderValue","ACTIVE_ASSETS_ID","activeAsset","SelectItem","assetName","selectedAsset","map","_ref4","CircularProgress","size","propTypes","appType","PropTypes","shape","constants","oneOfType","number","string","any","func","isRequired","array","defaultProps","undefined"],"mappings":"mhCAWO,IAAMA,EAAY,uBAEnBC,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,UAAW,CACTC,SAAU,YAEZC,OAAQ,CACNC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,cAAe,EACfC,WAAY,GAEdC,YAAa,CACXC,UAAW,GACXC,MAAO,OACP,+EAAgF,CAC9E,YAAa,CACXC,aAAY,uBAIlBC,YAAa,SAAAC,GAAW,MAAQ,CAC9BC,OAAQ,UACRC,QAAS,EACTC,QAHcC,SAGIlB,EAAMmB,QAAQC,QAAQC,MAAQrB,EAAMmB,QAAQC,QAAQE,aACtE,UAAW,CACTC,gBAAiB,WAEnB,EACFC,OAAQ,SAAAC,GAAW,MAAQ,CACzBV,OAAQ,UACRC,QAAS,mBACTC,QAHSC,SAGSlB,EAAMmB,QAAQC,QAAQC,MAAQrB,EAAMmB,QAAQC,QAAQE,aACtE,UAAW,CACTC,gBAAiB,6BAEnB,EACFG,aAAc,CACZT,MAAO,UACPD,QAAS,aAEXW,SAAU,CACRzB,SAAU,WACV0B,MAAO,GACPC,OAAQ,GAEVC,cAAe,CACbb,MAAO,UACPD,QAAS,aAEZ,IAEKe,EAAuB,SAAAC,GAC3B,IACEC,EAeED,EAfFC,OACAC,EAcEF,EAdFE,kBACAC,EAaEH,EAbFG,kBACAC,EAYEJ,EAZFI,oBACAC,EAWEL,EAXFK,QACAC,EAUEN,EAVFM,aACAC,EASEP,EATFO,aACAC,EAQER,EARFQ,SACAtB,EAOEc,EAPFd,SACAuB,EAMET,EANFS,cACAC,EAKEV,EALFU,UACAC,EAIEX,EAJFW,gBACAC,EAGEZ,EAHFY,YACAC,EAEEb,EAFFa,aACAC,EACEd,EADFc,sBAGFC,EAA4BC,EAA4B,CACtDf,OAAAA,EACAgB,QAASX,EACTI,UAAWI,EAAwBI,EAAqBR,EACxDL,QAAAA,EACAI,cAAAA,EACAE,gBAAAA,EACAR,kBAAAA,EACAS,YAAAA,EACAC,aAAAA,IATMM,IAAAA,OAAQC,IAAAA,QAWVC,EAASvD,EAAU,CAAEoB,SAAAA,IAErBoC,EAAQhB,GAAgBC,EAC1BgB,EAAiBJ,EAAOK,MAAK,SAAAC,GAAK,OAAIA,EAAMC,SAAWC,KACvDhB,IAAoBiB,EAAYC,kBAAkBC,OACpDP,EAAiBJ,EAAOK,MAAK,SAAAC,GAAK,OAAIM,OAAON,EAAMO,MAAQD,OAAOlB,OAEpE,IAAMoB,EAAuBC,EAAWxB,GAElCyB,EAAW,CAAA,CAAEC,KAAI,UAAAC,OAAYJ,GAAwBD,GAAIM,IAAiBD,OAAAE,EAAKpB,IA4CrF,OACEqB,EAAA,MAAA,CAAKC,UAAWpB,EAAOpD,UAAUyE,SAAA,CAC/BF,EAACG,EAAW,CAACF,UAAWpB,EAAO5C,YAAaS,SAAUkC,EAAQsB,SAAA,CAC5DE,EAACC,EAAU,CAACC,SAAUxB,EAAMoB,SAAEtC,IAC9BwC,EAACG,EAAM,CACL,cAAa/C,EAAM,eACnBgD,QAAS,CAAE7E,OAAQkD,EAAOlD,QAC1BmD,MAAOA,EACPpC,SAAUA,EACVsB,SAnDmB,SAAgByC,GAAA,IAAbC,IAAAA,OACtBC,EACJD,EAAO5B,QAAUgB,EACb,CAAEN,GAAIM,GACNnB,aAAM,EAANA,EAAQiC,MAAK,SAAA3B,GAAK,OAAIA,EAAMO,KAAOkB,EAAO5B,SAChDd,EAAS2C,IA+CHE,WAAS,EACTC,YA7CkB,SAAArC,GACxB,GAAIA,IAAYsC,EACd,OAAOX,EAAA,OAAA,CAAMH,UAAWpB,EAAO3B,aAAagD,SAAA,UAAAL,OAAYJ,EAAoB,OAE9E,GAAIhB,IAAYqB,IAAoBf,EAClC,OACEqB,EAAA,OAAA,CAAMH,UAAWpB,EAAOvB,cAAc4C,SAChCxC,GAAAA,OAAAA,4BAAmCE,KAI7C,GAAIa,IAAYqB,GAAmBf,EAAgB,CACjD,IAAMiC,EACJ7C,IAAoBiB,EAAYC,kBAAkBC,KAC9CX,EAAOiC,MAAK,SAAA3B,GAAK,OAAIM,OAAON,EAAMO,MAAQD,OAAOlB,EAAa,IAC9DM,EAAOiC,MAAK,SAAA3B,GAAK,OAAIA,EAAMC,SAAWC,KAC5C,OACEiB,EAACa,EAAU,CACThB,UAAWpB,EAAOxC,YAClB6E,UAAWF,EAAYpB,KACvBV,OAAQ8B,EAAY9B,QAG1B,CACA,IAAMiC,EAAgBxC,EAAOiC,MAAK,SAAA3B,GAAK,OAAIA,EAAMO,KAAOf,KACxD,OACE2B,EAACa,EAAU,CACThB,UAAWpB,EAAOxC,YAClB6E,UAAWC,aAAAA,EAAAA,EAAevB,KAC1BV,OAAQiC,aAAa,EAAbA,EAAejC,UAgBUgB,SAE9BP,EAAQyB,KAAI,SAA0BC,GAAA,IAAvB7B,IAAAA,GAAII,IAAAA,KAAMV,IAAAA,OAClBgC,EAAYtB,GAAQ,GAC1B,OACEQ,EAACa,EAAU,CACThB,UAAWpB,EAAO7B,OAClBkE,UAAWA,EACX,cAAgB7F,GAAAA,OAAAA,EAAoB6F,YAAAA,OAAAA,EAAoB,YAExDpC,MAAOU,EACPN,OAAQA,GAFHM,WAQdZ,GACCwB,EAACkB,EAAgB,CACf,cAAA,GAAAzB,OAAgBxE,EAA6B,qBAC7CkG,KAAM,GACNtB,UAAWpB,EAAO1B,aAK5B,EAEAI,EAAqBiE,UAAY,CAC/BC,QAASC,EAAUC,MAAM,CACvBC,UAAWF,EAAUC,MAAM,MAE7B7D,aAAc4D,EAAUG,UAAU,CAACH,EAAUI,OAAQJ,EAAUK,SAC/DhE,aAAc2D,EAAUM,IACxBhE,SAAU0D,EAAUO,KAAKC,WACzBjE,cAAeyD,EAAUI,OACzB3D,gBAAiBuD,EAAUK,OAC3B7D,UAAWwD,EAAUK,OAAOG,WAC5B,cAAeR,EAAUK,OACzBtE,OAAQiE,EAAUK,OAClB3D,YAAasD,EAAUS,OAGzB5E,EAAqB6E,aAAe,CAClCtE,aAAc,GACdC,aAAc,GACd0D,aAASY,EACTpE,mBAAeoE,EACflE,qBAAiBkE,EACjB,cAAa,GAAAxC,OAAKxE,EAAwB,iBAC1CoC,OAAQ,KACRW,YAAa"}
+{"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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"}

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;eAUa,UAAU"}
+{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/SelectItem.js"],"names":[],"mappings":"AA8CA,QAAA,MAAM,UAAU,+EAgEf,CAAC;eAMa,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 a}from"react";import o from"prop-types";import n 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 O=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}}),v=i((function(e,i){var o=e["data-testid"],s=e.value,g=e.className,v=e.assetName,w=e.status,P=e.multiple,x=e.selected,N=r(e,y),C=a(null),T=t(C,2),I=T[0],S=T[1],k=!!I,D=O(),z=b("div",{className:D.itemContent,children:[h(f,{onTruncate:function(e){S(e)},truncatedText:I,maxWidth:380,children:v}),w===u&&h(c,{"data-not-migrated-muichip":!0,className:D.activeChip,label:"Active"})]});return h(l,{title:k?v:"",children:P?b("div",{className:n(D.option),children:[h(p,{disableRipple:!0,icon:h(m,{style:{fontSize:20}}),className:D.checkbox,checkedIcon:h(d,{style:{fontSize:20}}),checked:x}),z]}):h("div",j(j({"data-testid":o,value:s,className:n(D.menuItem,g)},N),{},{children:z}))})}));v.propTypes={"data-testid":o.string},v.defaultProps={"data-testid":"MenuItem"};export{v 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 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};
 //# 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,\n      value,\n      className,\n      assetName,\n      status,\n      multiple,\n      selected,\n      ...restProps\n    },\n    // eslint-disable-next-line no-unused-vars\n    muiRef\n  ) => {\n    const [truncatedText, setTruncatedText] = useState(null);\n    const isTruncated = !!truncatedText;\n    const styles = useStyles();\n\n    const handleTruncatedText = truncatedText => {\n      setTruncatedText(truncatedText);\n    };\n\n    const itemContent = (\n      <div className={styles.itemContent}>\n        <MiddleTruncate\n          onTruncate={handleTruncatedText}\n          truncatedText={truncatedText}\n          maxWidth={380}\n        >\n          {assetName}\n        </MiddleTruncate>\n        {status === ACTIVE_STATUS && (\n          <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n        )}\n      </div>\n    );\n\n    return (\n      <Tooltip title={isTruncated ? assetName : ''}>\n        {multiple ? (\n          <div className={classNames(styles.option)}>\n            <Checkbox\n              disableRipple\n              icon={<CheckBoxOutlineBlankIcon style={{ fontSize: 20 }} />}\n              className={styles.checkbox}\n              checkedIcon={<CheckBoxIcon style={{ fontSize: 20 }} />}\n              checked={selected}\n            />\n            {itemContent}\n          </div>\n        ) : (\n          <div\n            data-testid={PAGE_NAME}\n            value={value}\n            className={classNames(styles.menuItem, className)}\n            {...restProps}\n          >\n            {itemContent}\n          </div>\n        )}\n      </Tooltip>\n    );\n  }\n);\n\nSelectItem.propTypes = {\n  'data-testid': PropTypes.string,\n};\n\nSelectItem.defaultProps = {\n  'data-testid': 'MenuItem',\n};\n\nexport default SelectItem;\n"],"names":["useStyles","makeStyles","menuItem","display","justifyContent","width","height","paddingBottom","paddingTop","option","alignItems","itemContent","activeChip","fontWeight","backgroundColor","color","fontSize","cursor","textTransform","marginRight","letterSpacing","SelectItem","forwardRef","_ref","muiRef","PAGE_NAME","value","className","assetName","status","multiple","selected","restProps","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","truncatedText","setTruncatedText","isTruncated","styles","_jsxs","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","defaultProps"],"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,IAXcC,IAAf,eACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,SACGC,EAASC,EAAAV,EAAAW,GAK4BC,EAAAA,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAjDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAChCK,IAAgBF,EAChBG,EAAS1C,IAMTW,EACJgC,EAAA,MAAA,CAAKhB,UAAWe,EAAO/B,YAAYiC,SAAA,CACjCC,EAACC,EAAc,CACbC,WAPsB,SAAAR,GAC1BC,EAAiBD,IAObA,cAAeA,EACfS,SAAU,IAAIJ,SAEbhB,IAEFC,IAAWoB,GACVJ,EAACK,EAAI,CAAC,6BAAyB,EAACvB,UAAWe,EAAO9B,WAAYuC,MAAM,cAK1E,OACEN,EAACO,EAAO,CAACC,MAAOZ,EAAcb,EAAY,GAAGgB,SAC1Cd,EACCa,EAAA,MAAA,CAAKhB,UAAW2B,EAAWZ,EAAOjC,QAAQmC,SAAA,CACxCC,EAACU,EAAQ,CACPC,eAAa,EACbC,KAAMZ,EAACa,EAAwB,CAACC,MAAO,CAAE3C,SAAU,MACnDW,UAAWe,EAAOkB,SAClBC,YAAahB,EAACiB,EAAY,CAACH,MAAO,CAAE3C,SAAU,MAC9C+C,QAAShC,IAEVpB,KAGHkC,EAAA,MAAAmB,EAAAA,EAAA,CACE,cAAavC,EACbC,MAAOA,EACPC,UAAW2B,EAAWZ,EAAOxC,SAAUyB,IACnCK,GAAS,GAAA,CAAAY,SAEZjC,MAKX,IAGFU,EAAW4C,UAAY,CACrB,cAAeC,EAAUC,QAG3B9C,EAAW+C,aAAe,CACxB,cAAe"}
+{"version":3,"file":"SelectItem.js","sources":["../../../../src/components/AssetEditorV2/components/SelectItem.js"],"sourcesContent":["import { forwardRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { makeStyles, Chip, Tooltip, Checkbox } from '@material-ui/core';\nimport {\n  CheckBox as CheckBoxIcon,\n  CheckBoxOutlineBlank as CheckBoxOutlineBlankIcon,\n} from '@material-ui/icons';\n\nimport { ACTIVE_STATUS } from '../constants';\n\nimport MiddleTruncate from '~/components/MiddleTruncate';\n\nconst useStyles = makeStyles({\n  menuItem: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    width: '100%',\n    height: 36,\n    paddingBottom: 0,\n    paddingTop: 0,\n  },\n  option: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  itemContent: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  activeChip: {\n    fontWeight: 500,\n    backgroundColor: '#75DB29',\n    color: '#212121',\n    fontSize: 10,\n    cursor: 'pointer',\n    height: 12,\n    textTransform: 'uppercase',\n    marginRight: 12,\n    letterSpacing: 1,\n  },\n});\n\nconst SelectItem = forwardRef(\n  (\n    {\n      'data-testid': PAGE_NAME = 'MenuItem',\n      value,\n      className,\n      assetName,\n      status,\n      multiple,\n      selected,\n      ...restProps\n    },\n    // eslint-disable-next-line no-unused-vars\n    muiRef\n  ) => {\n    const [truncatedText, setTruncatedText] = useState(null);\n    const isTruncated = !!truncatedText;\n    const styles = useStyles();\n\n    const handleTruncatedText = truncatedText => {\n      setTruncatedText(truncatedText);\n    };\n\n    const itemContent = (\n      <div className={styles.itemContent}>\n        <MiddleTruncate\n          onTruncate={handleTruncatedText}\n          truncatedText={truncatedText}\n          maxWidth={380}\n        >\n          {assetName}\n        </MiddleTruncate>\n        {status === ACTIVE_STATUS && (\n          <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n        )}\n      </div>\n    );\n\n    return (\n      <Tooltip title={isTruncated ? assetName : ''}>\n        {multiple ? (\n          <div className={classNames(styles.option)}>\n            <Checkbox\n              disableRipple\n              icon={<CheckBoxOutlineBlankIcon style={{ fontSize: 20 }} />}\n              className={styles.checkbox}\n              checkedIcon={<CheckBoxIcon style={{ fontSize: 20 }} />}\n              checked={selected}\n            />\n            {itemContent}\n          </div>\n        ) : (\n          <div\n            data-testid={PAGE_NAME}\n            value={value}\n            className={classNames(styles.menuItem, className)}\n            {...restProps}\n          >\n            {itemContent}\n          </div>\n        )}\n      </Tooltip>\n    );\n  }\n);\n\nSelectItem.propTypes = {\n  'data-testid': PropTypes.string,\n};\n\nexport default SelectItem;\n"],"names":["useStyles","makeStyles","menuItem","display","justifyContent","width","height","paddingBottom","paddingTop","option","alignItems","itemContent","activeChip","fontWeight","backgroundColor","color","fontSize","cursor","textTransform","marginRight","letterSpacing","SelectItem","forwardRef","_ref","muiRef","_ref$dataTestid","PAGE_NAME","value","className","assetName","status","multiple","selected","restProps","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","truncatedText","setTruncatedText","isTruncated","styles","_jsxs","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"}