@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/AssetEditor/AssetEditorAutocomplete.js

@@ -1,355 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { debounce, identity } from 'lodash';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { withStyles, List, FormControl, InputLabel, Tooltip, FormHelperText, Typography, TextField, InputAdornment, Chip } from '@material-ui/core';
-import { forwardRef, useState, useEffect, useMemo } from 'react';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import { Search } from '@material-ui/icons';
-import TruncatedText from '../TruncatedText/index.js';
-import { PER_PAGE, SCROLL_THRESHOLD } from './constants.js';
-import { useAssetAutoCompleteSelectData } from './effects/index.js';
-import { Autocomplete } from '@material-ui/lab';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var PAGE_NAME = 'DC_SingleAssetEditorAutocomplete';
-
-var muiStyles = function muiStyles(theme) {
-  return {
-    formControl: {},
-    listbox: {
-      maxHeight: 350
-    },
-    root: {
-      fontSize: 16
-    },
-    inputRoot: {
-      paddingTop: 16,
-      padding: '8px 0',
-      paddingBottom: 0,
-      width: 350,
-      fontSize: 16
-    },
-    popupIndicator: {
-      display: 'none'
-    },
-    option: {
-      paddingLeft: '16px !important',
-      height: 36,
-      '&[aria-disabled=true]': {
-        color: theme.palette.primary.text9,
-        opacity: 1,
-        backgroundColor: 'unset'
-      }
-    },
-    noOptions: {
-      padding: 0
-    },
-    searchIcon: {
-      fontSize: '20px !important'
-    }
-  };
-};
-
-var infoListItemStyles = {
-  paddingLeft: '16px',
-  height: 36,
-  listStyleType: 'none',
-  display: 'flex',
-  alignItems: 'center'
-};
-/* eslint-disable react/prop-types */
-
-var InfoListItem = function InfoListItem(_ref) {
-  var _ref$text = _ref.text,
-      text = _ref$text === void 0 ? 'Loading...' : _ref$text;
-  return /*#__PURE__*/jsx("li", {
-    style: infoListItemStyles,
-    children: /*#__PURE__*/jsx(Typography, {
-      variant: "body2",
-      color: "textSecondary",
-      children: text
-    })
-  }, "loading");
-};
-
-var ListboxComponent = forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-      loading = _ref2.loading,
-      hasMore = _ref2.hasMore,
-      otherProps = _objectWithoutProperties(_ref2, ["children", "loading", "hasMore"]);
-
-  return /*#__PURE__*/jsxs(List, _objectSpread(_objectSpread({}, otherProps), {}, {
-    ref: ref,
-    role: "listbox",
-    children: [children, (hasMore || loading) && /*#__PURE__*/jsx(InfoListItem, {})]
-  }));
-});
-/* eslint-enable react/prop-types */
-
-var AssetEditorAutocomplete = function AssetEditorAutocomplete(_ref3) {
-  var _currentOption$name;
-
-  var dataTestId = _ref3['data-testid'],
-      appKey = _ref3.appKey,
-      assetType = _ref3.assetType,
-      classes = _ref3.classes,
-      companyId = _ref3.companyId,
-      currentValue = _ref3.currentValue,
-      disabled = _ref3.disabled,
-      disableClearable = _ref3.disableClearable,
-      errorText = _ref3.errorText,
-      isMultiple = _ref3.isMultiple,
-      isNullable = _ref3.isNullable,
-      label = _ref3.label,
-      _onChange = _ref3.onChange,
-      parentAssetId = _ref3.parentAssetId,
-      parentAssetType = _ref3.parentAssetType,
-      queryParams = _ref3.queryParams;
-
-  // NOTE: Store currently selected option
-  var _useState = useState(isMultiple ? [] : null),
-      _useState2 = _slicedToArray(_useState, 2),
-      currentOption = _useState2[0],
-      setCurrentOption = _useState2[1];
-
-  var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      searchText = _useState4[0],
-      setSearchText = _useState4[1]; // NOTE: For ui input
-
-
-  var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      searchValue = _useState6[0],
-      setSearchValue = _useState6[1]; // NOTE: Used for api filtering
-
-
-  var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      isSearchMode = _useState8[0],
-      setSearchMode = _useState8[1];
-
-  var _useState9 = useState(1),
-      _useState10 = _slicedToArray(_useState9, 2),
-      scrollPage = _useState10[0],
-      setScrollPage = _useState10[1];
-
-  var _useState11 = useState(true),
-      _useState12 = _slicedToArray(_useState11, 2),
-      hasMore = _useState12[0],
-      setHasMore = _useState12[1];
-
-  useEffect(function () {
-    // NOTE: Asset type has been changed. Clear currently selected option
-    setCurrentOption(isMultiple ? [] : null);
-    setScrollPage(1);
-    setSearchMode(false);
-  }, [assetType]);
-
-  var _useAssetAutoComplete = useAssetAutoCompleteSelectData({
-    appKey: appKey,
-    assetType: assetType,
-    companyId: companyId,
-    currentValue: currentValue,
-    isMultiple: isMultiple,
-    parentAssetId: parentAssetId,
-    parentAssetType: parentAssetType,
-    scrollPage: scrollPage,
-    searchText: searchText,
-    setCurrentOption: setCurrentOption,
-    queryParams: queryParams
-  }),
-      assets = _useAssetAutoComplete.assets,
-      loading = _useAssetAutoComplete.loading;
-
-  useEffect(function () {
-    var hasMoreAssets = assets.length >= PER_PAGE * scrollPage;
-    setHasMore(hasMoreAssets);
-  }, [assets, scrollPage]);
-  var onInputChange = useMemo(function () {
-    return debounce(function (value) {
-      setScrollPage(1);
-      setSearchText(value);
-    }, 200);
-  }, []);
-
-  var handleInputChange = function handleInputChange(event, value, reason) {
-    if (reason === 'input') {
-      setSearchValue(value);
-      setSearchMode(true);
-      onInputChange(value); // NOTE: Trigger api call
-    } else {
-      // NOTE: Clean searchText for "reset" and "clear" reasons
-      setSearchText('');
-    }
-  };
-
-  var handleFetchNext = useMemo(function () {
-    return debounce(function () {
-      return setScrollPage(function (prevScrollPage) {
-        return prevScrollPage + 1;
-      });
-    }, 250);
-  }, []);
-
-  var onClose = function onClose() {
-    setSearchValue('');
-    setSearchText('');
-    setSearchMode(false);
-    setScrollPage(1);
-  };
-
-  var onScrollListbox = function onScrollListbox(event) {
-    if (!hasMore || loading) return;
-    var listboxNode = event.currentTarget;
-
-    if (listboxNode.scrollTop + listboxNode.clientHeight > listboxNode.scrollHeight - SCROLL_THRESHOLD) {
-      handleFetchNext();
-    }
-  };
-
-  var renderInput = function renderInput(params) {
-    return /*#__PURE__*/jsx(TextField, _objectSpread(_objectSpread({}, params), {}, {
-      variant: "standard",
-      placeholder: "Search for asset..."
-    }, !isMultiple && {
-      InputProps: _objectSpread(_objectSpread({}, params.InputProps), {}, {
-        startAdornment: /*#__PURE__*/jsx(InputAdornment, {
-          children: /*#__PURE__*/jsx(Search, {
-            className: classes.searchIcon
-          })
-        })
-      })
-    }));
-  };
-
-  var renderOption = function renderOption(_ref4) {
-    var id = _ref4.id,
-        name = _ref4.name;
-    return /*#__PURE__*/jsx(TruncatedText, {
-      "data-testid": "".concat(PAGE_NAME, "_option_").concat(name, "MenuItem"),
-      children: isMultiple && currentValue.includes(id) ? "".concat(name, " (already selected)") : name
-    }, id);
-  };
-
-  var autocompleteClasses = {
-    endAdornment: classes.endAdornment,
-    inputRoot: classes.inputRoot,
-    listbox: classes.listbox,
-    noOptions: classes.noOptions,
-    option: classes.option,
-    popupIndicator: classes.popupIndicator,
-    root: classes.root
-  };
-  return /*#__PURE__*/jsxs(FormControl, {
-    disabled: disabled,
-    error: !!errorText,
-    className: classes.formControl,
-    children: [!isNullable && /*#__PURE__*/jsx(InputLabel, {
-      shrink: true,
-      children: label
-    }), /*#__PURE__*/jsx(Tooltip, {
-      title: (_currentOption$name = currentOption === null || currentOption === void 0 ? void 0 : currentOption.name) !== null && _currentOption$name !== void 0 ? _currentOption$name : '',
-      children: /*#__PURE__*/jsx(Autocomplete, _objectSpread({
-        disabled: disabled,
-        blurOnSelect: true,
-        classes: autocompleteClasses,
-        clearOnBlur: true,
-        clearOnEscape: true,
-        "data-testid": dataTestId,
-        disableClearable: disableClearable,
-        filterOptions: identity,
-        getOptionLabel: function getOptionLabel(option) {
-          return option === null || option === void 0 ? void 0 : option.name;
-        },
-        getOptionSelected: function getOptionSelected(option, value) {
-          return option && value && option.id === value.id;
-        },
-        inputValue: isSearchMode ? searchValue : (currentOption === null || currentOption === void 0 ? void 0 : currentOption.name) || '',
-        ListboxComponent: ListboxComponent,
-        ListboxProps: {
-          onScroll: onScrollListbox,
-          loading: loading,
-          hasMore: hasMore
-        },
-        options: assets,
-        onChange: function onChange(event, selected) {
-          var _selected$id;
-
-          setCurrentOption(selected);
-
-          _onChange(isMultiple ? selected.map(function (_ref5) {
-            var id = _ref5.id;
-            return id;
-          }) : (_selected$id = selected === null || selected === void 0 ? void 0 : selected.id) !== null && _selected$id !== void 0 ? _selected$id : null, selected);
-        },
-        onClose: onClose,
-        onInputChange: handleInputChange,
-        noOptionsText: /*#__PURE__*/jsx(InfoListItem, {
-          text: loading ? 'Loading...' : 'No options'
-        }),
-        renderInput: renderInput,
-        renderOption: renderOption,
-        value: currentOption,
-        multiple: isMultiple
-      }, isMultiple && {
-        renderTags: function renderTags(value, getTagProps) {
-          return value.map(function (option, index) {
-            return /*#__PURE__*/jsx(Chip, _objectSpread({
-              label: option === null || option === void 0 ? void 0 : option.name
-            }, getTagProps({
-              index: index
-            })), option.id);
-          });
-        },
-        getOptionDisabled: function getOptionDisabled(option) {
-          return currentValue.includes(option.id);
-        }
-      }))
-    }), /*#__PURE__*/jsx(FormHelperText, {
-      children: errorText
-    })]
-  });
-};
-
-AssetEditorAutocomplete.defaultProps = {
-  label: 'Choose An Asset',
-  currentValue: undefined,
-  disableClearable: true,
-  isNullable: false,
-  parentAssetId: undefined,
-  parentAssetType: undefined,
-  companyId: undefined,
-  errorText: '',
-  'data-testid': "".concat(PAGE_NAME, "_autoComplete"),
-  disabled: false,
-  isMultiple: false,
-  appKey: null,
-  queryParams: {}
-};
-AssetEditorAutocomplete.propTypes = {
-  label: PropTypes.string,
-  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),
-  isNullable: PropTypes.bool,
-  onChange: PropTypes.func.isRequired,
-  classes: PropTypes.shape({}).isRequired,
-  disableClearable: PropTypes.bool,
-  parentAssetId: PropTypes.number,
-  parentAssetType: PropTypes.string,
-  companyId: PropTypes.number,
-  assetType: PropTypes.string.isRequired,
-  errorText: PropTypes.string,
-  'data-testid': PropTypes.string,
-  disabled: PropTypes.bool,
-  isMultiple: PropTypes.bool,
-  appKey: PropTypes.string,
-  queryParams: PropTypes.shape({})
-};
-var AssetEditorAutocomplete$1 = withStyles(muiStyles)(AssetEditorAutocomplete);
-
-export default AssetEditorAutocomplete$1;
-//# sourceMappingURL=AssetEditorAutocomplete.js.map
+import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as n,useState as o,useEffect as i,useMemo as a}from"react";import l from"prop-types";import{debounce as s,identity as p}from"lodash";import{List as u,withStyles as d,Typography as c,FormControl as m,InputLabel as f,Tooltip as b,Chip as y,FormHelperText as g,TextField as h,InputAdornment as O}from"@material-ui/core";import{Search as v}from"@material-ui/icons";import{Autocomplete as x}from"@material-ui/lab";import T from"../TruncatedText/index.js";import{PER_PAGE as I,SCROLL_THRESHOLD as P}from"./constants.js";import{useAssetAutoCompleteSelectData as C}from"./effects/index.js";import{jsxs as j,jsx as A}from"react/jsx-runtime";var S=["children","loading","hasMore"];function M(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function q(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?M(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w="DC_SingleAssetEditorAutocomplete",L={paddingLeft:"16px",height:36,listStyleType:"none",display:"flex",alignItems:"center"},D=function(e){var t=e.text;return A("li",{style:L,children:A(c,{variant:"body2",color:"textSecondary",children:void 0===t?"Loading...":t})},"loading")},N=n((function(e,t){var n=e.children,o=e.loading,i=e.hasMore,a=r(e,S);return j(u,q(q({},a),{},{ref:t,role:"listbox",children:[n,(i||o)&&A(D,{})]}))})),R=function(t){var r,n=t["data-testid"],l=t.appKey,u=t.assetType,d=t.classes,c=t.companyId,S=t.currentValue,M=t.disabled,L=t.disableClearable,R=t.errorText,V=t.isMultiple,E=t.isNullable,K=t.label,_=t.onChange,k=t.parentAssetId,z=t.parentAssetType,H=t.queryParams,B=o(V?[]:null),W=e(B,2),F=W[0],G=W[1],J=o(""),Q=e(J,2),U=Q[0],X=Q[1],Y=o(""),Z=e(Y,2),$=Z[0],ee=Z[1],te=o(!1),re=e(te,2),ne=re[0],oe=re[1],ie=o(1),ae=e(ie,2),le=ae[0],se=ae[1],pe=o(!0),ue=e(pe,2),de=ue[0],ce=ue[1];i((function(){G(V?[]:null),se(1),oe(!1)}),[u]);var me=C({appKey:l,assetType:u,companyId:c,currentValue:S,isMultiple:V,parentAssetId:k,parentAssetType:z,scrollPage:le,searchText:U,setCurrentOption:G,queryParams:H}),fe=me.assets,be=me.loading;i((function(){var e=fe.length>=I*le;ce(e)}),[fe,le]);var ye=a((function(){return s((function(e){se(1),X(e)}),200)}),[]),ge=a((function(){return s((function(){return se((function(e){return e+1}))}),250)}),[]),he={endAdornment:d.endAdornment,inputRoot:d.inputRoot,listbox:d.listbox,noOptions:d.noOptions,option:d.option,popupIndicator:d.popupIndicator,root:d.root};return j(m,{disabled:M,error:!!R,className:d.formControl,children:[!E&&A(f,{shrink:!0,children:K}),A(b,{title:null!==(r=null==F?void 0:F.name)&&void 0!==r?r:"",children:A(x,q({disabled:M,blurOnSelect:!0,classes:he,clearOnBlur:!0,clearOnEscape:!0,"data-testid":n,disableClearable:L,filterOptions:p,getOptionLabel:function(e){return null==e?void 0:e.name},getOptionSelected:function(e,t){return e&&t&&e.id===t.id},inputValue:ne?$:(null==F?void 0:F.name)||"",ListboxComponent:N,ListboxProps:{onScroll:function(e){if(de&&!be){var t=e.currentTarget;t.scrollTop+t.clientHeight>t.scrollHeight-P&&ge()}},loading:be,hasMore:de},options:fe,onChange:function(e,t){var r;G(t),_(V?t.map((function(e){return e.id})):null!==(r=null==t?void 0:t.id)&&void 0!==r?r:null,t)},onClose:function(){ee(""),X(""),oe(!1),se(1)},onInputChange:function(e,t,r){"input"===r?(ee(t),oe(!0),ye(t)):X("")},noOptionsText:A(D,{text:be?"Loading...":"No options"}),renderInput:function(e){return A(h,q(q({},e),{},{variant:"standard",placeholder:"Search for asset..."},!V&&{InputProps:q(q({},e.InputProps),{},{startAdornment:A(O,{children:A(v,{className:d.searchIcon})})})}))},renderOption:function(e){var t=e.id,r=e.name;return A(T,{"data-testid":"".concat(w,"_option_").concat(r,"MenuItem"),children:V&&S.includes(t)?"".concat(r," (already selected)"):r},t)},value:F,multiple:V},V&&{renderTags:function(e,t){return e.map((function(e,r){return A(y,q({label:null==e?void 0:e.name},t({index:r})),e.id)}))},getOptionDisabled:function(e){return S.includes(e.id)}}))}),A(g,{children:R})]})};R.defaultProps={label:"Choose An Asset",currentValue:void 0,disableClearable:!0,isNullable:!1,parentAssetId:void 0,parentAssetType:void 0,companyId:void 0,errorText:"","data-testid":"".concat(w,"_autoComplete"),disabled:!1,isMultiple:!1,appKey:null,queryParams:{}},R.propTypes={label:l.string,currentValue:l.oneOfType([l.number,l.arrayOf(l.number)]),isNullable:l.bool,onChange:l.func.isRequired,classes:l.shape({}).isRequired,disableClearable:l.bool,parentAssetId:l.number,parentAssetType:l.string,companyId:l.number,assetType:l.string.isRequired,errorText:l.string,"data-testid":l.string,disabled:l.bool,isMultiple:l.bool,appKey:l.string,queryParams:l.shape({})};var V=d((function(e){return{formControl:{},listbox:{maxHeight:350},root:{fontSize:16},inputRoot:{paddingTop:16,padding:"8px 0",paddingBottom:0,width:350,fontSize:16},popupIndicator:{display:"none"},option:{paddingLeft:"16px !important",height:36,"&[aria-disabled=true]":{color:e.palette.primary.text9,opacity:1,backgroundColor:"unset"}},noOptions:{padding:0},searchIcon:{fontSize:"20px !important"}}}))(R);export{V as default};

package/components/AssetEditor/AssetEditors.css.js

@@ -1,8 +1 @@
-import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".AssetEditors_main__3CGQN {\n}\n\n.AssetEditors_editor__1hHNY {\n  display: flex;\n  align-items: center;\n  margin-top: 8px;\n}\n\n.AssetEditors_editor__1hHNY button {\n  margin-left: 24px;\n}\n\n.AssetEditors_title__2rt8L {\n  font-weight: 400;\n  font-size: 20px;\n  margin: 16px 0;\n}\n";
-var styles = {"main":"AssetEditors_main__3CGQN","editor":"AssetEditors_editor__1hHNY","title":"AssetEditors_title__2rt8L"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=AssetEditors.css.js.map
+import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var i={main:"AssetEditors_main__cSJlb",editor:"AssetEditors_editor__mFjiQ",title:"AssetEditors_title__IZ2VK"};t(".AssetEditors_editor__mFjiQ{align-items:center;display:flex;margin-top:8px}.AssetEditors_editor__mFjiQ button{margin-left:24px}.AssetEditors_title__IZ2VK{font-size:20px;font-weight:400;margin:16px 0}");export{i as default};

package/components/AssetEditor/SingleAssetEditor.js

@@ -1,119 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { withStyles, FormControl, InputLabel, Select, MenuItem, CircularProgress } from '@material-ui/core';
-import PropTypes from 'prop-types';
-import TruncatedText from '../TruncatedText/index.js';
-import { useAssetSelectData } from './effects/index.js';
-
-var PAGE_NAME = 'DC_SingleAssetEditor';
-var muiStyles = {
-  progress: {
-    margin: '0 15px'
-  },
-  select: {
-    width: 350
-  },
-  selectMenu: {
-    maxHeight: 350
-  },
-  menuItem: {
-    width: 350
-  }
-};
-
-var SingleAssetEditor = function SingleAssetEditor(props) {
-  var appKey = props.appKey,
-      label = props.label,
-      currentValue = props.currentValue,
-      defaultValue = props.defaultValue,
-      isNullable = props.isNullable,
-      _onChange = props.onChange,
-      classes = props.classes,
-      parentAssetId = props.parentAssetId,
-      assetType = props.assetType,
-      parentAssetType = props.parentAssetType;
-
-  var _useAssetSelectData = useAssetSelectData({
-    appKey: appKey,
-    assetId: currentValue,
-    assetType: assetType,
-    parentAssetId: parentAssetId,
-    parentAssetType: parentAssetType
-  }),
-      assets = _useAssetSelectData.assets,
-      loading = _useAssetSelectData.loading;
-
-  var value = currentValue || defaultValue;
-  return /*#__PURE__*/jsxs("div", {
-    children: [/*#__PURE__*/jsxs(FormControl, {
-      disabled: loading,
-      children: [!isNullable && /*#__PURE__*/jsx(InputLabel, {
-        shrink: !!value,
-        children: label
-      }), /*#__PURE__*/jsxs(Select, {
-        "data-testid": props['data-testid'],
-        value: value,
-        onChange: function onChange(event) {
-          return _onChange(event.target.value);
-        },
-        className: classes.select,
-        MenuProps: {
-          className: classes.selectMenu
-        },
-        children: [isNullable && /*#__PURE__*/jsx(MenuItem, {
-          "data-testid": "".concat(PAGE_NAME, "_noActiveAssetMenuItem"),
-          value: defaultValue,
-          className: classes.menuItem,
-          children: "No active asset"
-        }, "empty item"), assets.map(function (asset) {
-          var assetName = (asset === null || asset === void 0 ? void 0 : asset.name) || '';
-          return /*#__PURE__*/jsx(MenuItem, {
-            "data-testid": "".concat(PAGE_NAME, "_option_").concat(assetName, "MenuItem"),
-            value: Number(asset.id),
-            className: classes.menuItem,
-            children: /*#__PURE__*/jsx(TruncatedText, {
-              children: assetName
-            })
-          }, asset.id);
-        })]
-      })]
-    }), loading && /*#__PURE__*/jsx(CircularProgress, {
-      "data-testid": "".concat(PAGE_NAME, "_CircularProgress"),
-      size: 20,
-      className: classes.progress
-    })]
-  });
-};
-
-SingleAssetEditor.propTypes = {
-  classes: PropTypes.shape({}).isRequired,
-  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,
-  label: PropTypes.string,
-  isNullable: PropTypes.bool,
-  parentAssetId: PropTypes.number,
-  parentAssetType: PropTypes.string,
-  assetType: PropTypes.string.isRequired,
-  'data-testid': PropTypes.string,
-  appKey: PropTypes.string
-};
-SingleAssetEditor.defaultProps = {
-  label: 'Choose An Asset',
-  currentValue: '',
-  // NOTE: If 'undefined' <SelectField /> displays 'label'
-  defaultValue: '',
-  appType: undefined,
-  isNullable: false,
-  parentAssetId: undefined,
-  parentAssetType: undefined,
-  'data-testid': "".concat(PAGE_NAME, "_autoComplete"),
-  appKey: null
-};
-var SingleAssetEditor$1 = withStyles(muiStyles)(SingleAssetEditor);
-
-export default SingleAssetEditor$1;
-//# sourceMappingURL=SingleAssetEditor.js.map
+import e from"prop-types";import{withStyles as t,FormControl as a,InputLabel as s,Select as r,MenuItem as n,CircularProgress as i}from"@material-ui/core";import l from"../TruncatedText/index.js";import{useAssetSelectData as p}from"./effects/index.js";import{jsxs as d,jsx as u}from"react/jsx-runtime";var o="DC_SingleAssetEditor",c=function(e){var t=e.appKey,c=e.label,m=e.currentValue,h=e.defaultValue,y=e.isNullable,f=e.onChange,g=e.classes,v=e.parentAssetId,A=e.assetType,T=e.parentAssetType,b=p({appKey:t,assetId:m,assetType:A,parentAssetId:v,parentAssetType:T}),I=b.assets,N=b.loading,x=m||h;return d("div",{children:[d(a,{disabled:N,children:[!y&&u(s,{shrink:!!x,children:c}),d(r,{"data-testid":e["data-testid"],value:x,onChange:function(e){return f(e.target.value)},className:g.select,MenuProps:{className:g.selectMenu},children:[y&&u(n,{"data-testid":"".concat(o,"_noActiveAssetMenuItem"),value:h,className:g.menuItem,children:"No active asset"},"empty item"),I.map((function(e){var t=(null==e?void 0:e.name)||"";return u(n,{"data-testid":"".concat(o,"_option_").concat(t,"MenuItem"),value:Number(e.id),className:g.menuItem,children:u(l,{children:t})},e.id)}))]})]}),N&&u(i,{"data-testid":"".concat(o,"_CircularProgress"),size:20,className:g.progress})]})};c.propTypes={classes:e.shape({}).isRequired,appType:e.shape({constants:e.shape({})}),currentValue:e.oneOfType([e.number,e.string]),defaultValue:e.any,onChange:e.func.isRequired,label:e.string,isNullable:e.bool,parentAssetId:e.number,parentAssetType:e.string,assetType:e.string.isRequired,"data-testid":e.string,appKey:e.string},c.defaultProps={label:"Choose An Asset",currentValue:"",defaultValue:"",appType:void 0,isNullable:!1,parentAssetId:void 0,parentAssetType:void 0,"data-testid":"".concat(o,"_autoComplete"),appKey:null};var m=t({progress:{margin:"0 15px"},select:{width:350},selectMenu:{maxHeight:350},menuItem:{width:350}})(c);export{m as default};

package/components/AssetEditor/constants.js

@@ -1,6 +1 @@
-var PER_PAGE = 200; // The distance in pixels before the end of the items that will trigger a call to loadMore.
-
-var SCROLL_THRESHOLD = 400;
-
-export { PER_PAGE, SCROLL_THRESHOLD };
-//# sourceMappingURL=constants.js.map
+var r=200,a=400;export{r as PER_PAGE,a as SCROLL_THRESHOLD};