@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/AssetEditor/effects/index.js

@@ -1 +1,238 @@
-import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/regenerator";import{useState as a,useEffect as s,useRef as o}from"react";import"uuid";import"lodash";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import{mapAssetGetRequest as p}from"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions.js";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import{PER_PAGE as i}from"../constants.js";function c(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function u(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?c(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var f=function(e){return{sort:"name",order:"asc",fields:["".concat(e,".name"),"".concat(e,".asset_id")]}},l=function(e){return u(u({},e.attributes),{},{id:+e.id})};function m(o){var i=o.appKey,c=o.assetType,m=o.assetId,y=o.parentAssetType,b=o.parentAssetId,d=o.queryParams,h=a([]),O=r(h,2),j=O[0],g=O[1],v=a(!0),w=r(v,2),P=w[0],x=w[1];return s((function(){function r(){return(r=e(n.mark((function e(){var r;return n.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,p(c)(u(u(u({},f(c)),{},t({per_page:1e4},y,b),i&&{app_key:i}),d));case 2:r=e.sent,g(r.data.map(l)),x(!1);case 5:case"end":return e.stop()}}),e)})))).apply(this,arguments)}x(!0),function(){r.apply(this,arguments)}()}),[c,m,y,b,i]),{assets:j,loading:P}}function y(t){var c=t.appKey,m=t.assetType,y=t.companyId,b=t.currentValue,d=t.isMultiple,h=t.parentAssetId,O=t.parentAssetType,j=t.scrollPage,g=t.searchText,v=t.setCurrentOption,w=t.queryParams,P=a([]),x=r(P,2),k=x[0],A=x[1],T=a(!1),_=r(T,2),D=_[0],I=_[1],C=o(),q=o();return s((function(){function r(){return(r=e(n.mark((function e(){var r;return n.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,p(m)(u(u({},f(m)),{},{ids:d?b:[b]},w));case 2:r=e.sent,v((function(){if(d)return r.data.map(l);var e=r.data[0];return e?l(e):null}));case 4:case"end":return e.stop()}}),e)})))).apply(this,arguments)}(d?b.length:b)&&function(){r.apply(this,arguments)}()}),[]),s((function(){function r(){return(r=e(n.mark((function e(){var r,t,a,s,o;return n.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,I(!0),r={per_page:i,page:j},O&&h&&(r[O]=h),y&&(r.company=y),g&&(r.search=g),c&&(r.app_key=c),t=p(m)(u(u(u({},f(m)),r),w)),q.current=t,e.next=11,t;case 11:if(a=e.sent,q.current===t){e.next=14;break}return e.abrupt("return");case 14:s=a.data.map(l),o=C.current!==m||1===j,A(o?s:function(e){return e.concat(s)}),C.current=m,e.next=23;break;case 20:e.prev=20,e.t0=e.catch(0),console.error(e.t0);case 23:I(!1);case 24:case"end":return e.stop()}}),e,null,[[0,20]])})))).apply(this,arguments)}!function(){r.apply(this,arguments)}()}),[m,O,h,y,g,j,c]),{assets:k,loading:D}}export{y as useAssetAutoCompleteSelectData,m as useAssetSelectData};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import 'lodash';
+import '@babel/runtime/helpers/toConsumableArray';
+import 'moment';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import 'lodash/get';
+import 'lodash/set';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import '../../../clients/api/apiCore.js';
+import '../../../clients/constants.js';
+import { mapAssetGetRequest } from '../../../clients/jsonApi/index.js';
+import { useState, useEffect, useRef } from 'react';
+import '../../../clients/subscriptions.js';
+import 'uuid';
+import 'lodash/unset';
+import { PER_PAGE } from '../constants.js';
+
+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 getRequestOptions = function getRequestOptions(assetType) {
+  return {
+    sort: 'name',
+    order: 'asc',
+    fields: ["".concat(assetType, ".name"), "".concat(assetType, ".asset_id")]
+  };
+};
+
+var deserializeAsset = function deserializeAsset(asset) {
+  return _objectSpread(_objectSpread({}, asset.attributes), {}, {
+    id: +asset.id
+  });
+};
+
+function useAssetSelectData(_ref) {
+  var appKey = _ref.appKey,
+      assetType = _ref.assetType,
+      assetId = _ref.assetId,
+      parentAssetType = _ref.parentAssetType,
+      parentAssetId = _ref.parentAssetId,
+      queryParams = _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;
+
+  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)), {}, {
+                  ids: isMultiple ? currentValue : [currentValue]
+                }, queryParams));
+
+              case 2:
+                response = _context2.sent;
+                setCurrentOption(function () {
+                  if (isMultiple) {
+                    return response.data.map(deserializeAsset);
+                  }
+
+                  var option = response.data[0];
+                  return option ? deserializeAsset(option) : null;
+                });
+
+              case 4:
+              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)), 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 { jsonApi } from '~/clients';\n\nimport { PER_PAGE } from '../constants';\n\nconst getRequestOptions = assetType => ({\n  sort: 'name',\n  order: 'asc',\n  fields: [`${assetType}.name`, `${assetType}.asset_id`],\n});\n\nconst deserializeAsset = asset => ({ ...asset.attributes, id: +asset.id });\n\nexport function useAssetSelectData({\n  appKey,\n  assetType,\n  assetId,\n  parentAssetType,\n  parentAssetId,\n  queryParams,\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}) {\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      const response = await jsonApi.mapAssetGetRequest(assetType)({\n        ...getRequestOptions(assetType),\n        ids: isMultiple ? currentValue : [currentValue],\n        ...queryParams,\n      });\n      setCurrentOption(() => {\n        if (isMultiple) {\n          return response.data.map(deserializeAsset);\n        }\n\n        const option = response.data[0];\n\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),\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","sort","order","fields","deserializeAsset","asset","attributes","id","useAssetSelectData","appKey","assetId","parentAssetType","parentAssetId","queryParams","useState","assets","setAssets","loading","setLoading","useEffect","loadAssets","jsonApi","per_page","app_key","response","data","map","useAssetAutoCompleteSelectData","companyId","currentValue","isMultiple","scrollPage","searchText","setCurrentOption","previousTypeRef","useRef","lastLoadAssetsReqPromise","loadCurrentOption","ids","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,163 @@
-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"./AssetEditors.css.js";import n from"./SingleAssetEditor.js";import p from"./AssetEditorAutocomplete.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:i.main,children:[u("div",{className:i.title,children:"Active Asset"}),c("div",{className:i.editor,children:[v?u(p,{appKey:m,assetType:C,currentValue:j,"data-testid":"".concat(d,"_primaryAssetEditorAutocomplete"),defaultValue:A,disableClearable:!1,isNullable:f,label:b,onChange:H}):u(n,{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:i.editor,children:K?u(p,{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(n,{"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 { get, capitalize } from 'lodash';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from '@material-ui/core';
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import styles from './AssetEditors.css.js';
+import SingleAssetEditor from './SingleAssetEditor.js';
+import AssetEditorAutocomplete from './AssetEditorAutocomplete.js';
+
+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: false,
+        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 default AppSettingsAssetEditor;
+//# 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';\n\nimport { Button } from '@material-ui/core';\n\nimport styles from './AssetEditors.css';\nimport SingleAssetEditor from './SingleAssetEditor';\nimport AssetEditorAutocomplete from './AssetEditorAutocomplete';\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={false}\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/AssetNameLabel/PrimaryAssetNameLabel.js

@@ -1 +1,41 @@
-import{memo as e}from"react";import r from"prop-types";import{withSize as t}from"react-sizeme";import i from"./styles.css.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import{UniversalLink as o}from"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import{jsx as s}from"react/jsx-runtime";import{formatAssetName as a}from"../../utils/formatting.js";var m=function(e){var r=e.primaryAssetName,t=e.pageName,m=e.coordinatesPixelWidth,n=e.primaryAssetLink;return s(o,{"data-testid":"".concat(t,"_primaryAsset"),href:n||"/feed",children:s("div",{className:i.item,children:a(r,m)})})};m.propTypes={primaryAssetName:r.string.isRequired,pageName:r.string.isRequired,primaryAssetLink:r.any.isRequired,coordinatesPixelWidth:r.number},m.defaultProps={coordinatesPixelWidth:void 0};var n=e(t()(m));export{n as default};
+import '@babel/runtime/helpers/defineProperty';
+import { formatAssetName } from '../../utils/formatting.js';
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import '../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import 'react-router';
+import { UniversalLink } from '../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import { withSize } from 'react-sizeme';
+import styles from './styles.css.js';
+
+var PrimaryAssetNameLabel = function PrimaryAssetNameLabel(_ref) {
+  var primaryAssetName = _ref.primaryAssetName,
+      pageName = _ref.pageName,
+      coordinatesPixelWidth = _ref.coordinatesPixelWidth,
+      primaryAssetLink = _ref.primaryAssetLink;
+  return /*#__PURE__*/jsx(UniversalLink, {
+    "data-testid": "".concat(pageName, "_primaryAsset"),
+    href: primaryAssetLink || '/feed',
+    children: /*#__PURE__*/jsx("div", {
+      className: styles.item,
+      children: formatAssetName(primaryAssetName, coordinatesPixelWidth)
+    })
+  });
+};
+
+PrimaryAssetNameLabel.propTypes = {
+  primaryAssetName: PropTypes.string.isRequired,
+  pageName: PropTypes.string.isRequired,
+  primaryAssetLink: PropTypes.any.isRequired,
+  // eslint-disable-line react/forbid-prop-types
+  coordinatesPixelWidth: PropTypes.number
+};
+PrimaryAssetNameLabel.defaultProps = {
+  coordinatesPixelWidth: undefined
+};
+var PrimaryAssetNameLabel$1 = memo(withSize()(PrimaryAssetNameLabel));
+
+export default PrimaryAssetNameLabel$1;
+//# sourceMappingURL=PrimaryAssetNameLabel.js.map

package/components/AssetNameLabel/PrimaryAssetNameLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryAssetNameLabel.js","sources":["../../../src/components/AssetNameLabel/PrimaryAssetNameLabel.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { withSize } from 'react-sizeme';\n\nimport styles from './styles.css';\nimport { UniversalLink } from '../DevCenter/DevCenterRouterContext';\nimport { formatAssetName } from '~/utils/formatting';\n\nconst PrimaryAssetNameLabel = ({\n  primaryAssetName,\n  pageName,\n  coordinatesPixelWidth,\n  primaryAssetLink,\n}) => (\n  <UniversalLink data-testid={`${pageName}_primaryAsset`} href={primaryAssetLink || '/feed'}>\n    <div className={styles.item}>{formatAssetName(primaryAssetName, coordinatesPixelWidth)}</div>\n  </UniversalLink>\n);\n\nPrimaryAssetNameLabel.propTypes = {\n  primaryAssetName: PropTypes.string.isRequired,\n  pageName: PropTypes.string.isRequired,\n  primaryAssetLink: PropTypes.any.isRequired, // eslint-disable-line react/forbid-prop-types\n  coordinatesPixelWidth: PropTypes.number,\n};\n\nPrimaryAssetNameLabel.defaultProps = {\n  coordinatesPixelWidth: undefined,\n};\n\nexport default memo(withSize()(PrimaryAssetNameLabel));\n"],"names":["PrimaryAssetNameLabel","primaryAssetName","pageName","coordinatesPixelWidth","primaryAssetLink","_jsx","styles","item","formatAssetName","propTypes","PropTypes","string","isRequired","any","number","defaultProps","undefined","memo","withSize"],"mappings":";;;;;;;;;;;;AAQA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,MAC5BC,gBAD4B,QAC5BA,gBAD4B;AAAA,MAE5BC,QAF4B,QAE5BA,QAF4B;AAAA,MAG5BC,qBAH4B,QAG5BA,qBAH4B;AAAA,MAI5BC,gBAJ4B,QAI5BA,gBAJ4B;AAAA,sBAM5BC,IAAC,aAAD;AAAe,6BAAgBH,QAAhB,kBAAf;AAAwD,IAAA,IAAI,EAAEE,gBAAgB,IAAI,OAAlF;AAAA,2BACEC;AAAK,MAAA,SAAS,EAAEC,MAAM,CAACC,IAAvB;AAAA,gBAA8BC,eAAe,CAACP,gBAAD,EAAmBE,qBAAnB;AAA7C;AADF,IAN4B;AAAA,CAA9B;;AAWAH,qBAAqB,CAACS,SAAtB,GAAkC;AAChCR,EAAAA,gBAAgB,EAAES,SAAS,CAACC,MAAV,CAAiBC,UADH;AAEhCV,EAAAA,QAAQ,EAAEQ,SAAS,CAACC,MAAV,CAAiBC,UAFK;AAGhCR,EAAAA,gBAAgB,EAAEM,SAAS,CAACG,GAAV,CAAcD,UAHA;AAGY;AAC5CT,EAAAA,qBAAqB,EAAEO,SAAS,CAACI;AAJD,CAAlC;AAOAd,qBAAqB,CAACe,YAAtB,GAAqC;AACnCZ,EAAAA,qBAAqB,EAAEa;AADY,CAArC;AAIA,8BAAeC,IAAI,CAACC,QAAQ,GAAGlB,qBAAH,CAAT,CAAnB;;;;"}

package/components/AssetNameLabel/SecondaryAssetNameLabel.js

@@ -1 +1,52 @@
-import{memo as e}from"react";import r from"prop-types";import t from"classnames";import{withSize as s}from"react-sizeme";import{Tooltip as i}from"@material-ui/core";import o from"./styles.css.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import{UniversalLink as a}from"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import{jsx as n}from"react/jsx-runtime";import{formatAssetName as m}from"../../utils/formatting.js";var c=function(e){var r=e.secondaryAssetName,s=e.coordinatesPixelWidth,c=e.secondaryAssetLink,d=e.pageName;return n(i,{title:r,children:n("div",{className:o.seccondaryAssetWrapper,children:n(a,{href:c,className:o.seccondaryAssetLink,children:n("div",{id:"assetLabel","data-testid":"".concat(d,"_secondaryAsset"),className:t(o.item,o.secondaryAsset),children:m(r,s)})})})})};c.propTypes={pageName:r.string.isRequired,secondaryAssetName:r.string,secondaryAssetLink:r.any.isRequired,coordinatesPixelWidth:r.number},c.defaultProps={secondaryAssetName:"",coordinatesPixelWidth:void 0};var d=e(s()(c));export{d as default};
+import '@babel/runtime/helpers/defineProperty';
+import { formatAssetName } from '../../utils/formatting.js';
+import { jsx } from 'react/jsx-runtime';
+import { Tooltip } from '@material-ui/core';
+import { memo } from 'react';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import '../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import 'react-router';
+import { UniversalLink } from '../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import { withSize } from 'react-sizeme';
+import styles from './styles.css.js';
+
+var SecondaryAssetNameLabel = function SecondaryAssetNameLabel(_ref) {
+  var secondaryAssetName = _ref.secondaryAssetName,
+      coordinatesPixelWidth = _ref.coordinatesPixelWidth,
+      secondaryAssetLink = _ref.secondaryAssetLink,
+      pageName = _ref.pageName;
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: secondaryAssetName,
+    children: /*#__PURE__*/jsx("div", {
+      className: styles.seccondaryAssetWrapper,
+      children: /*#__PURE__*/jsx(UniversalLink, {
+        href: secondaryAssetLink,
+        className: styles.seccondaryAssetLink,
+        children: /*#__PURE__*/jsx("div", {
+          id: "assetLabel",
+          "data-testid": "".concat(pageName, "_secondaryAsset"),
+          className: classNames(styles.item, styles.secondaryAsset),
+          children: formatAssetName(secondaryAssetName, coordinatesPixelWidth)
+        })
+      })
+    })
+  });
+};
+
+SecondaryAssetNameLabel.propTypes = {
+  pageName: PropTypes.string.isRequired,
+  secondaryAssetName: PropTypes.string,
+  secondaryAssetLink: PropTypes.any.isRequired,
+  // eslint-disable-line react/forbid-prop-types
+  coordinatesPixelWidth: PropTypes.number
+};
+SecondaryAssetNameLabel.defaultProps = {
+  secondaryAssetName: '',
+  coordinatesPixelWidth: undefined
+};
+var SecondaryAssetNameLabel$1 = memo(withSize()(SecondaryAssetNameLabel));
+
+export default SecondaryAssetNameLabel$1;
+//# sourceMappingURL=SecondaryAssetNameLabel.js.map

package/components/AssetNameLabel/SecondaryAssetNameLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryAssetNameLabel.js","sources":["../../../src/components/AssetNameLabel/SecondaryAssetNameLabel.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { withSize } from 'react-sizeme';\n\nimport { Tooltip } from '@material-ui/core';\n\nimport styles from './styles.css';\nimport { UniversalLink } from '../DevCenter/DevCenterRouterContext';\nimport { formatAssetName } from '~/utils/formatting';\n\nconst SecondaryAssetNameLabel = ({\n  secondaryAssetName,\n  coordinatesPixelWidth,\n  secondaryAssetLink,\n  pageName,\n}) => (\n  <Tooltip title={secondaryAssetName}>\n    <div className={styles.seccondaryAssetWrapper}>\n      <UniversalLink href={secondaryAssetLink} className={styles.seccondaryAssetLink}>\n        <div\n          id=\"assetLabel\"\n          data-testid={`${pageName}_secondaryAsset`}\n          className={classNames(styles.item, styles.secondaryAsset)}\n        >\n          {formatAssetName(secondaryAssetName, coordinatesPixelWidth)}\n        </div>\n      </UniversalLink>\n    </div>\n  </Tooltip>\n);\n\nSecondaryAssetNameLabel.propTypes = {\n  pageName: PropTypes.string.isRequired,\n  secondaryAssetName: PropTypes.string,\n  secondaryAssetLink: PropTypes.any.isRequired, // eslint-disable-line react/forbid-prop-types\n  coordinatesPixelWidth: PropTypes.number,\n};\n\nSecondaryAssetNameLabel.defaultProps = {\n  secondaryAssetName: '',\n  coordinatesPixelWidth: undefined,\n};\n\nexport default memo(withSize()(SecondaryAssetNameLabel));\n"],"names":["SecondaryAssetNameLabel","secondaryAssetName","coordinatesPixelWidth","secondaryAssetLink","pageName","_jsx","styles","seccondaryAssetWrapper","seccondaryAssetLink","classNames","item","secondaryAsset","formatAssetName","propTypes","PropTypes","string","isRequired","any","number","defaultProps","undefined","memo","withSize"],"mappings":";;;;;;;;;;;;;;AAWA,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B;AAAA,MAC9BC,kBAD8B,QAC9BA,kBAD8B;AAAA,MAE9BC,qBAF8B,QAE9BA,qBAF8B;AAAA,MAG9BC,kBAH8B,QAG9BA,kBAH8B;AAAA,MAI9BC,QAJ8B,QAI9BA,QAJ8B;AAAA,sBAM9BC,IAAC,OAAD;AAAS,IAAA,KAAK,EAAEJ,kBAAhB;AAAA,2BACEI;AAAK,MAAA,SAAS,EAAEC,MAAM,CAACC,sBAAvB;AAAA,6BACEF,IAAC,aAAD;AAAe,QAAA,IAAI,EAAEF,kBAArB;AAAyC,QAAA,SAAS,EAAEG,MAAM,CAACE,mBAA3D;AAAA,+BACEH;AACE,UAAA,EAAE,EAAC,YADL;AAEE,mCAAgBD,QAAhB,oBAFF;AAGE,UAAA,SAAS,EAAEK,UAAU,CAACH,MAAM,CAACI,IAAR,EAAcJ,MAAM,CAACK,cAArB,CAHvB;AAAA,oBAKGC,eAAe,CAACX,kBAAD,EAAqBC,qBAArB;AALlB;AADF;AADF;AADF,IAN8B;AAAA,CAAhC;;AAqBAF,uBAAuB,CAACa,SAAxB,GAAoC;AAClCT,EAAAA,QAAQ,EAAEU,SAAS,CAACC,MAAV,CAAiBC,UADO;AAElCf,EAAAA,kBAAkB,EAAEa,SAAS,CAACC,MAFI;AAGlCZ,EAAAA,kBAAkB,EAAEW,SAAS,CAACG,GAAV,CAAcD,UAHA;AAGY;AAC9Cd,EAAAA,qBAAqB,EAAEY,SAAS,CAACI;AAJC,CAApC;AAOAlB,uBAAuB,CAACmB,YAAxB,GAAuC;AACrClB,EAAAA,kBAAkB,EAAE,EADiB;AAErCC,EAAAA,qBAAqB,EAAEkB;AAFc,CAAvC;AAKA,gCAAeC,IAAI,CAACC,QAAQ,GAAGtB,uBAAH,CAAT,CAAnB;;;;"}

package/components/AssetNameLabel/styles.css.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var s={assetNameLabelContainer:"styles_assetNameLabelContainer__BZm9s",appMaximized:"styles_appMaximized__GAWNG",item:"styles_item__ZZ7Ie",secondaryAsset:"styles_secondaryAsset__t2-xQ",seccondaryAssetWrapper:"styles_seccondaryAssetWrapper__lqt0o",seccondaryAssetLink:"styles_seccondaryAssetLink__VIBjy"};e(".styles_assetNameLabelContainer__BZm9s{display:flex;justify-content:flex-end;margin-top:4px;position:absolute;right:15px;top:10px;width:fit-content;z-index:100}.styles_appMaximized__GAWNG{margin-right:28px}.styles_item__ZZ7Ie{background-color:#434343;border-radius:10px;color:var(--palette-primary-text-1);font-size:.85rem;line-height:20px;padding:0 12px}.dc-app-container__light-theme .styles_item__ZZ7Ie{background-color:#bdbdbd}.styles_item__ZZ7Ie.styles_secondaryAsset__t2-xQ{background-color:#d860d8;height:21px;margin-right:4px;min-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styles_seccondaryAssetWrapper__lqt0o{max-width:20%}.styles_seccondaryAssetLink__VIBjy{padding:0;width:100%}");export{s as default};
+import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_assetNameLabelContainer__2H_ZY {\n  position: absolute;\n  right: 15px;\n  z-index: 100;\n  display: flex;\n  justify-content: flex-end;\n  margin-top: 4px;\n  top: 10px;\n  width: fit-content;\n}\n\n.styles_appMaximized__G2njQ {\n  margin-right: 28px;\n}\n\n.styles_item__2NqI2 {\n  line-height: 20px;\n  padding: 0 12px;\n  border-radius: 10px;\n  background-color: #434343;\n  font-size: 0.85rem;\n  color: var(--palette-primary-text-1);\n}\n\n.dc-app-container__light-theme .styles_item__2NqI2 {\n  background-color: #bdbdbd;\n}\n\n.styles_item__2NqI2.styles_secondaryAsset__1wjow {\n  background-color: #d860d8;\n  margin-right: 4px;\n  min-width: 60px;\n  text-overflow: ellipsis;\n  height: 21px;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.styles_seccondaryAssetWrapper__3jGPp {\n  max-width: 20%;\n}\n\n.styles_seccondaryAssetLink__1fygu {\n  width: 100%;\n  padding: 0;\n}\n";
+var styles = {"assetNameLabelContainer":"styles_assetNameLabelContainer__2H_ZY","appMaximized":"styles_appMaximized__G2njQ","item":"styles_item__2NqI2","secondaryAsset":"styles_secondaryAsset__1wjow","seccondaryAssetWrapper":"styles_seccondaryAssetWrapper__3jGPp","seccondaryAssetLink":"styles_seccondaryAssetLink__1fygu"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=styles.css.js.map

package/components/AssetNameLabel/styles.css.js.map

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