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

package/components/AssetEditor/effects/index.js

@@ -1 +1,226 @@
-import e from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/toConsumableArray";import a from"@babel/runtime/regenerator";import{useState as s,useEffect as o,useRef as i}from"react";import{isEmpty as p}from"lodash";import{PER_PAGE as c}from"../constants.js";import"uuid";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import{mapAssetGetRequest as u,getAssets as l}from"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions.js";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";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 f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){r(e,t,n[t])})):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 d=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return{sort:"name",order:"asc",fields:["".concat(e,".name"),"".concat(e,".asset_id")].concat(n(t))}},y=function(e){var t,r,n;return f(f({},e.attributes),{},{id:+e.id,programId:+(null===(t=e.relationships)||void 0===t||null===(r=t.program)||void 0===r||null===(n=r.data)||void 0===n?void 0:n.id)})};function b(n){var i=n.appKey,p=n.assetType,c=n.assetId,l=n.parentAssetType,m=n.parentAssetId,b=n.queryParams,h=void 0===b?null:b,v=s([]),g=t(v,2),j=g[0],O=g[1],x=s(!0),w=t(x,2),P=w[0],k=w[1];return o((function(){function t(){return(t=e(a.mark((function e(){var t;return a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,u(p)(f(f(f({},d(p)),{},r({per_page:1e4},l,m),i&&{app_key:i}),h));case 2:t=e.sent,O(t.data.map(y)),k(!1);case 5:case"end":return e.stop()}}),e)})))).apply(this,arguments)}k(!0),function(){t.apply(this,arguments)}()}),[p,c,l,m,i]),{assets:j,loading:P}}function h(r){var n=r.appKey,m=r.assetType,b=r.companyId,h=r.currentValue,v=r.isMultiple,g=r.parentAssetId,j=r.parentAssetType,O=r.scrollPage,x=r.searchText,w=r.setCurrentOption,P=r.queryParams,k=r.assetFields,A=s([]),T=t(A,2),I=T[0],_=T[1],D=s(!1),C=t(D,2),q=C[0],E=C[1],K=i(),S=i();return o((function(){function t(){return(t=e(a.mark((function e(){var t;return a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,u(m)(f(f({},d(m,k)),{},{ids:v?h:[h]},P));case 2:if(t=e.sent,!p(t.data)){e.next=7;break}return e.next=6,l(f(f({},d(m,k)),{},{ids:v?h:[h]},P));case 6:t=e.sent;case 7:w((function(){if(v)return t.data.map(y);var e=t.data[0];return e?y(e):null}));case 8:case"end":return e.stop()}}),e)})))).apply(this,arguments)}(v?h.length:h)&&function(){t.apply(this,arguments)}()}),[]),o((function(){function t(){return(t=e(a.mark((function e(){var t,r,s,o,i;return a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,E(!0),t={per_page:c,page:O},j&&g&&(t[j]=g),b&&(t.company=b),x&&(t.search=x),n&&(t.app_key=n),r=u(m)(f(f(f({},d(m,k)),t),P)),S.current=r,e.next=11,r;case 11:if(s=e.sent,S.current===r){e.next=14;break}return e.abrupt("return");case 14:o=s.data.map(y),i=K.current!==m||1===O,_(i?o:function(e){return e.concat(o)}),K.current=m,e.next=23;break;case 20:e.prev=20,e.t0=e.catch(0),console.error(e.t0);case 23:E(!1);case 24:case"end":return e.stop()}}),e,null,[[0,20]])})))).apply(this,arguments)}!function(){t.apply(this,arguments)}()}),[m,j,g,b,x,O,n]),{assets:I,loading:q}}export{h as useAssetAutoCompleteSelectData,b as useAssetSelectData};
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useState, useEffect, useRef } from 'react';
+import { isEmpty } from 'lodash';
+import { PER_PAGE } from '../constants.js';
+import 'uuid';
+import 'lodash/set';
+import 'lodash/get';
+import 'lodash/unset';
+import 'moment';
+import { mapAssetGetRequest, getAssets } from '../../../clients/jsonApi/index.js';
+import '../../../clients/subscriptions.js';
+import '../../../clients/api/apiCore.js';
+import '../../../clients/constants.js';
+import '../../../clients/sso/auth0.js';
+import '../../../clients/sso/oauth2.js';
+
+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 getRequestOptions = function getRequestOptions(assetType) {
+  var assetFields = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return {
+    sort: 'name',
+    order: 'asc',
+    fields: ["".concat(assetType, ".name"), "".concat(assetType, ".asset_id")].concat(_toConsumableArray(assetFields))
+  };
+};
+var deserializeAsset = function deserializeAsset(asset) {
+  var _asset$relationships, _asset$relationships$, _asset$relationships$2;
+  return _objectSpread(_objectSpread({}, asset.attributes), {}, {
+    id: +asset.id,
+    programId: +((_asset$relationships = asset.relationships) === null || _asset$relationships === void 0 ? void 0 : (_asset$relationships$ = _asset$relationships.program) === null || _asset$relationships$ === void 0 ? void 0 : (_asset$relationships$2 = _asset$relationships$.data) === null || _asset$relationships$2 === void 0 ? void 0 : _asset$relationships$2.id)
+  });
+};
+function useAssetSelectData(_ref) {
+  var appKey = _ref.appKey,
+    assetType = _ref.assetType,
+    assetId = _ref.assetId,
+    parentAssetType = _ref.parentAssetType,
+    parentAssetId = _ref.parentAssetId,
+    _ref$queryParams = _ref.queryParams,
+    queryParams = _ref$queryParams === void 0 ? null : _ref$queryParams;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    assets = _useState2[0],
+    setAssets = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  useEffect(function () {
+    setLoading(true);
+    function loadAssets() {
+      return _loadAssets.apply(this, arguments);
+    }
+    function _loadAssets() {
+      _loadAssets = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var response;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return mapAssetGetRequest(assetType)(_objectSpread(_objectSpread(_objectSpread({}, getRequestOptions(assetType)), {}, _defineProperty({
+                  per_page: 10000
+                }, parentAssetType, parentAssetId), appKey && {
+                  app_key: appKey
+                }), queryParams));
+              case 2:
+                response = _context.sent;
+                setAssets(response.data.map(deserializeAsset));
+                setLoading(false);
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+      return _loadAssets.apply(this, arguments);
+    }
+    loadAssets();
+  }, [assetType, assetId, parentAssetType, parentAssetId, appKey]);
+  return {
+    assets: assets,
+    loading: loading
+  };
+}
+function useAssetAutoCompleteSelectData(_ref2) {
+  var appKey = _ref2.appKey,
+    assetType = _ref2.assetType,
+    companyId = _ref2.companyId,
+    currentValue = _ref2.currentValue,
+    isMultiple = _ref2.isMultiple,
+    parentAssetId = _ref2.parentAssetId,
+    parentAssetType = _ref2.parentAssetType,
+    scrollPage = _ref2.scrollPage,
+    searchText = _ref2.searchText,
+    setCurrentOption = _ref2.setCurrentOption,
+    queryParams = _ref2.queryParams,
+    assetFields = _ref2.assetFields;
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    assets = _useState6[0],
+    setAssets = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  var previousTypeRef = useRef();
+  var lastLoadAssetsReqPromise = useRef();
+
+  // NOTE: Fetch currently selected option
+  useEffect(function () {
+    function loadCurrentOption() {
+      return _loadCurrentOption.apply(this, arguments);
+    }
+    function _loadCurrentOption() {
+      _loadCurrentOption = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        var response;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return mapAssetGetRequest(assetType)(_objectSpread(_objectSpread({}, getRequestOptions(assetType, assetFields)), {}, {
+                  ids: isMultiple ? currentValue : [currentValue]
+                }, queryParams));
+              case 2:
+                response = _context2.sent;
+                if (!isEmpty(response.data)) {
+                  _context2.next = 7;
+                  break;
+                }
+                _context2.next = 6;
+                return getAssets(_objectSpread(_objectSpread({}, getRequestOptions(assetType, assetFields)), {}, {
+                  ids: isMultiple ? currentValue : [currentValue]
+                }, queryParams));
+              case 6:
+                response = _context2.sent;
+              case 7:
+                setCurrentOption(function () {
+                  if (isMultiple) return response.data.map(deserializeAsset);
+                  var option = response.data[0];
+                  return option ? deserializeAsset(option) : null;
+                });
+              case 8:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+      return _loadCurrentOption.apply(this, arguments);
+    }
+    if (isMultiple ? currentValue.length : currentValue) loadCurrentOption();
+  }, []);
+  useEffect(function () {
+    function loadAssets() {
+      return _loadAssets2.apply(this, arguments);
+    }
+    function _loadAssets2() {
+      _loadAssets2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+        var requestParams, requestPromise, response, responseAssets, isPaginationDisabled;
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.prev = 0;
+                setLoading(true);
+                requestParams = {
+                  per_page: PER_PAGE,
+                  page: scrollPage
+                };
+                if (parentAssetType && parentAssetId) requestParams[parentAssetType] = parentAssetId;
+                if (companyId) requestParams.company = companyId;
+                if (searchText) requestParams.search = searchText;
+                if (appKey) requestParams.app_key = appKey;
+                requestPromise = mapAssetGetRequest(assetType)(_objectSpread(_objectSpread(_objectSpread({}, getRequestOptions(assetType, assetFields)), requestParams), queryParams));
+                lastLoadAssetsReqPromise.current = requestPromise;
+                _context3.next = 11;
+                return requestPromise;
+              case 11:
+                response = _context3.sent;
+                if (!(lastLoadAssetsReqPromise.current !== requestPromise)) {
+                  _context3.next = 14;
+                  break;
+                }
+                return _context3.abrupt("return");
+              case 14:
+                responseAssets = response.data.map(deserializeAsset);
+                isPaginationDisabled = previousTypeRef.current !== assetType || scrollPage === 1;
+                setAssets(isPaginationDisabled ? responseAssets : function (prevState) {
+                  return prevState.concat(responseAssets);
+                });
+                previousTypeRef.current = assetType;
+                _context3.next = 23;
+                break;
+              case 20:
+                _context3.prev = 20;
+                _context3.t0 = _context3["catch"](0);
+                console.error(_context3.t0);
+              case 23:
+                setLoading(false);
+              case 24:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3, null, [[0, 20]]);
+      }));
+      return _loadAssets2.apply(this, arguments);
+    }
+    loadAssets();
+  }, [assetType, parentAssetType, parentAssetId, companyId, searchText, scrollPage, appKey]);
+  return {
+    assets: assets,
+    loading: loading
+  };
+}
+
+export { useAssetAutoCompleteSelectData, useAssetSelectData };
+//# sourceMappingURL=index.js.map

package/components/AssetEditor/effects/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/AssetEditor/effects/index.js"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\nimport { isEmpty } from 'lodash';\n\nimport { PER_PAGE } from '../constants';\n\nimport { jsonApi } from '~/clients';\n\nconst getRequestOptions = (assetType, assetFields = []) => ({\n  sort: 'name',\n  order: 'asc',\n  fields: [`${assetType}.name`, `${assetType}.asset_id`, ...assetFields],\n});\n\nconst deserializeAsset = asset => ({\n  ...asset.attributes,\n  id: +asset.id,\n  programId: +asset.relationships?.program?.data?.id,\n});\n\nexport function useAssetSelectData({\n  appKey,\n  assetType,\n  assetId,\n  parentAssetType,\n  parentAssetId,\n  queryParams = null,\n}) {\n  const [assets, setAssets] = useState([]);\n  const [loading, setLoading] = useState(true);\n  useEffect(() => {\n    setLoading(true);\n    async function loadAssets() {\n      const response = await jsonApi.mapAssetGetRequest(assetType)({\n        ...getRequestOptions(assetType),\n        per_page: 10000,\n        [parentAssetType]: parentAssetId,\n        ...(appKey && { app_key: appKey }),\n        ...queryParams,\n      });\n\n      setAssets(response.data.map(deserializeAsset));\n      setLoading(false);\n    }\n    loadAssets();\n  }, [assetType, assetId, parentAssetType, parentAssetId, appKey]);\n\n  return { assets, loading };\n}\n\nexport function 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  const [assets, setAssets] = useState([]);\n  const [loading, setLoading] = useState(false);\n  const previousTypeRef = useRef();\n  const lastLoadAssetsReqPromise = useRef();\n\n  // NOTE: Fetch currently selected option\n  useEffect(() => {\n    async function loadCurrentOption() {\n      let response = await jsonApi.mapAssetGetRequest(assetType)({\n        ...getRequestOptions(assetType, assetFields),\n        ids: isMultiple ? currentValue : [currentValue],\n        ...queryParams,\n      });\n      if (isEmpty(response.data)) {\n        // NOTE: Try fetch current option from v2/assets\n        response = await jsonApi.getAssets({\n          ...getRequestOptions(assetType, assetFields),\n          ids: isMultiple ? currentValue : [currentValue],\n          ...queryParams,\n        });\n      }\n\n      setCurrentOption(() => {\n        if (isMultiple) return response.data.map(deserializeAsset);\n        const option = response.data[0];\n        return option ? deserializeAsset(option) : null;\n      });\n    }\n    if (isMultiple ? currentValue.length : currentValue) loadCurrentOption();\n  }, []);\n\n  useEffect(() => {\n    async function loadAssets() {\n      try {\n        setLoading(true);\n        const requestParams = { per_page: PER_PAGE, page: scrollPage };\n        if (parentAssetType && parentAssetId) requestParams[parentAssetType] = parentAssetId;\n        if (companyId) requestParams.company = companyId;\n        if (searchText) requestParams.search = searchText;\n        if (appKey) requestParams.app_key = appKey;\n\n        const requestPromise = jsonApi.mapAssetGetRequest(assetType)({\n          ...getRequestOptions(assetType, assetFields),\n          ...requestParams,\n          ...queryParams,\n        });\n\n        lastLoadAssetsReqPromise.current = requestPromise;\n        const response = await requestPromise;\n\n        if (lastLoadAssetsReqPromise.current !== requestPromise) {\n          return;\n        }\n\n        const responseAssets = response.data.map(deserializeAsset);\n        const isPaginationDisabled = previousTypeRef.current !== assetType || scrollPage === 1;\n\n        setAssets(\n          isPaginationDisabled ? responseAssets : prevState => prevState.concat(responseAssets)\n        );\n\n        previousTypeRef.current = assetType;\n      } catch (e) {\n        console.error(e);\n      }\n      setLoading(false);\n    }\n    loadAssets();\n  }, [assetType, parentAssetType, parentAssetId, companyId, searchText, scrollPage, appKey]);\n\n  return { assets, loading };\n}\n"],"names":["getRequestOptions","assetType","assetFields","sort","order","fields","deserializeAsset","asset","attributes","id","programId","relationships","program","data","useAssetSelectData","appKey","assetId","parentAssetType","parentAssetId","queryParams","useState","assets","setAssets","loading","setLoading","useEffect","loadAssets","jsonApi","per_page","app_key","response","map","useAssetAutoCompleteSelectData","companyId","currentValue","isMultiple","scrollPage","searchText","setCurrentOption","previousTypeRef","useRef","lastLoadAssetsReqPromise","loadCurrentOption","ids","isEmpty","option","length","requestParams","PER_PAGE","page","company","search","requestPromise","current","responseAssets","isPaginationDisabled","prevState","concat","console","error"],"mappings":"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"}

package/components/AssetEditor/index.js

@@ -1 +1,151 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as a}from"react";import s from"prop-types";import{get as l,capitalize as r}from"lodash";import{Button as o}from"@material-ui/core";import i from"./SingleAssetEditor.js";import n from"./AssetEditorAutocomplete.js";import p from"./AssetEditors.css.js";import{jsxs as c,jsx as u}from"react/jsx-runtime";var d="DC_AppSettingsAssetEditor",m=function(s){var m=s.appKey,y=s.appType,A=s.defaultValue,f=s.isNullable,b=s.label,h=s.onSettingsChange,g=s.settings,C=l(y,["primaryAsset","assetType","type"]),T=l(y,["primaryAsset","assetType","id"]),v=l(y,["primaryAsset","autocompleteSelect"]),N=l(y,["secondaryAsset","assetType","type"]),V=l(y,["secondaryAsset","assetType","id"]),K=l(y,["secondaryAsset","autocompleteSelect"]),_=l(g,T),E=a(_||A),S=t(E,2),j=S[0],q=S[1],R=a(l(g,V)),k=t(R,2),x=k[0],B=k[1],D=a(!(!N||x)),I=t(D,2),P=I[0],U=I[1],W=a(!(!N||!x)),w=t(W,2),z=w[0],F=w[1],G=function(t){B(t),h(e({},V,t))},H=function(t){q(t),B(null),F(!1),U(!!N);var a=e({},T,t);V&&(a[V]=null),h(a)};return c("div",{className:p.main,children:[u("div",{className:p.title,children:"Active Asset"}),c("div",{className:p.editor,children:[v?u(n,{appKey:m,assetType:C,currentValue:j,"data-testid":"".concat(d,"_primaryAssetEditorAutocomplete"),defaultValue:A,disableClearable:!f,isNullable:f,label:b,onChange:H}):u(i,{appKey:m,assetType:C,currentValue:j,"data-testid":"".concat(d,"_primaryAutoComplete"),defaultValue:A,isNullable:f,label:b,onChange:H}),P&&u(o,{"data-testid":"".concat(d,"_changeWellButton"),color:"primary",onClick:function(){F(!0),U(!1)},disabled:!_,children:"Change ".concat(r(N))}),!P&&z&&u(o,{"data-testid":"".concat(d,"_useDefaultButton"),color:"secondary",onClick:function(){B(null),F(!1),U(!!N),h(e({},V,null))},children:"Use active asset"})]}),z&&u("div",{className:p.editor,children:K?u(n,{appKey:m,assetType:N,currentValue:x,"data-testid":"".concat(d,"_secondaryAssetEditorAutocomplete"),defaultValue:A,disableClearable:!1,isNullable:f,label:"Active ".concat(r(N)),onChange:G,parentAssetId:j,parentAssetType:C}):u(i,{"data-testid":"".concat(d,"_secondaryAutoComplete"),onChange:G,defaultValue:A,currentValue:x,isNullable:f,label:"Active ".concat(r(N)),assetType:N,parentAssetId:j,parentAssetType:C,appKey:m})})]})};m.defaultProps={label:"Choose An Asset",isNullable:!1,defaultValue:void 0,appKey:null},m.propTypes={settings:s.shape({}).isRequired,appType:s.shape({}).isRequired,defaultValue:s.any,onSettingsChange:s.func.isRequired,label:s.string,isNullable:s.bool,appKey:s.string};export{m as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import { get, capitalize } from 'lodash';
+import { Button } from '@material-ui/core';
+import SingleAssetEditor from './SingleAssetEditor.js';
+import AssetEditorAutocomplete from './AssetEditorAutocomplete.js';
+import styles from './AssetEditors.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'DC_AppSettingsAssetEditor';
+var AppSettingsAssetEditor = function AppSettingsAssetEditor(_ref) {
+  var appKey = _ref.appKey,
+    appType = _ref.appType,
+    defaultValue = _ref.defaultValue,
+    isNullable = _ref.isNullable,
+    label = _ref.label,
+    onSettingsChange = _ref.onSettingsChange,
+    settings = _ref.settings;
+  var primaryAssetType = get(appType, ['primaryAsset', 'assetType', 'type']);
+  var primaryAssetIdType = get(appType, ['primaryAsset', 'assetType', 'id']);
+  var isPrimarySelectAutocomplete = get(appType, ['primaryAsset', 'autocompleteSelect']);
+  var secondaryAssetType = get(appType, ['secondaryAsset', 'assetType', 'type']);
+  var secondaryAssetIdType = get(appType, ['secondaryAsset', 'assetType', 'id']);
+  var isSecondarySelectAutocomplete = get(appType, ['secondaryAsset', 'autocompleteSelect']);
+  var currentValue = get(settings, primaryAssetIdType);
+  var _useState = useState(currentValue || defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    primaryAssetId = _useState2[0],
+    setPrimaryAssetId = _useState2[1];
+  var _useState3 = useState(get(settings, secondaryAssetIdType)),
+    _useState4 = _slicedToArray(_useState3, 2),
+    secondaryAssetId = _useState4[0],
+    setSecondaryAssetId = _useState4[1];
+  var _useState5 = useState(!!(secondaryAssetType && !secondaryAssetId)),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isSecondaryAssetButtonVisible = _useState6[0],
+    setIsSecondaryAssetButtonVisible = _useState6[1];
+  var _useState7 = useState(!!(secondaryAssetType && secondaryAssetId)),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isSecondaryAssetDropdownVisible = _useState8[0],
+    setIsSecondaryAssetDropdownVisible = _useState8[1];
+  var onSecondaryAssetIdChange = function onSecondaryAssetIdChange(id) {
+    setSecondaryAssetId(id);
+    onSettingsChange(_defineProperty({}, secondaryAssetIdType, id));
+  };
+  var onPrimaryAssetChange = function onPrimaryAssetChange(id) {
+    setPrimaryAssetId(id);
+    setSecondaryAssetId(null);
+    setIsSecondaryAssetDropdownVisible(false);
+    setIsSecondaryAssetButtonVisible(!!secondaryAssetType);
+    var assetSetting = _defineProperty({}, primaryAssetIdType, id);
+    if (secondaryAssetIdType) assetSetting[secondaryAssetIdType] = null;
+    onSettingsChange(assetSetting);
+  };
+  var onDefaultAssetButtonClick = function onDefaultAssetButtonClick() {
+    setSecondaryAssetId(null);
+    setIsSecondaryAssetDropdownVisible(false);
+    setIsSecondaryAssetButtonVisible(!!secondaryAssetType);
+    onSettingsChange(_defineProperty({}, secondaryAssetIdType, null));
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.main,
+    children: [/*#__PURE__*/jsx("div", {
+      className: styles.title,
+      children: "Active Asset"
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.editor,
+      children: [isPrimarySelectAutocomplete ? /*#__PURE__*/jsx(AssetEditorAutocomplete, {
+        appKey: appKey,
+        assetType: primaryAssetType,
+        currentValue: primaryAssetId,
+        "data-testid": "".concat(PAGE_NAME, "_primaryAssetEditorAutocomplete"),
+        defaultValue: defaultValue,
+        disableClearable: !isNullable,
+        isNullable: isNullable,
+        label: label,
+        onChange: onPrimaryAssetChange
+      }) : /*#__PURE__*/jsx(SingleAssetEditor, {
+        appKey: appKey,
+        assetType: primaryAssetType,
+        currentValue: primaryAssetId,
+        "data-testid": "".concat(PAGE_NAME, "_primaryAutoComplete"),
+        defaultValue: defaultValue,
+        isNullable: isNullable,
+        label: label,
+        onChange: onPrimaryAssetChange
+      }), isSecondaryAssetButtonVisible && /*#__PURE__*/jsx(Button, {
+        "data-testid": "".concat(PAGE_NAME, "_changeWellButton"),
+        color: "primary",
+        onClick: function onClick() {
+          setIsSecondaryAssetDropdownVisible(true);
+          setIsSecondaryAssetButtonVisible(false);
+        },
+        disabled: !currentValue,
+        children: "Change ".concat(capitalize(secondaryAssetType))
+      }), !isSecondaryAssetButtonVisible && isSecondaryAssetDropdownVisible && /*#__PURE__*/jsx(Button, {
+        "data-testid": "".concat(PAGE_NAME, "_useDefaultButton"),
+        color: "secondary",
+        onClick: onDefaultAssetButtonClick,
+        children: "Use active asset"
+      })]
+    }), isSecondaryAssetDropdownVisible && /*#__PURE__*/jsx("div", {
+      className: styles.editor,
+      children: isSecondarySelectAutocomplete ? /*#__PURE__*/jsx(AssetEditorAutocomplete, {
+        appKey: appKey,
+        assetType: secondaryAssetType,
+        currentValue: secondaryAssetId,
+        "data-testid": "".concat(PAGE_NAME, "_secondaryAssetEditorAutocomplete"),
+        defaultValue: defaultValue,
+        disableClearable: false,
+        isNullable: isNullable,
+        label: "Active ".concat(capitalize(secondaryAssetType)),
+        onChange: onSecondaryAssetIdChange,
+        parentAssetId: primaryAssetId,
+        parentAssetType: primaryAssetType
+      }) : /*#__PURE__*/jsx(SingleAssetEditor, {
+        "data-testid": "".concat(PAGE_NAME, "_secondaryAutoComplete"),
+        onChange: onSecondaryAssetIdChange,
+        defaultValue: defaultValue,
+        currentValue: secondaryAssetId,
+        isNullable: isNullable,
+        label: "Active ".concat(capitalize(secondaryAssetType)),
+        assetType: secondaryAssetType,
+        parentAssetId: primaryAssetId,
+        parentAssetType: primaryAssetType,
+        appKey: appKey
+      })
+    })]
+  });
+};
+AppSettingsAssetEditor.defaultProps = {
+  label: 'Choose An Asset',
+  isNullable: false,
+  defaultValue: undefined,
+  appKey: null
+};
+AppSettingsAssetEditor.propTypes = {
+  settings: PropTypes.shape({}).isRequired,
+  appType: PropTypes.shape({}).isRequired,
+  defaultValue: PropTypes.any,
+  // eslint-disable-line react/forbid-prop-types
+  onSettingsChange: PropTypes.func.isRequired,
+  label: PropTypes.string,
+  isNullable: PropTypes.bool,
+  appKey: PropTypes.string
+};
+
+export { AppSettingsAssetEditor as default };
+//# sourceMappingURL=index.js.map

package/components/AssetEditor/index.js.map

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

package/components/AssetEditorV2/components/MultipleAssetsToggle.js

@@ -1 +1,63 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import r from"classnames";import{makeStyles as o,Tooltip as i}from"@material-ui/core";import{InfoOutlined as a}from"@material-ui/icons";import{SwitchControlComponent as n}from"../../SwitchControl/index.js";import{jsx as c,jsxs as s}from"react/jsx-runtime";var l=["isChecked","title","className"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}var m=o((function(e){var t=e.palette;return{root:{marginBottom:"-2px",marginTop:"-8px",marginLeft:"-9px",width:"fit-content"},title:{display:"flex",alignItems:"center"},infoIcon:{marginLeft:4,color:t.primary.text6,"&:hover":{color:t.primary.contrastText}}}})),f=function(o){var f=o.isChecked,u=o.title,b=o.className,h=t(o,l),O=m();return c(n,function(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?p(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}({className:r(O.root,b),size:"small",rightLabel:s("span",{className:O.title,children:[u,c(i,{title:"A separate app will be placed on the dashboard for each asset chosen",placement:"bottom-start",children:c(a,{fontSize:"small",className:O.infoIcon})})]}),color:"primary",checked:f},h))};f.defaultProps={title:"Multiple Assets"};export{f as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import classNames from 'classnames';
+import { makeStyles, Tooltip } from '@material-ui/core';
+import { InfoOutlined } from '@material-ui/icons';
+import { SwitchControlComponent } from '../../SwitchControl/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["isChecked", "title", "className"];
+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(function (_ref) {
+  var palette = _ref.palette;
+  return {
+    root: {
+      marginBottom: '-2px',
+      marginTop: '-8px',
+      marginLeft: '-9px',
+      width: 'fit-content'
+    },
+    title: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    infoIcon: {
+      marginLeft: 4,
+      color: palette.primary.text6,
+      '&:hover': {
+        color: palette.primary.contrastText
+      }
+    }
+  };
+});
+var MultipleAssetsToggle = function MultipleAssetsToggle(_ref2) {
+  var isChecked = _ref2.isChecked,
+    title = _ref2.title,
+    className = _ref2.className,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  var styles = useStyles();
+  return /*#__PURE__*/jsx(SwitchControlComponent, _objectSpread({
+    className: classNames(styles.root, className),
+    size: "small",
+    rightLabel: /*#__PURE__*/jsxs("span", {
+      className: styles.title,
+      children: [title, /*#__PURE__*/jsx(Tooltip, {
+        title: "A separate app will be placed on the dashboard for each asset chosen",
+        placement: "bottom-start",
+        children: /*#__PURE__*/jsx(InfoOutlined, {
+          fontSize: "small",
+          className: styles.infoIcon
+        })
+      })]
+    }),
+    color: "primary",
+    checked: isChecked
+  }, props));
+};
+MultipleAssetsToggle.defaultProps = {
+  title: 'Multiple Assets'
+};
+
+export { MultipleAssetsToggle as default };
+//# sourceMappingURL=MultipleAssetsToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleAssetsToggle.js","sources":["../../../../src/components/AssetEditorV2/components/MultipleAssetsToggle.js"],"sourcesContent":["import classNames from 'classnames';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport { InfoOutlined as InfoIcon } from '@material-ui/icons';\n\nimport SwitchControl from '~/components/SwitchControl';\n\nconst useStyles = makeStyles(({ palette }) => ({\n  root: { marginBottom: '-2px', marginTop: '-8px', marginLeft: '-9px', width: 'fit-content' },\n  title: { display: 'flex', alignItems: 'center' },\n  infoIcon: {\n    marginLeft: 4,\n    color: palette.primary.text6,\n\n    '&:hover': {\n      color: palette.primary.contrastText,\n    },\n  },\n}));\n\nconst MultipleAssetsToggle = ({ isChecked, title, className, ...props }) => {\n  const styles = useStyles();\n\n  return (\n    <SwitchControl\n      className={classNames(styles.root, className)}\n      size=\"small\"\n      rightLabel={\n        <span className={styles.title}>\n          {title}\n          <Tooltip\n            title=\"A separate app will be placed on the dashboard for each asset chosen\"\n            placement=\"bottom-start\"\n          >\n            <InfoIcon fontSize=\"small\" className={styles.infoIcon} />\n          </Tooltip>\n        </span>\n      }\n      color=\"primary\"\n      checked={isChecked}\n      {...props}\n    />\n  );\n};\n\nMultipleAssetsToggle.defaultProps = {\n  title: 'Multiple Assets',\n};\n\nexport default MultipleAssetsToggle;\n"],"names":["useStyles","makeStyles","palette","root","marginBottom","marginTop","marginLeft","width","title","display","alignItems","infoIcon","color","primary","text6","contrastText","MultipleAssetsToggle","isChecked","className","props","styles","_jsx","SwitchControl","classNames","_jsxs","InfoIcon","defaultProps"],"mappings":";;;;;;;;;;;AAMA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAA,IAAA,EAAA;EAAA,IAAGC,OAAO,QAAPA,OAAO,CAAA;EAAA,OAAQ;AAC7CC,IAAAA,IAAI,EAAE;AAAEC,MAAAA,YAAY,EAAE,MAAM;AAAEC,MAAAA,SAAS,EAAE,MAAM;AAAEC,MAAAA,UAAU,EAAE,MAAM;AAAEC,MAAAA,KAAK,EAAE,aAAA;KAAe;AAC3FC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,MAAM;AAAEC,MAAAA,UAAU,EAAE,QAAA;KAAU;AAChDC,IAAAA,QAAQ,EAAE;AACRL,MAAAA,UAAU,EAAE,CAAC;AACbM,MAAAA,KAAK,EAAEV,OAAO,CAACW,OAAO,CAACC,KAAK;AAE5B,MAAA,SAAS,EAAE;AACTF,QAAAA,KAAK,EAAEV,OAAO,CAACW,OAAO,CAACE,YAAAA;AACzB,OAAA;AACF,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAkD,KAAA,EAAA;EAAA,IAA5CC,SAAS,SAATA,SAAS;AAAET,IAAAA,KAAK,SAALA,KAAK;AAAEU,IAAAA,SAAS,SAATA,SAAS;IAAKC,KAAK,GAAA,wBAAA,CAAA,KAAA,EAAA,SAAA,CAAA,CAAA;EACnE,IAAMC,MAAM,GAAGpB,SAAS,EAAE,CAAA;AAE1B,EAAA,oBACEqB,IAACC,sBAAa,EAAA,aAAA,CAAA;IACZ,SAAS,EAAEC,UAAU,CAACH,MAAM,CAACjB,IAAI,EAAEe,SAAS,CAAE;AAC9C,IAAA,IAAI,EAAC,OAAO;AACZ,IAAA,UAAU,eACRM,IAAA,CAAA,MAAA,EAAA;MAAM,SAAS,EAAEJ,MAAM,CAACZ,KAAM;MAAA,QAC3BA,EAAAA,CAAAA,KAAK,eACNa,GAAA,CAAC,OAAO,EAAA;AACN,QAAA,KAAK,EAAC,sEAAsE;AAC5E,QAAA,SAAS,EAAC,cAAc;AAAA,QAAA,QAAA,eAExBA,IAACI,YAAQ,EAAA;AAAC,UAAA,QAAQ,EAAC,OAAO;UAAC,SAAS,EAAEL,MAAM,CAACT,QAAAA;AAAS,SAAA,CAAA;OAC9C,CAAA,CAAA;KAEb,CAAA;AACD,IAAA,KAAK,EAAC,SAAS;AACf,IAAA,OAAO,EAAEM,SAAAA;AAAU,GAAA,EACfE,KAAK,CACT,CAAA,CAAA;AAEN,EAAC;AAEDH,oBAAoB,CAACU,YAAY,GAAG;AAClClB,EAAAA,KAAK,EAAE,iBAAA;AACT,CAAC;;;;"}