@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/AssetEditorV2/components/SecondaryAssetSelect.js

@@ -1 +1,218 @@
-import e from"@babel/runtime/helpers/toConsumableArray";import t from"prop-types";import{capitalize as a}from"lodash";import{makeStyles as s,FormControl as r,InputLabel as n,Select as i,CircularProgress as o}from"@material-ui/core";import{useSecondaryAssetSelectData as l}from"../effects/index.js";import{ACTIVE_STATUS as d,ACTIVE_ASSET_ID as p,DEFAULT_ASSET_TYPE as c,ACTIVE_ASSETS_ID as u}from"../constants.js";import m from"./SelectItem.js";import{jsxs as f,jsx as v}from"react/jsx-runtime";var y="DC_SingleAssetEditor",g=s((function(e){return{container:{position:"relative"},select:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingBottom:0,paddingTop:0},formControl:{marginTop:16,width:"100%","& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled":{"&::before":{borderBottom:"1px solid #808080"}}},selectValue:function(t){return{cursor:"pointer",padding:0,color:t.disabled?e.palette.primary.text7:e.palette.primary.contrastText,"&:hover":{backgroundColor:"initial"}}},option:function(t){return{cursor:"pointer",padding:"0px 0px 0px 16px",color:t.disabled?e.palette.primary.text7:e.palette.primary.contrastText,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}}},activeAssets:{color:"#9E9E9E",padding:"8px 0 6px"},progress:{position:"absolute",right:20,bottom:4},noActiveAsset:{color:"#9E9E9E",padding:"8px 0 6px"}}})),A=function(t){var s=t.appKey,A=t.primaryAssetLabel,b=t.isRequiredAssetId,h=t.secondaryAssetLabel,x=t.company,T=t.currentValue,I=t.defaultValue,C=t.onChange,N=t.disabled,V=t.parentAssetId,E=t.assetType,j=t.parentAssetType,F=t.assetFields,M=t.activeWellId,_=t.isDrillingPlatformApp,q=l({appKey:s,assetId:T,assetType:_?c:E,company:x,parentAssetId:V,parentAssetType:j,isRequiredAssetId:b,assetFields:F,activeWellId:M}),K=q.assets,R=q.loading,k=g({disabled:N}),P=T||I,W=K.some((function(e){return e.status===d})),w=a(E),B=[{name:"Active ".concat(w),id:p}].concat(e(K));return f("div",{className:k.container,children:[f(r,{className:k.formControl,disabled:R,children:[v(n,{shrink:!!P,children:h}),v(i,{"data-testid":t["data-testid"],classes:{select:k.select},value:P,disabled:N,onChange:function(e){var t=e.target,a=t.value===p?{id:p}:null==K?void 0:K.find((function(e){return e.id===t.value}));C(a)},fullWidth:!0,renderValue:function(e){if(e===u)return v("span",{className:k.activeAssets,children:"Active ".concat(w,"s")});if(e===p&&!W)return v("span",{className:k.noActiveAsset,children:"".concat(A," has No Active ").concat(h)});if(e===p&&W){var t=K.find((function(e){return e.status===d}));return v(m,{className:k.selectValue,assetName:t.name,status:t.status})}var a=K.find((function(t){return t.id===e}));return v(m,{className:k.selectValue,assetName:null==a?void 0:a.name,status:null==a?void 0:a.status})},children:B.map((function(e){var t=e.id,a=e.name,s=e.status,r=a||"";return v(m,{className:k.option,assetName:r,"data-testid":"".concat(y,"_option_").concat(r,"MenuItem"),value:t,status:s},t)}))})]}),R&&v(o,{"data-testid":"".concat(y,"_CircularProgress"),size:20,className:k.progress})]})};A.propTypes={appType:t.shape({constants:t.shape({})}),currentValue:t.oneOfType([t.number,t.string]),defaultValue:t.any,onChange:t.func.isRequired,parentAssetId:t.number,parentAssetType:t.string,assetType:t.string.isRequired,"data-testid":t.string,appKey:t.string,assetFields:t.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 _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import PropTypes from 'prop-types';
+import { capitalize } from 'lodash';
+import { makeStyles, FormControl, InputLabel, Select, CircularProgress } from '@material-ui/core';
+import { useSecondaryAssetSelectData } from '../effects/index.js';
+import { ACTIVE_STATUS, ACTIVE_ASSET_ID, DEFAULT_ASSET_TYPE, ACTIVE_ASSETS_ID } from '../constants.js';
+import SelectItem from './SelectItem.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'DC_SingleAssetEditor';
+var useStyles = makeStyles(function (theme) {
+  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 selectValue(_ref) {
+      var disabled = _ref.disabled;
+      return {
+        cursor: 'pointer',
+        padding: 0,
+        color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,
+        '&:hover': {
+          backgroundColor: 'initial'
+        }
+      };
+    },
+    option: function option(_ref2) {
+      var disabled = _ref2.disabled;
+      return {
+        cursor: 'pointer',
+        padding: '0px 0px 0px 16px',
+        color: disabled ? theme.palette.primary.text7 : theme.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'
+    }
+  };
+});
+var SecondaryAssetSelect = function SecondaryAssetSelect(props) {
+  var appKey = props.appKey,
+    primaryAssetLabel = props.primaryAssetLabel,
+    isRequiredAssetId = props.isRequiredAssetId,
+    secondaryAssetLabel = props.secondaryAssetLabel,
+    company = props.company,
+    currentValue = props.currentValue,
+    defaultValue = props.defaultValue,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    parentAssetId = props.parentAssetId,
+    assetType = props.assetType,
+    parentAssetType = props.parentAssetType,
+    assetFields = props.assetFields,
+    activeWellId = props.activeWellId,
+    isDrillingPlatformApp = props.isDrillingPlatformApp;
+  var _useSecondaryAssetSel = useSecondaryAssetSelectData({
+      appKey: appKey,
+      assetId: currentValue,
+      assetType: isDrillingPlatformApp ? DEFAULT_ASSET_TYPE : assetType,
+      company: company,
+      parentAssetId: parentAssetId,
+      parentAssetType: parentAssetType,
+      isRequiredAssetId: isRequiredAssetId,
+      assetFields: assetFields,
+      activeWellId: activeWellId
+    }),
+    assets = _useSecondaryAssetSel.assets,
+    loading = _useSecondaryAssetSel.loading;
+  var styles = useStyles({
+    disabled: disabled
+  });
+  var value = currentValue || defaultValue;
+  var hasActiveAsset = assets.some(function (asset) {
+    return asset.status === ACTIVE_STATUS;
+  });
+  var capitalizedAssetType = capitalize(assetType);
+  var options = [{
+    name: "Active ".concat(capitalizedAssetType),
+    id: ACTIVE_ASSET_ID
+  }].concat(_toConsumableArray(assets));
+  var handleSelectChange = function handleSelectChange(_ref3) {
+    var target = _ref3.target;
+    var nextValue = target.value === ACTIVE_ASSET_ID ? {
+      id: ACTIVE_ASSET_ID
+    } : assets === null || assets === void 0 ? void 0 : assets.find(function (asset) {
+      return asset.id === target.value;
+    });
+    onChange(nextValue);
+  };
+  var renderSelectValue = function renderSelectValue(assetId) {
+    if (assetId === ACTIVE_ASSETS_ID) {
+      return /*#__PURE__*/jsx("span", {
+        className: styles.activeAssets,
+        children: "Active ".concat(capitalizedAssetType, "s")
+      });
+    }
+    if (assetId === ACTIVE_ASSET_ID && !hasActiveAsset) {
+      return /*#__PURE__*/jsx("span", {
+        className: styles.noActiveAsset,
+        children: "".concat(primaryAssetLabel, " has No Active ").concat(secondaryAssetLabel)
+      });
+    }
+    if (assetId === ACTIVE_ASSET_ID && hasActiveAsset) {
+      var activeAsset = assets.find(function (asset) {
+        return asset.status === ACTIVE_STATUS;
+      });
+      return /*#__PURE__*/jsx(SelectItem, {
+        className: styles.selectValue,
+        assetName: activeAsset.name,
+        status: activeAsset.status
+      });
+    }
+    var selectedAsset = assets.find(function (asset) {
+      return asset.id === assetId;
+    });
+    return /*#__PURE__*/jsx(SelectItem, {
+      className: styles.selectValue,
+      assetName: selectedAsset === null || selectedAsset === void 0 ? void 0 : selectedAsset.name,
+      status: selectedAsset === null || selectedAsset === void 0 ? void 0 : selectedAsset.status
+    });
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.container,
+    children: [/*#__PURE__*/jsxs(FormControl, {
+      className: styles.formControl,
+      disabled: loading,
+      children: [/*#__PURE__*/jsx(InputLabel, {
+        shrink: !!value,
+        children: secondaryAssetLabel
+      }), /*#__PURE__*/jsx(Select, {
+        "data-testid": props['data-testid'],
+        classes: {
+          select: styles.select
+        },
+        value: value,
+        disabled: disabled,
+        onChange: handleSelectChange,
+        fullWidth: true,
+        renderValue: renderSelectValue,
+        children: options.map(function (_ref4) {
+          var id = _ref4.id,
+            name = _ref4.name,
+            status = _ref4.status;
+          var assetName = name || '';
+          return /*#__PURE__*/jsx(SelectItem, {
+            className: styles.option,
+            assetName: assetName,
+            "data-testid": "".concat(PAGE_NAME, "_option_").concat(assetName, "MenuItem"),
+            value: id,
+            status: status
+          }, id);
+        })
+      })]
+    }), loading && /*#__PURE__*/jsx(CircularProgress, {
+      "data-testid": "".concat(PAGE_NAME, "_CircularProgress"),
+      size: 20,
+      className: styles.progress
+    })]
+  });
+};
+SecondaryAssetSelect.propTypes = {
+  appType: PropTypes.shape({
+    constants: PropTypes.shape({})
+  }),
+  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  defaultValue: PropTypes.any,
+  // eslint-disable-line react/forbid-prop-types
+  onChange: PropTypes.func.isRequired,
+  parentAssetId: PropTypes.number,
+  parentAssetType: PropTypes.string,
+  assetType: PropTypes.string.isRequired,
+  'data-testid': PropTypes.string,
+  appKey: PropTypes.string,
+  assetFields: PropTypes.array
+};
+SecondaryAssetSelect.defaultProps = {
+  currentValue: '',
+  // NOTE: If 'undefined' <SelectField /> displays 'label'
+  defaultValue: '',
+  appType: undefined,
+  parentAssetId: undefined,
+  parentAssetType: undefined,
+  'data-testid': "".concat(PAGE_NAME, "_autoComplete"),
+  appKey: null,
+  assetFields: []
+};
+
+export { PAGE_NAME, SecondaryAssetSelect as default };
+//# sourceMappingURL=SecondaryAssetSelect.js.map

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

@@ -0,0 +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\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  const hasActiveAsset = assets.some(asset => asset.status === ACTIVE_STATUS);\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 = 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","disabled","cursor","padding","color","palette","primary","text7","contrastText","backgroundColor","option","activeAssets","progress","right","bottom","noActiveAsset","SecondaryAssetSelect","props","appKey","primaryAssetLabel","isRequiredAssetId","secondaryAssetLabel","company","currentValue","defaultValue","onChange","parentAssetId","assetType","parentAssetType","assetFields","activeWellId","isDrillingPlatformApp","useSecondaryAssetSelectData","assetId","DEFAULT_ASSET_TYPE","assets","loading","styles","value","hasActiveAsset","some","asset","status","ACTIVE_STATUS","capitalizedAssetType","capitalize","options","name","id","ACTIVE_ASSET_ID","handleSelectChange","target","nextValue","find","renderSelectValue","ACTIVE_ASSETS_ID","_jsx","activeAsset","selectedAsset","_jsxs","map","assetName","propTypes","appType","PropTypes","shape","constants","oneOfType","number","string","any","func","isRequired","array","defaultProps","undefined"],"mappings":"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"}

package/components/AssetEditorV2/components/SelectItem.js

@@ -1 +1,117 @@
-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 _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef, useState } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { makeStyles, Chip, Tooltip, Checkbox } from '@material-ui/core';
+import { CheckBoxOutlineBlank, CheckBox } from '@material-ui/icons';
+import { ACTIVE_STATUS } from '../constants.js';
+import MiddleTruncate from '../../MiddleTruncate/MiddleTruncate.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["data-testid", "value", "className", "assetName", "status", "multiple", "selected"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useStyles = makeStyles({
+  menuItem: {
+    display: 'flex',
+    justifyContent: 'space-between',
+    width: '100%',
+    height: 36,
+    paddingBottom: 0,
+    paddingTop: 0
+  },
+  option: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  itemContent: {
+    width: '100%',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  activeChip: {
+    fontWeight: 500,
+    backgroundColor: '#75DB29',
+    color: '#212121',
+    fontSize: 10,
+    cursor: 'pointer',
+    height: 12,
+    textTransform: 'uppercase',
+    marginRight: 12,
+    letterSpacing: 1
+  }
+});
+var SelectItem = forwardRef(function (_ref,
+// eslint-disable-next-line no-unused-vars
+muiRef) {
+  var PAGE_NAME = _ref['data-testid'],
+    value = _ref.value,
+    className = _ref.className,
+    assetName = _ref.assetName,
+    status = _ref.status,
+    multiple = _ref.multiple,
+    selected = _ref.selected,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    truncatedText = _useState2[0],
+    setTruncatedText = _useState2[1];
+  var isTruncated = !!truncatedText;
+  var styles = useStyles();
+  var handleTruncatedText = function handleTruncatedText(truncatedText) {
+    setTruncatedText(truncatedText);
+  };
+  var itemContent = /*#__PURE__*/jsxs("div", {
+    className: styles.itemContent,
+    children: [/*#__PURE__*/jsx(MiddleTruncate, {
+      onTruncate: handleTruncatedText,
+      truncatedText: truncatedText,
+      maxWidth: 380,
+      children: assetName
+    }), status === ACTIVE_STATUS && /*#__PURE__*/jsx(Chip, {
+      "data-not-migrated-muichip": true,
+      className: styles.activeChip,
+      label: "Active"
+    })]
+  });
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: isTruncated ? assetName : '',
+    children: multiple ? /*#__PURE__*/jsxs("div", {
+      className: classNames(styles.option),
+      children: [/*#__PURE__*/jsx(Checkbox, {
+        disableRipple: true,
+        icon: /*#__PURE__*/jsx(CheckBoxOutlineBlank, {
+          style: {
+            fontSize: 20
+          }
+        }),
+        className: styles.checkbox,
+        checkedIcon: /*#__PURE__*/jsx(CheckBox, {
+          style: {
+            fontSize: 20
+          }
+        }),
+        checked: selected
+      }), itemContent]
+    }) : /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
+      "data-testid": PAGE_NAME,
+      value: value,
+      className: classNames(styles.menuItem, className)
+    }, restProps), {}, {
+      children: itemContent
+    }))
+  });
+});
+SelectItem.propTypes = {
+  'data-testid': PropTypes.string
+};
+SelectItem.defaultProps = {
+  'data-testid': 'MenuItem'
+};
+
+export { SelectItem as default };
+//# sourceMappingURL=SelectItem.js.map

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

@@ -0,0 +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","muiRef","PAGE_NAME","value","className","assetName","status","multiple","selected","restProps","useState","truncatedText","setTruncatedText","isTruncated","styles","handleTruncatedText","_jsxs","_jsx","ACTIVE_STATUS","classNames","CheckBoxOutlineBlankIcon","checkbox","CheckBoxIcon","propTypes","PropTypes","string","defaultProps"],"mappings":"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"}

package/components/AssetEditorV2/constants.js

@@ -1 +1,7 @@
-var e="active",s="activeAsset",t="activeAssets",a="asset";export{t as ACTIVE_ASSETS_ID,s as ACTIVE_ASSET_ID,e as ACTIVE_STATUS,a as DEFAULT_ASSET_TYPE};
+var ACTIVE_STATUS = 'active';
+var ACTIVE_ASSET_ID = 'activeAsset';
+var ACTIVE_ASSETS_ID = 'activeAssets';
+var DEFAULT_ASSET_TYPE = 'asset';
+
+export { ACTIVE_ASSETS_ID, ACTIVE_ASSET_ID, ACTIVE_STATUS, DEFAULT_ASSET_TYPE };
+//# sourceMappingURL=constants.js.map

package/components/AssetEditorV2/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/AssetEditorV2/constants.js"],"sourcesContent":["export const PER_PAGE = 200;\n\n// The distance in pixels before the end of the items that will trigger a call to loadMore.\nexport const SCROLL_THRESHOLD = 400;\n\nexport const ACTIVE_STATUS = 'active';\n\nexport const ACTIVE_ASSET_ID = 'activeAsset';\n\nexport const ACTIVE_ASSETS_ID = 'activeAssets';\n\nexport const DEFAULT_ASSET_TYPE = 'asset';\n"],"names":["ACTIVE_STATUS","ACTIVE_ASSET_ID","ACTIVE_ASSETS_ID","DEFAULT_ASSET_TYPE"],"mappings":"AAKO,IAAMA,aAAa,GAAG,SAAQ;AAE9B,IAAMC,eAAe,GAAG,cAAa;AAErC,IAAMC,gBAAgB,GAAG,eAAc;AAEvC,IAAMC,kBAAkB,GAAG;;;;"}