@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/AssetEditorV2/components/PrimaryAssetSelectV2.js

@@ -1,228 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import PropTypes from 'prop-types';
-import { useState, useEffect, useMemo } from 'react';
-import { debounce } from 'lodash';
-import { makeStyles, Chip } from '@material-ui/core';
-import { Search } from '../../Search/Search.js';
-import '../../Search/components/Listbox.js';
-import '../../Search/components/Paper.js';
-import '../../Search/components/RecentSearches.js';
-import InputAdornmentLeft from '../../Search/components/InputAdornmentLeft.js';
-import Groups from '../../Search/components/Groups.js';
-import '../../Search/components/SelectAllListItem.js';
-import { usePrimaryAssetSelectData } from '../effects/usePrimaryAssetSelectData.js';
-import { ACTIVE_STATUS } from '../constants.js';
-import SelectItem 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 } from '../../../constants/assetTypes.js';
-import '../../../utils/env.js';
-import '../../GradientManager/configuration/constants.js';
-import { PER_PAGE } from '../../AssetEditor/constants.js';
-import { jsx } from 'react/jsx-runtime';
-
-var useStyles = makeStyles({
-  paper: {
-    boxShadow: '0px 3px 10px 0px #00000066'
-  },
-  listbox: {
-    maxHeight: 210,
-    '& .MuiAutocomplete-option': {
-      padding: '0px 0px 0px 16px'
-    }
-  },
-  option: {
-    padding: '6px 0',
-    '&:hover': {
-      backgroundColor: 'initial'
-    }
-  },
-  groupChip: {
-    height: 32,
-    padding: 0
-  },
-  activeChip: {
-    fontWeight: 500,
-    backgroundColor: '#75DB29',
-    color: '#212121',
-    fontSize: 10,
-    cursor: 'pointer',
-    height: 12,
-    textTransform: 'uppercase',
-    marginRight: 12,
-    letterSpacing: 1
-  }
-});
-var PrimaryAssetSelect = function PrimaryAssetSelect(_ref) {
-  var placeholder = _ref.placeholder,
-    label = _ref.label,
-    PAGE_NAME = _ref['data-testid'],
-    appKey = _ref.appKey,
-    assetFields = _ref.assetFields,
-    assetType = _ref.assetType,
-    company = _ref.company,
-    currentOption = _ref.currentOption,
-    currentValue = _ref.currentValue,
-    defaultValue = _ref.defaultValue,
-    disableClearable = _ref.disableClearable,
-    disabled = _ref.disabled,
-    groups = _ref.groups,
-    isDrillingPlatformApp = _ref.isDrillingPlatformApp,
-    isNullable = _ref.isNullable,
-    isRequiredAssetId = _ref.isRequiredAssetId,
-    multiple = _ref.multiple,
-    onActiveAssetIdChange = _ref.onActiveAssetIdChange,
-    _onChange = _ref.onChange,
-    onGroupChange = _ref.onGroupChange,
-    onGroupReset = _ref.onGroupReset,
-    _onInputReset = _ref.onInputReset,
-    selectedGroup = _ref.selectedGroup,
-    setCurrentOption = _ref.setCurrentOption;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchValue = _useState2[0],
-    setSearchValue = _useState2[1];
-  var _useState3 = useState(1),
-    _useState4 = _slicedToArray(_useState3, 2),
-    scrollPage = _useState4[0],
-    setScrollPage = _useState4[1];
-  var _useState5 = useState(true),
-    _useState6 = _slicedToArray(_useState5, 2),
-    hasMore = _useState6[0],
-    setHasMore = _useState6[1];
-  var searchPlaceholder = assetType === ASSET_TYPES.rig.type ? 'Search Rig...' : 'Search Pad / Frac Fleet...';
-  var styles = useStyles();
-  var _usePrimaryAssetSelec = usePrimaryAssetSelectData({
-      isDrillingPlatformApp: isDrillingPlatformApp,
-      searchValue: searchValue,
-      scrollPage: scrollPage,
-      appKey: appKey,
-      assetType: assetType,
-      company: company,
-      groups: groups,
-      isRequiredAssetId: isRequiredAssetId,
-      assetFields: assetFields,
-      selectedGroup: selectedGroup,
-      currentValue: currentValue,
-      setCurrentOption: setCurrentOption,
-      onActiveAssetIdChange: onActiveAssetIdChange
-    }),
-    assets = _usePrimaryAssetSelec.assets,
-    isLoading = _usePrimaryAssetSelec.loading;
-  useEffect(function () {
-    var hasMoreAssets = assets.length >= PER_PAGE * scrollPage;
-    setHasMore(hasMoreAssets);
-  }, [assets, scrollPage]);
-  var onInputChange = useMemo(function () {
-    return debounce(function (value, reason) {
-      if (reason === 'input') {
-        setScrollPage(1);
-        setSearchValue(value);
-      }
-    }, 200);
-  }, []);
-  var handleFetchNext = useMemo(function () {
-    return debounce(function () {
-      return setScrollPage(function (prevScrollPage) {
-        return prevScrollPage + 1;
-      });
-    }, 250);
-  }, []);
-  var onScrollListbox = function onScrollListbox(event) {
-    if (!hasMore || isLoading) return;
-    var listboxNode = event.currentTarget;
-    if (listboxNode.scrollTop + listboxNode.clientHeight > listboxNode.scrollHeight - 800) {
-      handleFetchNext();
-    }
-  };
-  var renderOption = function renderOption(_ref2, _ref3) {
-    var status = _ref2.status,
-      name = _ref2.name,
-      id = _ref2.id;
-    var selected = _ref3.selected;
-    return /*#__PURE__*/jsx(SelectItem, {
-      className: styles.option,
-      assetName: name,
-      multiple: multiple,
-      selected: selected,
-      value: id,
-      status: status && ACTIVE_STATUS,
-      "data-testid": "".concat(PAGE_NAME, "_option_").concat(name, "MenuItem")
-    }, id);
-  };
-  return /*#__PURE__*/jsx(Search, {
-    classes: {
-      paper: styles.paper,
-      listbox: styles.listbox,
-      groupChip: styles.groupChip
-    },
-    defaultValue: defaultValue,
-    disableClearable: disableClearable || disabled,
-    disabled: disabled,
-    isNullable: isNullable,
-    loading: isLoading,
-    onGroupChange: onGroupChange,
-    placeholder: placeholder || searchPlaceholder,
-    selectedGroup: selectedGroup,
-    onGroupReset: onGroupReset,
-    onChange: function onChange(event, selected) {
-      _onChange(selected);
-    },
-    "data-testid": PAGE_NAME,
-    multiple: multiple,
-    onInputChangeCallback: onInputChange,
-    onInputReset: function onInputReset() {
-      _onInputReset();
-      setCurrentOption(null);
-    },
-    TextFieldProps: {
-      label: label,
-      value: searchValue,
-      endAdornment: (currentOption === null || currentOption === void 0 ? void 0 : currentOption.status) === ACTIVE_STATUS && /*#__PURE__*/jsx(Chip, {
-        "data-not-migrated-muichip": true,
-        className: styles.activeChip,
-        label: "Active"
-      })
-    },
-    ListboxProps: {
-      onScroll: onScrollListbox
-    },
-    isHiddenAllOption: true,
-    value: currentOption,
-    options: assets,
-    renderCustomOption: renderOption,
-    getOptionLabel: function getOptionLabel(option) {
-      return option.name || '';
-    },
-    GroupsComponent: Groups,
-    groups: groups,
-    InputProps: {
-      startAdornment: /*#__PURE__*/jsx(InputAdornmentLeft, {})
-    }
-  });
-};
-PrimaryAssetSelect.propTypes = {
-  assetFields: PropTypes.array,
-  'data-testid': PropTypes.string,
-  onInputReset: PropTypes.func,
-  onActiveAssetIdChange: PropTypes.func,
-  placeholder: PropTypes.string
-};
-PrimaryAssetSelect.defaultProps = {
-  assetFields: [],
-  'data-testid': 'PrimaryAssetEditorAutocomplete',
-  onInputReset: function onInputReset() {},
-  onActiveAssetIdChange: function onActiveAssetIdChange() {},
-  placeholder: null
-};
-
-export { PrimaryAssetSelect as default };
-//# sourceMappingURL=PrimaryAssetSelectV2.js.map
+import t from"@babel/runtime/helpers/slicedToArray";import e from"prop-types";import{useState as o,useEffect as s,useMemo as n}from"react";import{debounce as r}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 c from"../../Search/components/Groups.js";import"../../Search/components/SelectAllListItem.js";import{usePrimaryAssetSelectData as u}from"../effects/usePrimaryAssetSelectData.js";import{ACTIVE_STATUS as m}from"../constants.js";import d 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 g}from"../../../constants/assetTypes.js";import"../../../utils/env.js";import"../../GradientManager/configuration/constants.js";import{PER_PAGE as f}from"../../AssetEditor/constants.js";import{jsx as h}from"react/jsx-runtime";var j=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(e){var a=e.placeholder,b=e.label,A=e["data-testid"],C=e.appKey,x=e.assetFields,v=e.assetType,S=e.company,I=e.currentOption,y=e.currentValue,P=e.defaultValue,R=e.disableClearable,G=e.disabled,T=e.groups,F=e.isDrillingPlatformApp,O=e.isNullable,L=e.isRequiredAssetId,N=e.multiple,V=e.onActiveAssetIdChange,k=e.onChange,D=e.onGroupChange,H=e.onGroupReset,M=e.onInputReset,q=e.selectedGroup,E=e.setCurrentOption,K=o(""),_=t(K,2),w=_[0],z=_[1],B=o(1),W=t(B,2),J=W[0],Q=W[1],U=o(!0),X=t(U,2),Y=X[0],Z=X[1],$=v===g.rig.type?"Search Rig...":"Search Pad / Frac Fleet...",tt=j(),et=u({isDrillingPlatformApp:F,searchValue:w,scrollPage:J,appKey:C,assetType:v,company:S,groups:T,isRequiredAssetId:L,assetFields:x,selectedGroup:q,currentValue:y,setCurrentOption:E,onActiveAssetIdChange:V}),ot=et.assets,st=et.loading;s((function(){var t=ot.length>=f*J;Z(t)}),[ot,J]);var nt=n((function(){return r((function(t,e){"input"===e&&(Q(1),z(t))}),200)}),[]),rt=n((function(){return r((function(){return Q((function(t){return t+1}))}),250)}),[]);return h(p,{classes:{paper:tt.paper,listbox:tt.listbox,groupChip:tt.groupChip},defaultValue:P,disableClearable:R||G,disabled:G,isNullable:O,loading:st,onGroupChange:D,placeholder:a||$,selectedGroup:q,onGroupReset:H,onChange:function(t,e){k(e)},"data-testid":A,multiple:N,onInputChangeCallback:nt,onInputReset:function(){M(),E(null)},TextFieldProps:{label:b,value:w,endAdornment:(null==I?void 0:I.status)===m&&h(i,{"data-not-migrated-muichip":!0,className:tt.activeChip,label:"Active"})},ListboxProps:{onScroll:function(t){if(Y&&!st){var e=t.currentTarget;e.scrollTop+e.clientHeight>e.scrollHeight-800&&rt()}}},isHiddenAllOption:!0,value:I,options:ot,renderCustomOption:function(t,e){var o=t.status,s=t.name,n=t.id,r=e.selected;return h(d,{className:tt.option,assetName:s,multiple:N,selected:r,value:n,status:o&&m,"data-testid":"".concat(A,"_option_").concat(s,"MenuItem")},n)},getOptionLabel:function(t){return t.name||""},GroupsComponent:c,groups:T,InputProps:{startAdornment:h(l,{})}})};b.propTypes={assetFields:e.array,"data-testid":e.string,onInputReset:e.func,onActiveAssetIdChange:e.func,placeholder:e.string},b.defaultProps={assetFields:[],"data-testid":"PrimaryAssetEditorAutocomplete",onInputReset:function(){},onActiveAssetIdChange:function(){},placeholder:null};export{b as default};

package/components/AssetEditorV2/components/SecondaryAssetSelect.js

@@ -1,218 +1 @@
-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
+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};

package/components/AssetEditorV2/components/SelectItem.js

@@ -1,117 +1 @@
-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
+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};

package/components/AssetEditorV2/constants.js

@@ -1,7 +1 @@
-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
+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};