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

package/components/AssetEditorV2/utils/index.js

@@ -1 +1,64 @@
-import t from"@babel/runtime/helpers/toConsumableArray";import"lodash";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import{ASSET_TYPES as s}from"../../../constants/assetTypes.js";import"../../../utils/env.js";import"../../GradientManager/configuration/constants.js";import{ACTIVE_STATUS as e}from"../constants.js";var n=function(s){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return{sort:"name",order:"asc",fields:["".concat(s,".name"),"".concat(s,".status")].concat(t(e))}},a=function(t){var n,a=t.asset,r=t.group,o=t.activeWellId,i=t.isRequiredAssetId,p=t.isPrimaryAsset,l={id:+a.assetId||+a.id,type:a.type,name:a.name};(i&&(l.id=+a.id,l.assetId=+a.assetId),r&&(l.group=r),a.type===s.rig.type)&&(l.activeWellId=Number(null===(n=a.activeWell)||void 0===n?void 0:n.id)||null);return a.type===s.well.type&&(l.status=Number(a.id)===o?e:null),a.type===s.pad.type&&(l.parentFracFleetId=a.parentFracFleetId,l.status=a.active?e:null,p&&!a.parentFracFleetId&&(l.status=null)),l},r=function(t){return t.status===e?-1:1};export{a as formatAsset,n as getRequestOptions,r as sortAsset};
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import 'lodash';
+import '../../../constants/goals.js';
+import '../../../constants/segment.js';
+import '../../../constants/alerts.js';
+import '../../../constants/apps.js';
+import '../../../constants/drillstring.js';
+import '../../../constants/completion.js';
+import '../../../constants/notifications.js';
+import '../../../constants/feed.js';
+import '../../../constants/bha.js';
+import { ASSET_TYPES } from '../../../constants/assetTypes.js';
+import '../../../utils/env.js';
+import '../../GradientManager/configuration/constants.js';
+import { ACTIVE_STATUS } from '../constants.js';
+
+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, ".status")].concat(_toConsumableArray(assetFields))
+  };
+};
+var formatAsset = function formatAsset(_ref) {
+  var asset = _ref.asset,
+    group = _ref.group,
+    activeWellId = _ref.activeWellId,
+    isRequiredAssetId = _ref.isRequiredAssetId,
+    isPrimaryAsset = _ref.isPrimaryAsset;
+  var formattedAsset = {
+    id: +asset.assetId || +asset.id,
+    type: asset.type,
+    name: asset.name
+  };
+  if (isRequiredAssetId) {
+    formattedAsset.id = +asset.id;
+    formattedAsset.assetId = +asset.assetId;
+  }
+  if (group) {
+    formattedAsset.group = group;
+  }
+  if (asset.type === ASSET_TYPES.rig.type) {
+    var _asset$activeWell;
+    formattedAsset.activeWellId = Number((_asset$activeWell = asset.activeWell) === null || _asset$activeWell === void 0 ? void 0 : _asset$activeWell.id) || null;
+  }
+  if (asset.type === ASSET_TYPES.well.type) {
+    formattedAsset.status = Number(asset.id) === activeWellId ? ACTIVE_STATUS : null;
+  }
+  if (asset.type === ASSET_TYPES.pad.type) {
+    formattedAsset.parentFracFleetId = asset.parentFracFleetId;
+    formattedAsset.status = asset.active ? ACTIVE_STATUS : null;
+    if (isPrimaryAsset && !asset.parentFracFleetId) {
+      formattedAsset.status = null;
+    }
+  }
+  return formattedAsset;
+};
+var sortAsset = function sortAsset(curr) {
+  return curr.status === ACTIVE_STATUS ? -1 : 1;
+};
+
+export { formatAsset, getRequestOptions, sortAsset };
+//# sourceMappingURL=index.js.map

package/components/AssetEditorV2/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/AssetEditorV2/utils/index.js"],"sourcesContent":["import { isEmpty } from 'lodash';\nimport { ASSET_TYPES } from '~/constants';\nimport { ACTIVE_STATUS } from '../constants';\n\nexport const mapAssetIdPath = assetType => {\n  switch (assetType) {\n    case 'rig':\n    case 'well':\n      return ['attributes', 'asset_id'];\n    case 'frac_fleet':\n    case 'pad':\n    default:\n      return ['id'];\n  }\n};\n\nexport const getPadFracFleetId = (fracFleets = []) => {\n  const currentFracFleet = fracFleets.find(fracFleet => fracFleet === fracFleet.current)?.id;\n  const lastCurrentFracFleet = fracFleets.reduce((a, b) => {\n    return new Date(a.lastCurrentAt) > new Date(b.lastCurrentAt) ? a : b;\n  }, {});\n\n  if (!isEmpty(currentFracFleet)) {\n    return currentFracFleet.fracFleet?.id;\n  }\n  return lastCurrentFracFleet.fracFleet?.id;\n};\n\nexport const getRequestOptions = (assetType, assetFields = []) => ({\n  sort: 'name',\n  order: 'asc',\n  fields: [`${assetType}.name`, `${assetType}.status`, ...assetFields],\n});\n\nexport const formatAsset = ({ asset, group, activeWellId, isRequiredAssetId, isPrimaryAsset }) => {\n  const formattedAsset = {\n    id: +asset.assetId || +asset.id,\n    type: asset.type,\n    name: asset.name,\n  };\n\n  if (isRequiredAssetId) {\n    formattedAsset.id = +asset.id;\n    formattedAsset.assetId = +asset.assetId;\n  }\n\n  if (group) {\n    formattedAsset.group = group;\n  }\n  if (asset.type === ASSET_TYPES.rig.type) {\n    formattedAsset.activeWellId = Number(asset.activeWell?.id) || null;\n  }\n  if (asset.type === ASSET_TYPES.well.type) {\n    formattedAsset.status = Number(asset.id) === activeWellId ? ACTIVE_STATUS : null;\n  }\n  if (asset.type === ASSET_TYPES.pad.type) {\n    formattedAsset.parentFracFleetId = asset.parentFracFleetId;\n\n    formattedAsset.status = asset.active ? ACTIVE_STATUS : null;\n\n    if (isPrimaryAsset && !asset.parentFracFleetId) {\n      formattedAsset.status = null;\n    }\n  }\n  return formattedAsset;\n};\n\nexport const sortAsset = curr => (curr.status === ACTIVE_STATUS ? -1 : 1);\n"],"names":["getRequestOptions","assetType","assetFields","sort","order","fields","formatAsset","asset","group","activeWellId","isRequiredAssetId","isPrimaryAsset","formattedAsset","id","assetId","type","name","ASSET_TYPES","rig","Number","activeWell","well","status","ACTIVE_STATUS","pad","parentFracFleetId","active","sortAsset","curr"],"mappings":";;;;;;;;;;;;;;;;IA4BaA,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,SAAS,EAAA;EAAA,IAAEC,WAAW,uEAAG,EAAE,CAAA;EAAA,OAAM;AACjEC,IAAAA,IAAI,EAAE,MAAM;AACZC,IAAAA,KAAK,EAAE,KAAK;AACZC,IAAAA,MAAM,EAAMJ,CAAAA,EAAAA,CAAAA,MAAAA,CAAAA,SAAS,EAAYA,OAAAA,CAAAA,EAAAA,EAAAA,CAAAA,MAAAA,CAAAA,SAAS,wCAAcC,WAAW,CAAA,CAAA;GACpE,CAAA;AAAA,EAAC;AAEWI,IAAAA,WAAW,GAAG,SAAdA,WAAW,CAA0E,IAAA,EAAA;EAAA,IAApEC,KAAK,QAALA,KAAK;AAAEC,IAAAA,KAAK,QAALA,KAAK;AAAEC,IAAAA,YAAY,QAAZA,YAAY;AAAEC,IAAAA,iBAAiB,QAAjBA,iBAAiB;AAAEC,IAAAA,cAAc,QAAdA,cAAc,CAAA;AACzF,EAAA,IAAMC,cAAc,GAAG;IACrBC,EAAE,EAAE,CAACN,KAAK,CAACO,OAAO,IAAI,CAACP,KAAK,CAACM,EAAE;IAC/BE,IAAI,EAAER,KAAK,CAACQ,IAAI;IAChBC,IAAI,EAAET,KAAK,CAACS,IAAAA;GACb,CAAA;AAED,EAAA,IAAIN,iBAAiB,EAAE;AACrBE,IAAAA,cAAc,CAACC,EAAE,GAAG,CAACN,KAAK,CAACM,EAAE,CAAA;AAC7BD,IAAAA,cAAc,CAACE,OAAO,GAAG,CAACP,KAAK,CAACO,OAAO,CAAA;AACzC,GAAA;AAEA,EAAA,IAAIN,KAAK,EAAE;IACTI,cAAc,CAACJ,KAAK,GAAGA,KAAK,CAAA;AAC9B,GAAA;EACA,IAAID,KAAK,CAACQ,IAAI,KAAKE,WAAW,CAACC,GAAG,CAACH,IAAI,EAAE;AAAA,IAAA,IAAA,iBAAA,CAAA;AACvCH,IAAAA,cAAc,CAACH,YAAY,GAAGU,MAAM,CAACZ,CAAAA,iBAAAA,GAAAA,KAAK,CAACa,UAAU,MAAhB,IAAA,IAAA,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAkBP,EAAE,CAAC,IAAI,IAAI,CAAA;AACpE,GAAA;EACA,IAAIN,KAAK,CAACQ,IAAI,KAAKE,WAAW,CAACI,IAAI,CAACN,IAAI,EAAE;AACxCH,IAAAA,cAAc,CAACU,MAAM,GAAGH,MAAM,CAACZ,KAAK,CAACM,EAAE,CAAC,KAAKJ,YAAY,GAAGc,aAAa,GAAG,IAAI,CAAA;AAClF,GAAA;EACA,IAAIhB,KAAK,CAACQ,IAAI,KAAKE,WAAW,CAACO,GAAG,CAACT,IAAI,EAAE;AACvCH,IAAAA,cAAc,CAACa,iBAAiB,GAAGlB,KAAK,CAACkB,iBAAiB,CAAA;IAE1Db,cAAc,CAACU,MAAM,GAAGf,KAAK,CAACmB,MAAM,GAAGH,aAAa,GAAG,IAAI,CAAA;AAE3D,IAAA,IAAIZ,cAAc,IAAI,CAACJ,KAAK,CAACkB,iBAAiB,EAAE;MAC9Cb,cAAc,CAACU,MAAM,GAAG,IAAI,CAAA;AAC9B,KAAA;AACF,GAAA;AACA,EAAA,OAAOV,cAAc,CAAA;AACvB,EAAC;IAEYe,SAAS,GAAG,SAAZA,SAAS,CAAGC,IAAI,EAAA;EAAA,OAAKA,IAAI,CAACN,MAAM,KAAKC,aAAa,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;AAAA;;;;"}

package/components/AssetNameLabel/AssetNameLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssetNameLabel.d.ts","sourceRoot":"","sources":["../../../src/components/AssetNameLabel/AssetNameLabel.tsx"],"names":[],"mappings":";AAQA,UAAU,0BAA0B;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC3B;AA2FD,eAAO,MAAM,cAAc,4HAzDxB,0BAA0B,KAAG,WAAW,CAyDgB,CAAC"}
+{"version":3,"file":"AssetNameLabel.d.ts","sourceRoot":"","sources":["../../../src/components/AssetNameLabel/AssetNameLabel.tsx"],"names":[],"mappings":";AAQA,UAAU,0BAA0B;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC3B;AA0DD,eAAO,MAAM,cAAc,4HArCxB,0BAA0B,KAAG,WAAW,CAqCgB,CAAC"}

package/components/AssetNameLabel/AssetNameLabel.js

@@ -1 +1,97 @@
-import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r,jsxs as t}from"react/jsx-runtime";import{memo as n,useState as i,useRef as s,useEffect as a}from"react";import{makeStyles as o,Tooltip as c}from"@material-ui/core";import l from"classnames";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import{UniversalLink as u}from"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import m from"./AssetNameLabel.styles.css.js";var d=o({assetName:{maxWidth:function(e){return e.chipMaxWidth}}}),h=n((function(n){var o,h=n.assetName,f=n.classes,p=n.coordinatesPixelWidth,v=n.dataTestId,x=n.href,N=n.icon,b=n.statusBadge,C=i(h),W=C[0],j=C[1],D=s(),M=s(),g=(o=p)>=1024?244:o>=768?184:o>=420?134:44,L=s(g),P=d({chipMaxWidth:g});return a((function(){j(h),M.current=null}),[h]),a((function(){M.current||(M.current=D.current.scrollWidth)}),[M.current]),a((function(){if(D.current&&M.current){if(g>L.current)return j(h),M.current=null,void(L.current=g);var e=function(e,r,t){if(r===t)return e;var n=t/e.length,i=Math.floor(r/n),s=Math.floor(i/2),a=Math.max(s-2,2);return e.slice(0,a)+"..."+e.slice(e.length-a)}(h,D.current.clientWidth,M.current);j(e),L.current=g}}),[h,g,D.current,M.current]),r(c,e({title:h},{children:r("div",e({className:l(m.wrapper)},{children:t(u,e({className:l(m.item,null==f?void 0:f.item),"data-testid":v,href:x},{children:[N&&r("div",e({className:m.startIcon},{children:N})),r("span",e({className:l(m.assetName,P.assetName),ref:D},{children:W})),b]}))}))}))}));export{h as AssetNameLabel};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { memo, useState, useRef, useEffect } from 'react';
+import { makeStyles, Tooltip } from '@material-ui/core';
+import classNames from 'classnames';
+import '../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import { UniversalLink } from '../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import '@babel/runtime/helpers/defineProperty';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'react-router';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import styles from './AssetNameLabel.styles.css.js';
+
+var truncateInTheMiddle = function truncateInTheMiddle(text, clientWidth, scrollWidth) {
+  if (clientWidth === scrollWidth) return text;
+  var charWidthInPx = scrollWidth / text.length;
+  var visibleCharsLength = Math.floor(clientWidth / charWidthInPx);
+  var trimmedTextLength = Math.floor(visibleCharsLength / 2);
+  var charNum = Math.max(trimmedTextLength - 2, 2);
+  return text.slice(0, charNum) + '...' + text.slice(text.length - charNum);
+};
+var getChipMaxWidth = function getChipMaxWidth(appWidth) {
+  if (appWidth >= 1024) return 244;
+  if (appWidth >= 768) return 184;
+  if (appWidth >= 420) return 134;
+  return 44;
+};
+var useStyles = makeStyles({
+  assetName: {
+    maxWidth: function maxWidth(_ref) {
+      var chipMaxWidth = _ref.chipMaxWidth;
+      return chipMaxWidth;
+    }
+  }
+});
+var AssetNameLabelComponent = function AssetNameLabelComponent(_ref2) {
+  var assetName = _ref2.assetName,
+    classes = _ref2.classes,
+    coordinatesPixelWidth = _ref2.coordinatesPixelWidth,
+    dataTestId = _ref2.dataTestId,
+    href = _ref2.href,
+    icon = _ref2.icon,
+    statusBadge = _ref2.statusBadge;
+  var _useState = useState(assetName),
+    _useState2 = _slicedToArray(_useState, 2),
+    truncatedAssetName = _useState2[0],
+    setTruncatedAssetName = _useState2[1];
+  var assetNameRef = useRef();
+  var scrollWidthRef = useRef();
+  var newChipMaxWidth = getChipMaxWidth(coordinatesPixelWidth);
+  var chipMaxWidthRef = useRef(newChipMaxWidth);
+  var jsStyles = useStyles({
+    chipMaxWidth: newChipMaxWidth
+  });
+  useEffect(function () {
+    setTruncatedAssetName(assetName);
+    scrollWidthRef.current = null;
+  }, [assetName]);
+  useEffect(function () {
+    if (!scrollWidthRef.current) scrollWidthRef.current = assetNameRef.current.scrollWidth;
+  }, [scrollWidthRef.current]);
+  useEffect(function () {
+    if (!assetNameRef.current) return;
+    if (!scrollWidthRef.current) return;
+    if (newChipMaxWidth > chipMaxWidthRef.current) {
+      setTruncatedAssetName(assetName);
+      scrollWidthRef.current = null;
+      chipMaxWidthRef.current = newChipMaxWidth;
+      return;
+    }
+    var truncated = truncateInTheMiddle(assetName, assetNameRef.current.clientWidth, scrollWidthRef.current);
+    setTruncatedAssetName(truncated);
+    chipMaxWidthRef.current = newChipMaxWidth;
+  }, [assetName, newChipMaxWidth, assetNameRef.current, scrollWidthRef.current]);
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: assetName,
+    children: /*#__PURE__*/jsx("div", {
+      className: classNames(styles.wrapper),
+      children: /*#__PURE__*/jsxs(UniversalLink, {
+        className: classNames(styles.item, classes === null || classes === void 0 ? void 0 : classes.item),
+        "data-testid": dataTestId,
+        href: href,
+        children: [icon && /*#__PURE__*/jsx("div", {
+          className: styles.startIcon,
+          children: icon
+        }), /*#__PURE__*/jsx("span", {
+          className: classNames(styles.assetName, jsStyles.assetName),
+          ref: assetNameRef,
+          children: truncatedAssetName
+        }), statusBadge]
+      })
+    })
+  });
+};
+var AssetNameLabel = memo(AssetNameLabelComponent);
+
+export { AssetNameLabel };
+//# sourceMappingURL=AssetNameLabel.js.map

package/components/AssetNameLabel/AssetNameLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetNameLabel.js","sources":["../../../src/components/AssetNameLabel/AssetNameLabel.tsx"],"sourcesContent":["import { memo, useRef, useEffect, useState } from 'react';\nimport { Tooltip, makeStyles, Theme } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport { UniversalLink } from '../DevCenter/DevCenterRouterContext';\n\nimport styles from './AssetNameLabel.styles.css';\n\ninterface PrimaryAssetNameLabelProps {\n  assetName: string;\n  classes?: { item?: string };\n  coordinatesPixelWidth?: number;\n  dataTestId: string;\n  href: string;\n  icon?: JSX.Element;\n  statusBadge?: JSX.Element;\n}\n\nconst truncateInTheMiddle = (text: string, clientWidth: number, scrollWidth: number): string => {\n  if (clientWidth === scrollWidth) return text;\n\n  const charWidthInPx = scrollWidth / text.length;\n  const visibleCharsLength = Math.floor(clientWidth / charWidthInPx);\n  const trimmedTextLength = Math.floor(visibleCharsLength / 2);\n  const charNum = Math.max(trimmedTextLength - 2, 2);\n\n  return text.slice(0, charNum) + '...' + text.slice(text.length - charNum);\n};\n\nconst getChipMaxWidth = (appWidth: number) => {\n  if (appWidth >= 1024) return 244;\n  if (appWidth >= 768) return 184;\n  if (appWidth >= 420) return 134;\n  return 44;\n};\n\nconst useStyles = makeStyles<Theme, { chipMaxWidth: number }>({\n  assetName: {\n    maxWidth: ({ chipMaxWidth }) => chipMaxWidth,\n  },\n});\n\nconst AssetNameLabelComponent = ({\n  assetName,\n  classes,\n  coordinatesPixelWidth,\n  dataTestId,\n  href,\n  icon,\n  statusBadge,\n}: PrimaryAssetNameLabelProps): JSX.Element => {\n  const [truncatedAssetName, setTruncatedAssetName] = useState(assetName);\n  const assetNameRef = useRef<HTMLElement>();\n  const scrollWidthRef = useRef<number>();\n  const newChipMaxWidth = getChipMaxWidth(coordinatesPixelWidth);\n  const chipMaxWidthRef = useRef<number>(newChipMaxWidth);\n  const jsStyles = useStyles({ chipMaxWidth: newChipMaxWidth });\n\n  useEffect(() => {\n    setTruncatedAssetName(assetName);\n    scrollWidthRef.current = null;\n  }, [assetName]);\n\n  useEffect(() => {\n    if (!scrollWidthRef.current) scrollWidthRef.current = assetNameRef.current.scrollWidth;\n  }, [scrollWidthRef.current]);\n\n  useEffect(() => {\n    if (!assetNameRef.current) return;\n    if (!scrollWidthRef.current) return;\n\n    if (newChipMaxWidth > chipMaxWidthRef.current) {\n      setTruncatedAssetName(assetName);\n      scrollWidthRef.current = null;\n      chipMaxWidthRef.current = newChipMaxWidth;\n      return;\n    }\n\n    const truncated = truncateInTheMiddle(\n      assetName,\n      assetNameRef.current.clientWidth,\n      scrollWidthRef.current\n    );\n\n    setTruncatedAssetName(truncated);\n    chipMaxWidthRef.current = newChipMaxWidth;\n  }, [assetName, newChipMaxWidth, assetNameRef.current, scrollWidthRef.current]);\n\n  return (\n    <Tooltip title={assetName}>\n      <div className={classNames(styles.wrapper)}>\n        <UniversalLink\n          className={classNames(styles.item, classes?.item)}\n          data-testid={dataTestId}\n          href={href}\n        >\n          {icon && <div className={styles.startIcon}>{icon}</div>}\n          <span className={classNames(styles.assetName, jsStyles.assetName)} ref={assetNameRef}>\n            {truncatedAssetName}\n          </span>\n          {statusBadge}\n        </UniversalLink>\n      </div>\n    </Tooltip>\n  );\n};\n\nexport const AssetNameLabel = memo(AssetNameLabelComponent);\n"],"names":["truncateInTheMiddle","text","clientWidth","scrollWidth","charWidthInPx","length","visibleCharsLength","Math","floor","trimmedTextLength","charNum","max","slice","getChipMaxWidth","appWidth","useStyles","makeStyles","assetName","maxWidth","chipMaxWidth","AssetNameLabelComponent","classes","coordinatesPixelWidth","dataTestId","href","icon","statusBadge","useState","truncatedAssetName","setTruncatedAssetName","assetNameRef","useRef","scrollWidthRef","newChipMaxWidth","chipMaxWidthRef","jsStyles","useEffect","current","truncated","_jsx","classNames","styles","wrapper","_jsxs","item","startIcon","AssetNameLabel","memo"],"mappings":"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"}

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

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={wrapper:"AssetNameLabel-styles_wrapper__Nfk6n",item:"AssetNameLabel-styles_item__6dKVW",startIcon:"AssetNameLabel-styles_startIcon__OyNvP",assetName:"AssetNameLabel-styles_assetName__KqiWR"};e(".AssetNameLabel-styles_wrapper__Nfk6n a{display:block;height:20px}.AssetNameLabel-styles_item__6dKVW{stroke:var(--palette-primary-text-6);align-items:center;background-color:var(--palette-background-b-6);border-radius:10px;color:var(--palette-primary-text-6);display:flex;font-size:12px;line-height:20px;padding:0 8px;width:100%}.AssetNameLabel-styles_item__6dKVW>:not(:last-child){margin-right:4px}.AssetNameLabel-styles_item__6dKVW:hover{stroke:#fff;background-color:var(--palette-background-b-7);color:#fff}.AssetNameLabel-styles_startIcon__OyNvP{align-items:center;display:flex;flex-shrink:0;height:20px;margin-right:0!important;width:20px}.AssetNameLabel-styles_assetName__KqiWR{max-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-app-container__light-theme .AssetNameLabel-styles_item__6dKVW{background-color:#bdbdbd}");export{t as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".AssetNameLabel-styles_wrapper__Nfk6n a {\n  height: 20px;\n  display: block;\n}\n\n.AssetNameLabel-styles_item__6dKVW {\n  align-items: center;\n  background-color: var(--palette-background-b-6);\n  border-radius: 10px;\n  color: var(--palette-primary-text-6);\n  display: flex;\n  font-size: 12px;\n  line-height: 20px;\n  padding: 0 8px;\n  stroke: var(--palette-primary-text-6);\n  width: 100%;\n}\n\n.AssetNameLabel-styles_item__6dKVW > *:not(:last-child) {\n  margin-right: 4px;\n}\n\n.AssetNameLabel-styles_item__6dKVW:hover {\n  background-color: var(--palette-background-b-7);\n  color: white;\n  stroke: white;\n}\n\n.AssetNameLabel-styles_startIcon__OyNvP {\n  align-items: center;\n  display: flex;\n  height: 20px;\n  width: 20px;\n  margin-right: 0 !important;\n  flex-shrink: 0;\n}\n\n.AssetNameLabel-styles_assetName__KqiWR {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  max-width: 44px;\n}\n\n.dc-app-container__light-theme .AssetNameLabel-styles_item__6dKVW {\n  background-color: #bdbdbd;\n}\n";
+var styles = {"wrapper":"AssetNameLabel-styles_wrapper__Nfk6n","item":"AssetNameLabel-styles_item__6dKVW","startIcon":"AssetNameLabel-styles_startIcon__OyNvP","assetName":"AssetNameLabel-styles_assetName__KqiWR"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=AssetNameLabel.styles.css.js.map

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

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

package/components/AssetNameLabel/AssetStatusBadge.js

@@ -1 +1,34 @@
-import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{makeStyles as r}from"@material-ui/core";import s from"classnames";var a=r((function(t){return{assetStatus:{alignItems:"center",backgroundColor:t.palette.success.bright,borderRadius:6,color:"black",display:"flex",fontSize:9,fontWeight:500,height:12,letterSpacing:"0.1em",padding:"0 8px",textTransform:"uppercase"}}}));function o(r){var o=r.text,i=r.className,n=a();return o?e("div",t({className:s(n.assetStatus,i)},{children:o})):null}export{o as AssetStatusBadge};
+import { makeStyles } from '@material-ui/core';
+import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    assetStatus: {
+      alignItems: 'center',
+      backgroundColor: theme.palette.success.bright,
+      borderRadius: 6,
+      color: 'black',
+      display: 'flex',
+      fontSize: 9,
+      fontWeight: 500,
+      height: 12,
+      letterSpacing: '0.1em',
+      padding: '0 8px',
+      textTransform: 'uppercase'
+    }
+  };
+});
+function AssetStatusBadge(_ref) {
+  var text = _ref.text,
+    className = _ref.className;
+  var styles = useStyles();
+  if (!text) return null;
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(styles.assetStatus, className),
+    children: text
+  });
+}
+
+export { AssetStatusBadge };
+//# sourceMappingURL=AssetStatusBadge.js.map

package/components/AssetNameLabel/AssetStatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetStatusBadge.js","sources":["../../../src/components/AssetNameLabel/AssetStatusBadge.tsx"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core';\nimport classNames from 'classnames';\n\nconst useStyles = makeStyles<Theme>(theme => ({\n  assetStatus: {\n    alignItems: 'center',\n    backgroundColor: theme.palette.success.bright,\n    borderRadius: 6,\n    color: 'black',\n    display: 'flex',\n    fontSize: 9,\n    fontWeight: 500,\n    height: 12,\n    letterSpacing: '0.1em',\n    padding: '0 8px',\n    textTransform: 'uppercase',\n  },\n}));\n\ninterface AssetStatusBadgeProps {\n  text: string;\n  className?: string;\n}\n\nexport function AssetStatusBadge({ text, className }: AssetStatusBadgeProps): JSX.Element {\n  const styles = useStyles();\n\n  if (!text) return null;\n\n  return <div className={classNames(styles.assetStatus, className)}>{text}</div>;\n}\n"],"names":["useStyles","makeStyles","theme","assetStatus","alignItems","backgroundColor","palette","success","bright","borderRadius","color","display","fontSize","fontWeight","height","letterSpacing","padding","textTransform","AssetStatusBadge","text","className","styles","_jsx","classNames"],"mappings":";;;;AAGA,IAAMA,SAAS,GAAGC,UAAU,CAAQ,UAAAC,KAAK,EAAA;EAAA,OAAK;AAC5CC,IAAAA,WAAW,EAAE;AACXC,MAAAA,UAAU,EAAE,QAAQ;AACpBC,MAAAA,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC,OAAO,CAACC,MAAM;AAC7CC,MAAAA,YAAY,EAAE,CAAC;AACfC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,QAAQ,EAAE,CAAC;AACXC,MAAAA,UAAU,EAAE,GAAG;AACfC,MAAAA,MAAM,EAAE,EAAE;AACVC,MAAAA,aAAa,EAAE,OAAO;AACtBC,MAAAA,OAAO,EAAE,OAAO;AAChBC,MAAAA,aAAa,EAAE,WAAA;AACjB,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAOI,SAASC,gBAAgB,CAA0D,IAAA,EAAA;EAAA,IAAvDC,IAAI,QAAJA,IAAI;AAAEC,IAAAA,SAAS,QAATA,SAAS,CAAA;EAChD,IAAMC,MAAM,GAAGrB,SAAS,EAAE,CAAA;AAE1B,EAAA,IAAI,CAACmB,IAAI,EAAE,OAAO,IAAI,CAAA;EAEtB,oBAAOG,GAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,UAAU,CAACF,MAAM,CAAClB,WAAW,EAAEiB,SAAS,CAAE;IAAA,QAAED,EAAAA,IAAAA;GAAW,CAAA,CAAA;AAChF;;;;"}

package/components/AssetNameLabel/SecondaryAssetNameLabel.js

@@ -1 +1,23 @@
-import{__rest as s,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import r from"classnames";import{AssetNameLabel as t}from"./AssetNameLabel.js";import m from"./SecondaryAssetNameLable.styles.css.js";var a=function(a){var i=a.isColored,l=void 0===i||i,n=s(a,["isColored"]);return o(t,e({classes:{item:r(m.secondaryAsset,l&&m.secondaryAssetColor)}},n))};export{a as SecondaryAssetNameLabel};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import classNames from 'classnames';
+import { AssetNameLabel } from './AssetNameLabel.js';
+import styles from './SecondaryAssetNameLable.styles.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["isColored"];
+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 SecondaryAssetNameLabel = function SecondaryAssetNameLabel(props) {
+  var _props$isColored = props.isColored,
+    isColored = _props$isColored === void 0 ? true : _props$isColored,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/jsx(AssetNameLabel, _objectSpread({
+    classes: {
+      item: classNames(styles.secondaryAsset, isColored && styles.secondaryAssetColor)
+    }
+  }, otherProps));
+};
+
+export { SecondaryAssetNameLabel };
+//# sourceMappingURL=SecondaryAssetNameLabel.js.map

package/components/AssetNameLabel/SecondaryAssetNameLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryAssetNameLabel.js","sources":["../../../src/components/AssetNameLabel/SecondaryAssetNameLabel.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { AssetNameLabel } from './AssetNameLabel';\n\nimport styles from './SecondaryAssetNameLable.styles.css';\n\ninterface SecondaryAssetNameLabelProps {\n  assetName: string;\n  coordinatesPixelWidth?: number;\n  dataTestId: string;\n  href: string;\n  icon: JSX.Element;\n  isColored?: boolean;\n  pageName: string;\n}\n\nexport const SecondaryAssetNameLabel = (props: SecondaryAssetNameLabelProps): JSX.Element => {\n  const { isColored = true, ...otherProps } = props;\n\n  return (\n    <AssetNameLabel\n      classes={{\n        item: classNames(styles.secondaryAsset, isColored && styles.secondaryAssetColor),\n      }}\n      {...otherProps}\n    />\n  );\n};\n"],"names":["SecondaryAssetNameLabel","props","isColored","otherProps","_jsx","item","classNames","styles","secondaryAsset","secondaryAssetColor"],"mappings":";;;;;;;;;;IAgBaA,uBAAuB,GAAG,SAA1BA,uBAAuB,CAAIC,KAAmC,EAAkB;EAC3F,IAA4CA,gBAAAA,GAAAA,KAAK,CAAzCC,SAAS;AAATA,IAAAA,SAAS,iCAAG,IAAI,GAAA,gBAAA;AAAKC,IAAAA,UAAU,4BAAKF,KAAK,EAAA,SAAA,CAAA,CAAA;AAEjD,EAAA,oBACEG,IAAC,cAAc,EAAA,aAAA,CAAA;AACb,IAAA,OAAO,EAAE;MACPC,IAAI,EAAEC,UAAU,CAACC,MAAM,CAACC,cAAc,EAAEN,SAAS,IAAIK,MAAM,CAACE,mBAAmB,CAAA;AACjF,KAAA;AAAE,GAAA,EACEN,UAAU,CACd,CAAA,CAAA;AAEN;;;;"}

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

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var s={secondaryAsset:"SecondaryAssetNameLable-styles_secondaryAsset__K4OyY",secondaryAssetColor:"SecondaryAssetNameLable-styles_secondaryAssetColor__Q0Li9"};e(".SecondaryAssetNameLable-styles_secondaryAsset__K4OyY{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SecondaryAssetNameLable-styles_secondaryAssetColor__Q0Li9{stroke:#fff;background-color:#ca6bd2;color:#fff}.SecondaryAssetNameLable-styles_secondaryAssetColor__Q0Li9:hover{background-color:#d981e0}");export{s as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".SecondaryAssetNameLable-styles_secondaryAsset__K4OyY {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.SecondaryAssetNameLable-styles_secondaryAssetColor__Q0Li9 {\n  color: white;\n  background-color: #ca6bd2;\n  stroke: white;\n}\n\n.SecondaryAssetNameLable-styles_secondaryAssetColor__Q0Li9:hover {\n  background-color: #d981e0;\n}\n";
+var styles = {"secondaryAsset":"SecondaryAssetNameLable-styles_secondaryAsset__K4OyY","secondaryAssetColor":"SecondaryAssetNameLable-styles_secondaryAssetColor__Q0Li9"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=SecondaryAssetNameLable.styles.css.js.map

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

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