@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/AssetEditor/effects/index.js

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

package/components/AssetEditor/index.js

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

package/components/AssetNameLabel/PrimaryAssetNameLabel.js

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

package/components/AssetNameLabel/SecondaryAssetNameLabel.js

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

package/components/AssetNameLabel/styles.css.js

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