@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/AssetEditor/AssetEditorAutocomplete.js

@@ -1 +1,332 @@
-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 d,withStyles as u,Typography as c,FormControl as m,InputLabel as f,Tooltip as b,Chip as y,FormHelperText as g,TextField as h,InputAdornment as v}from"@material-ui/core";import{Search as O}from"@material-ui/icons";import{Autocomplete as x}from"@material-ui/lab";import T from"../TruncatedText/index.js";import{PER_PAGE as P,SCROLL_THRESHOLD as I}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(d,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,d=t.assetType,u=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=t.autocompleteProps,F=void 0===B?{}:B,W=t.assetFields,G=o(V?[]:null),J=e(G,2),Q=J[0],U=J[1],X=o(""),Y=e(X,2),Z=Y[0],$=Y[1],ee=o(""),te=e(ee,2),re=te[0],ne=te[1],oe=o(!1),ie=e(oe,2),ae=ie[0],le=ie[1],se=o(1),pe=e(se,2),de=pe[0],ue=pe[1],ce=o(!0),me=e(ce,2),fe=me[0],be=me[1];i((function(){U(V?[]:null),ue(1),le(!1)}),[d]);var ye=C({appKey:l,assetType:d,companyId:c,currentValue:S,isMultiple:V,parentAssetId:k,parentAssetType:z,scrollPage:de,searchText:Z,setCurrentOption:U,queryParams:H,assetFields:W}),ge=ye.assets,he=ye.loading;i((function(){var e=ge.length>=P*de;be(e)}),[ge,de]);var ve=a((function(){return s((function(e){ue(1),$(e)}),200)}),[]),Oe=a((function(){return s((function(){return ue((function(e){return e+1}))}),250)}),[]),xe={endAdornment:u.endAdornment,inputRoot:u.inputRoot,listbox:u.listbox,noOptions:u.noOptions,option:u.option,popupIndicator:u.popupIndicator,root:u.root};return j(m,{disabled:M,error:!!R,className:u.formControl,children:[!E&&A(f,{shrink:!0,children:K}),A(b,{title:null!==(r=null==Q?void 0:Q.name)&&void 0!==r?r:"",children:A(x,q(q({disabled:M,blurOnSelect:!0,classes:xe,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:ae?re:(null==Q?void 0:Q.name)||"",ListboxComponent:N,ListboxProps:{onScroll:function(e){if(fe&&!he){var t=e.currentTarget;t.scrollTop+t.clientHeight>t.scrollHeight-I&&Oe()}},loading:he,hasMore:fe},options:ge,onChange:function(e,t){var r;U(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(){ne(""),$(""),le(!1),ue(1)},onInputChange:function(e,t,r){"input"===r?(ne(t),le(!0),ve(t)):$("")},noOptionsText:A(D,{text:he?"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(v,{children:A(O,{className:u.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:Q,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)}}),F))}),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=u((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};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef, useState, useEffect, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { debounce, identity } from 'lodash';
+import { List, withStyles, FormControl, InputLabel, Tooltip, Chip, FormHelperText, Typography, TextField, InputAdornment } from '@material-ui/core';
+import { Search } from '@material-ui/icons';
+import { Autocomplete } from '@material-ui/lab';
+import TruncatedText from '../TruncatedText/index.js';
+import { PER_PAGE, SCROLL_THRESHOLD } from './constants.js';
+import { useAssetAutoCompleteSelectData } from './effects/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["children", "loading", "hasMore"];
+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 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, _excluded);
+  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,
+    _ref3$autocompletePro = _ref3.autocompleteProps,
+    autocompleteProps = _ref3$autocompletePro === void 0 ? {} : _ref3$autocompletePro,
+    assetFields = _ref3.assetFields;
+  // 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,
+      assetFields: assetFields
+    }),
+    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(_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);
+        }
+      }), autocompleteProps))
+    }), /*#__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 { AssetEditorAutocomplete$1 as default };
+//# sourceMappingURL=AssetEditorAutocomplete.js.map

package/components/AssetEditor/AssetEditorAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetEditorAutocomplete.js","sources":["../../../src/components/AssetEditor/AssetEditorAutocomplete.js"],"sourcesContent":["import { useMemo, useState, useEffect, forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce, identity } from 'lodash';\n\nimport {\n  FormControl,\n  InputLabel,\n  TextField,\n  FormHelperText,\n  withStyles,\n  Typography,\n  List,\n  InputAdornment,\n  Chip,\n  Tooltip,\n} from '@material-ui/core';\nimport { Search as SearchIcon } from '@material-ui/icons';\nimport { Autocomplete } from '@material-ui/lab';\nimport TruncatedText from '../TruncatedText';\nimport { PER_PAGE, SCROLL_THRESHOLD } from './constants';\nimport { useAssetAutoCompleteSelectData } from './effects';\n\nconst PAGE_NAME = 'DC_SingleAssetEditorAutocomplete';\n\nconst muiStyles = theme => ({\n  formControl: {},\n  listbox: { maxHeight: 350 },\n  root: { fontSize: 16 },\n  inputRoot: {\n    paddingTop: 16,\n    padding: '8px 0',\n    paddingBottom: 0,\n    width: 350,\n    fontSize: 16,\n  },\n  popupIndicator: { display: 'none' },\n  option: {\n    paddingLeft: '16px !important',\n    height: 36,\n    '&[aria-disabled=true]': {\n      color: theme.palette.primary.text9,\n      opacity: 1,\n      backgroundColor: 'unset',\n    },\n  },\n  noOptions: { padding: 0 },\n  searchIcon: { fontSize: '20px !important' },\n});\n\nconst infoListItemStyles = {\n  paddingLeft: '16px',\n  height: 36,\n  listStyleType: 'none',\n  display: 'flex',\n  alignItems: 'center',\n};\n\n/* eslint-disable react/prop-types */\nconst InfoListItem = ({ text = 'Loading...' }) => (\n  <li key=\"loading\" style={infoListItemStyles}>\n    <Typography variant=\"body2\" color=\"textSecondary\">\n      {text}\n    </Typography>\n  </li>\n);\n\nconst ListboxComponent = forwardRef(({ children, loading, hasMore, ...otherProps }, ref) => (\n  <List {...otherProps} ref={ref} role=\"listbox\">\n    {children}\n    {(hasMore || loading) && <InfoListItem />}\n  </List>\n));\n/* eslint-enable react/prop-types */\n\nconst AssetEditorAutocomplete = ({\n  'data-testid': dataTestId,\n  appKey,\n  assetType,\n  classes,\n  companyId,\n  currentValue,\n  disabled,\n  disableClearable,\n  errorText,\n  isMultiple,\n  isNullable,\n  label,\n  onChange,\n  parentAssetId,\n  parentAssetType,\n  queryParams,\n  autocompleteProps = {},\n  assetFields,\n}) => {\n  // NOTE: Store currently selected option\n  const [currentOption, setCurrentOption] = useState(isMultiple ? [] : null);\n\n  const [searchText, setSearchText] = useState(''); // NOTE: For ui input\n  const [searchValue, setSearchValue] = useState(''); // NOTE: Used for api filtering\n  const [isSearchMode, setSearchMode] = useState(false);\n\n  const [scrollPage, setScrollPage] = useState(1);\n  const [hasMore, setHasMore] = useState(true);\n\n  useEffect(() => {\n    // NOTE: Asset type has been changed. Clear currently selected option\n    setCurrentOption(isMultiple ? [] : null);\n    setScrollPage(1);\n    setSearchMode(false);\n  }, [assetType]);\n\n  const { assets, loading } = useAssetAutoCompleteSelectData({\n    appKey,\n    assetType,\n    companyId,\n    currentValue,\n    isMultiple,\n    parentAssetId,\n    parentAssetType,\n    scrollPage,\n    searchText,\n    setCurrentOption,\n    queryParams,\n    assetFields,\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 => {\n        setScrollPage(1);\n        setSearchText(value);\n      }, 200),\n    []\n  );\n\n  const handleInputChange = (event, value, reason) => {\n    if (reason === 'input') {\n      setSearchValue(value);\n      setSearchMode(true);\n      onInputChange(value); // NOTE: Trigger api call\n    } else {\n      // NOTE: Clean searchText for \"reset\" and \"clear\" reasons\n      setSearchText('');\n    }\n  };\n\n  const handleFetchNext = useMemo(\n    () => debounce(() => setScrollPage(prevScrollPage => prevScrollPage + 1), 250),\n    []\n  );\n  const onClose = () => {\n    setSearchValue('');\n    setSearchText('');\n    setSearchMode(false);\n    setScrollPage(1);\n  };\n\n  const onScrollListbox = event => {\n    if (!hasMore || loading) return;\n    const listboxNode = event.currentTarget;\n    if (\n      listboxNode.scrollTop + listboxNode.clientHeight >\n      listboxNode.scrollHeight - SCROLL_THRESHOLD\n    ) {\n      handleFetchNext();\n    }\n  };\n\n  const renderInput = params => (\n    <TextField\n      {...params}\n      variant=\"standard\"\n      placeholder=\"Search for asset...\"\n      {...(!isMultiple && {\n        InputProps: {\n          ...params.InputProps,\n          startAdornment: (\n            <InputAdornment>\n              <SearchIcon className={classes.searchIcon} />\n            </InputAdornment>\n          ),\n        },\n      })}\n    />\n  );\n\n  const renderOption = ({ id, name }) => (\n    <TruncatedText key={id} data-testid={`${PAGE_NAME}_option_${name}MenuItem`}>\n      {isMultiple && currentValue.includes(id) ? `${name} (already selected)` : name}\n    </TruncatedText>\n  );\n\n  const autocompleteClasses = {\n    endAdornment: classes.endAdornment,\n    inputRoot: classes.inputRoot,\n    listbox: classes.listbox,\n    noOptions: classes.noOptions,\n    option: classes.option,\n    popupIndicator: classes.popupIndicator,\n    root: classes.root,\n  };\n\n  return (\n    <FormControl disabled={disabled} error={!!errorText} className={classes.formControl}>\n      {!isNullable && <InputLabel shrink>{label}</InputLabel>}\n      <Tooltip title={currentOption?.name ?? ''}>\n        <Autocomplete\n          disabled={disabled}\n          blurOnSelect\n          classes={autocompleteClasses}\n          clearOnBlur\n          clearOnEscape\n          data-testid={dataTestId}\n          disableClearable={disableClearable}\n          filterOptions={identity}\n          getOptionLabel={option => option?.name}\n          getOptionSelected={(option, value) => option && value && option.id === value.id}\n          inputValue={isSearchMode ? searchValue : currentOption?.name || ''}\n          ListboxComponent={ListboxComponent}\n          ListboxProps={{ onScroll: onScrollListbox, loading, hasMore }}\n          options={assets}\n          onChange={(event, selected) => {\n            setCurrentOption(selected);\n            onChange(isMultiple ? selected.map(({ id }) => id) : selected?.id ?? null, selected);\n          }}\n          onClose={onClose}\n          onInputChange={handleInputChange}\n          noOptionsText={<InfoListItem text={loading ? 'Loading...' : 'No options'} />}\n          renderInput={renderInput}\n          renderOption={renderOption}\n          value={currentOption}\n          multiple={isMultiple}\n          {...(isMultiple && {\n            renderTags: (value, getTagProps) => {\n              return value.map((option, index) => (\n                <Chip key={option.id} label={option?.name} {...getTagProps({ index })} />\n              ));\n            },\n            getOptionDisabled: option => currentValue.includes(option.id),\n          })}\n          {...autocompleteProps}\n        />\n      </Tooltip>\n      <FormHelperText>{errorText}</FormHelperText>\n    </FormControl>\n  );\n};\n\nAssetEditorAutocomplete.defaultProps = {\n  label: 'Choose An Asset',\n  currentValue: undefined,\n  disableClearable: true,\n  isNullable: false,\n  parentAssetId: undefined,\n  parentAssetType: undefined,\n  companyId: undefined,\n  errorText: '',\n  'data-testid': `${PAGE_NAME}_autoComplete`,\n  disabled: false,\n  isMultiple: false,\n  appKey: null,\n  queryParams: {},\n};\n\nAssetEditorAutocomplete.propTypes = {\n  label: PropTypes.string,\n  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),\n  isNullable: PropTypes.bool,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  disableClearable: PropTypes.bool,\n  parentAssetId: PropTypes.number,\n  parentAssetType: PropTypes.string,\n  companyId: PropTypes.number,\n  assetType: PropTypes.string.isRequired,\n  errorText: PropTypes.string,\n  'data-testid': PropTypes.string,\n  disabled: PropTypes.bool,\n  isMultiple: PropTypes.bool,\n  appKey: PropTypes.string,\n  queryParams: PropTypes.shape({}),\n};\n\nexport default withStyles(muiStyles)(AssetEditorAutocomplete);\n"],"names":["PAGE_NAME","muiStyles","theme","formControl","listbox","maxHeight","root","fontSize","inputRoot","paddingTop","padding","paddingBottom","width","popupIndicator","display","option","paddingLeft","height","color","palette","primary","text9","opacity","backgroundColor","noOptions","searchIcon","infoListItemStyles","listStyleType","alignItems","InfoListItem","text","_jsx","ListboxComponent","forwardRef","ref","children","loading","hasMore","otherProps","_jsxs","AssetEditorAutocomplete","dataTestId","appKey","assetType","classes","companyId","currentValue","disabled","disableClearable","errorText","isMultiple","isNullable","label","onChange","parentAssetId","parentAssetType","queryParams","autocompleteProps","assetFields","useState","currentOption","setCurrentOption","searchText","setSearchText","searchValue","setSearchValue","isSearchMode","setSearchMode","scrollPage","setScrollPage","setHasMore","useEffect","useAssetAutoCompleteSelectData","assets","hasMoreAssets","length","PER_PAGE","onInputChange","useMemo","debounce","value","handleInputChange","event","reason","handleFetchNext","prevScrollPage","onClose","onScrollListbox","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","SCROLL_THRESHOLD","renderInput","params","InputProps","startAdornment","SearchIcon","renderOption","id","name","includes","autocompleteClasses","endAdornment","identity","onScroll","selected","map","renderTags","getTagProps","index","getOptionDisabled","defaultProps","undefined","propTypes","PropTypes","string","oneOfType","number","arrayOf","bool","func","isRequired","shape","withStyles"],"mappings":"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"}

package/components/AssetEditor/AssetEditors.css.js

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

package/components/AssetEditor/AssetEditors.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/AssetEditor/SingleAssetEditor.js

@@ -1 +1,115 @@
-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{o as PAGE_NAME,m as default};
+import PropTypes from 'prop-types';
+import { withStyles, FormControl, InputLabel, Select, MenuItem, CircularProgress } from '@material-ui/core';
+import TruncatedText from '../TruncatedText/index.js';
+import { useAssetSelectData } from './effects/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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 { PAGE_NAME, SingleAssetEditor$1 as default };
+//# sourceMappingURL=SingleAssetEditor.js.map

package/components/AssetEditor/SingleAssetEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleAssetEditor.js","sources":["../../../src/components/AssetEditor/SingleAssetEditor.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport {\n  CircularProgress,\n  MenuItem,\n  Select,\n  FormControl,\n  InputLabel,\n  withStyles,\n} from '@material-ui/core';\n\nimport TruncatedText from '../TruncatedText';\n\nimport { useAssetSelectData } from './effects';\n\nexport const PAGE_NAME = 'DC_SingleAssetEditor';\n\nconst muiStyles = {\n  progress: { margin: '0 15px' },\n  select: { width: 350 },\n  selectMenu: { maxHeight: 350 },\n  menuItem: { width: 350 },\n};\n\nconst SingleAssetEditor = props => {\n  const {\n    appKey,\n    label,\n    currentValue,\n    defaultValue,\n    isNullable,\n    onChange,\n    classes,\n    parentAssetId,\n    assetType,\n    parentAssetType,\n  } = props;\n\n  const { assets, loading } = useAssetSelectData({\n    appKey,\n    assetId: currentValue,\n    assetType,\n    parentAssetId,\n    parentAssetType,\n  });\n  const value = currentValue || defaultValue;\n\n  return (\n    <div>\n      <FormControl disabled={loading}>\n        {!isNullable && <InputLabel shrink={!!value}>{label}</InputLabel>}\n        <Select\n          data-testid={props['data-testid']}\n          value={value}\n          onChange={event => onChange(event.target.value)}\n          className={classes.select}\n          MenuProps={{ className: classes.selectMenu }}\n        >\n          {isNullable && (\n            <MenuItem\n              data-testid={`${PAGE_NAME}_noActiveAssetMenuItem`}\n              key=\"empty item\"\n              value={defaultValue}\n              className={classes.menuItem}\n            >\n              No active asset\n            </MenuItem>\n          )}\n          {assets.map(asset => {\n            const assetName = asset?.name || '';\n            return (\n              <MenuItem\n                data-testid={`${PAGE_NAME}_option_${assetName}MenuItem`}\n                key={asset.id}\n                value={Number(asset.id)}\n                className={classes.menuItem}\n              >\n                <TruncatedText>{assetName}</TruncatedText>\n              </MenuItem>\n            );\n          })}\n        </Select>\n      </FormControl>\n\n      {loading && (\n        <CircularProgress\n          data-testid={`${PAGE_NAME}_CircularProgress`}\n          size={20}\n          className={classes.progress}\n        />\n      )}\n    </div>\n  );\n};\n\nSingleAssetEditor.propTypes = {\n  classes: PropTypes.shape({}).isRequired,\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  label: PropTypes.string,\n  isNullable: PropTypes.bool,\n  parentAssetId: PropTypes.number,\n  parentAssetType: PropTypes.string,\n  assetType: PropTypes.string.isRequired,\n  'data-testid': PropTypes.string,\n  appKey: PropTypes.string,\n};\n\nSingleAssetEditor.defaultProps = {\n  label: 'Choose An Asset',\n  currentValue: '', // NOTE: If 'undefined' <SelectField /> displays 'label'\n  defaultValue: '',\n  appType: undefined,\n  isNullable: false,\n  parentAssetId: undefined,\n  parentAssetType: undefined,\n  'data-testid': `${PAGE_NAME}_autoComplete`,\n  appKey: null,\n};\n\nexport default withStyles(muiStyles)(SingleAssetEditor);\n"],"names":["PAGE_NAME","muiStyles","progress","margin","select","width","selectMenu","maxHeight","menuItem","SingleAssetEditor","props","appKey","label","currentValue","defaultValue","isNullable","onChange","classes","parentAssetId","assetType","parentAssetType","useAssetSelectData","assetId","assets","loading","value","_jsxs","_jsx","event","target","className","map","asset","assetName","name","Number","id","propTypes","PropTypes","shape","isRequired","appType","constants","oneOfType","number","string","any","func","bool","defaultProps","undefined","withStyles"],"mappings":"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"}

package/components/AssetEditor/constants.js

@@ -1 +1,7 @@
-var r=200,a=400;export{r as PER_PAGE,a as SCROLL_THRESHOLD};
+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

package/components/AssetEditor/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/AssetEditor/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"],"names":["PER_PAGE","SCROLL_THRESHOLD"],"mappings":"AAAO,IAAMA,QAAQ,GAAG,IAAG;;AAE3B;AACO,IAAMC,gBAAgB,GAAG;;;;"}