@corva/ui 3.1.0-rc.5 → 3.1.0

package/componentsV2/AppHeader/AppHeader.js

@@ -1,92 +1 @@
-import classNames from 'classnames';
-import { useMemo } from 'react';
-import { isEmpty } from 'lodash';
-import { Header } from '../Header/Header.js';
-import { TextEndTruncated } from '../TextEndTruncated/TextEndTruncated.js';
-import { getAppSegment } from '../../utils/devcenter.js';
-import { SEGMENTS } from '../../constants/segment.js';
-import { useAppCommons } from '../../components/DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js';
-import { AppBadge } from './AppBadge/AppBadge.js';
-import { AppAssets } from './AppAssets/AppAssets.js';
-import { PadMode } from './PadMode/PadMode.js';
-import { AppHeaderTestIds } from './AppHeader.constants.js';
-import styles from './AppHeader.scss.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var AppHeader = function AppHeader(_ref) {
-  var _app$package, _app$package$manifest, _app$package$manifest2;
-  var className = _ref.className,
-    testId = _ref.testId,
-    logo = _ref.logo,
-    children = _ref.children,
-    padModeDisabled = _ref.padModeDisabled,
-    padModeWells = _ref.padModeWells,
-    onPadModeChange = _ref.onPadModeChange,
-    elementsClassNames = _ref.elementsClassNames,
-    title = _ref.title;
-  var _useAppCommons = useAppCommons(),
-    app = _useAppCommons.app,
-    rig = _useAppCommons.rig,
-    well = _useAppCommons.well,
-    fracFleet = _useAppCommons.fracFleet,
-    contextWells = _useAppCommons.wells,
-    onSettingChange = _useAppCommons.onSettingChange,
-    _useAppCommons$appSet = _useAppCommons.appSettings,
-    appSettings = _useAppCommons$appSet === void 0 ? {} : _useAppCommons$appSet;
-  var wells = padModeWells || contextWells;
-  var segment = getAppSegment(app);
-  var appName = (app === null || app === void 0 ? void 0 : (_app$package = app.package) === null || _app$package === void 0 ? void 0 : (_app$package$manifest = _app$package.manifest) === null || _app$package$manifest === void 0 ? void 0 : (_app$package$manifest2 = _app$package$manifest.application) === null || _app$package$manifest2 === void 0 ? void 0 : _app$package$manifest2.name) || (app === null || app === void 0 ? void 0 : app.name);
-  var hasPadMode = !padModeDisabled && segment === SEGMENTS.COMPLETION && !well && !isEmpty(wells) && !!fracFleet;
-  var padModeChangeHandler = useMemo(function () {
-    if (onPadModeChange) {
-      return function (_key, value) {
-        return onPadModeChange(value);
-      };
-    }
-    return onSettingChange;
-  }, [onPadModeChange, onSettingChange]);
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(styles.root, className),
-    "data-testid": testId,
-    children: [/*#__PURE__*/jsxs(Header, {
-      className: classNames(styles.logoTitleBadgeContainer, elementsClassNames === null || elementsClassNames === void 0 ? void 0 : elementsClassNames.title),
-      appearance: "appName",
-      children: [logo && /*#__PURE__*/jsx("div", {
-        className: styles.logoContainer,
-        children: typeof logo === 'string' ? /*#__PURE__*/jsx("img", {
-          className: styles.logo,
-          src: logo,
-          alt: "Logo"
-        }) : logo
-      }), /*#__PURE__*/jsx(TextEndTruncated, {
-        className: styles.appName,
-        testId: AppHeaderTestIds.AppTitleTestId,
-        children: title || appName
-      }), /*#__PURE__*/jsx(AppBadge, {
-        app: app
-      })]
-    }), (children || hasPadMode) && /*#__PURE__*/jsxs("div", {
-      className: classNames(styles.additional, elementsClassNames === null || elementsClassNames === void 0 ? void 0 : elementsClassNames.additional),
-      children: [hasPadMode && /*#__PURE__*/jsx(PadMode, {
-        app: app,
-        appSettings: appSettings,
-        fracFleet: fracFleet,
-        onSettingChange: padModeChangeHandler,
-        well: well,
-        wells: wells
-      }), children]
-    }), /*#__PURE__*/jsx("div", {
-      className: classNames(styles.assetChips, elementsClassNames === null || elementsClassNames === void 0 ? void 0 : elementsClassNames.chips),
-      children: /*#__PURE__*/jsx(AppAssets, {
-        app: app,
-        fracFleet: fracFleet,
-        rig: rig,
-        well: well,
-        forceNarrow: hasPadMode || !!children
-      })
-    })]
-  });
-};
-
-export { AppHeader };
-//# sourceMappingURL=AppHeader.js.map
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import t from"classnames";import{useMemo as a}from"react";import{isEmpty as r}from"lodash";import{Header as s}from"../Header/Header.js";import{TextEndTruncated as n}from"../TextEndTruncated/TextEndTruncated.js";import{getAppSegment as i}from"../../utils/devcenter.js";import{SEGMENTS as l}from"../../constants/segment.js";import{useAppCommons as p}from"../../components/DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js";import{AppBadge as d}from"./AppBadge/AppBadge.js";import{AppAssets as m}from"./AppAssets/AppAssets.js";import{PadMode as c}from"./PadMode/PadMode.js";import{AppHeaderTestIds as f}from"./AppHeader.constants.js";import g from"./AppHeader.scss.js";var v=function(v){var u,C,h,N=v.className,A=v.testId,j=v.logo,T=v.children,w=v.padModeDisabled,M=v.padModeWells,x=v.onPadModeChange,H=v.elementsClassNames,I=v.title,P=p(),S=P.app,B=P.rig,D=P.well,E=P.fracFleet,F=P.wells,L=P.onSettingChange,O=P.appSettings,b=void 0===O?{}:O,k=M||F,y=i(S),W=(null===(h=null===(C=null===(u=null==S?void 0:S.package)||void 0===u?void 0:u.manifest)||void 0===C?void 0:C.application)||void 0===h?void 0:h.name)||(null==S?void 0:S.name),q=!(w||y!==l.COMPLETION||D||r(k)||!E),z=a((function(){return x?function(e,o){return x(o)}:L}),[x,L]);return e("div",{className:t(g.root,N),"data-testid":A,children:[e(s,{className:t(g.logoTitleBadgeContainer,null==H?void 0:H.title),appearance:"appName",children:[j&&o("div",{className:g.logoContainer,children:"string"==typeof j?o("img",{className:g.logo,src:j,alt:"Logo"}):j}),o(n,{className:g.appName,testId:f.AppTitleTestId,children:I||W}),o(d,{app:S})]}),(T||q)&&e("div",{className:t(g.additional,null==H?void 0:H.additional),children:[q&&o(c,{app:S,appSettings:b,fracFleet:E,onSettingChange:z,well:D,wells:k}),T]}),o("div",{className:t(g.assetChips,null==H?void 0:H.chips),children:o(m,{app:S,fracFleet:E,rig:B,well:D,forceNarrow:q||!!T})})]})};export{v as AppHeader};

package/componentsV2/AppHeader/AppHeader.scss.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.AppHeader_root__L2ZJn {\n  min-height: 48px;\n  padding: 6px 0px;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  gap: 0px 16px;\n  overflow: hidden;\n  width: 100%;\n}\n.AppHeader_additional__HfJ0I {\n  min-height: 36px;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  gap: 0px 16px;\n  flex-shrink: 0;\n}\n.AppHeader_assetChips__lw1JE {\n  display: flex;\n  flex: 0 0 auto;\n  flex-flow: row nowrap;\n  gap: 8px;\n}\n.AppHeader_logoTitleBadgeContainer__ZgPMc {\n  display: flex;\n  align-items: center;\n  align-self: center;\n  overflow: hidden;\n  margin-right: auto;\n}\n.AppHeader_logoContainer__-NKcR {\n  position: relative;\n  padding-right: 24px;\n}\n.AppHeader_logoContainer__-NKcR:after {\n  content: \"\";\n  position: absolute;\n  right: 12px;\n  top: 50%;\n  margin-top: -8px;\n  height: 16px;\n  border-left: 1px solid var(--palette-primary-text-6);\n}\n.AppHeader_logo__YCXlz {\n  display: block;\n  max-height: 36px;\n  max-width: 130px;\n}\n.AppHeader_appName__eN0UK {\n  margin-right: 4px;\n}\n@container CorvaUI-AppContainer-root (max-width: 599px) {\n  .AppHeader_root__L2ZJn {\n    flex-wrap: wrap;\n  }\n  .AppHeader_additional__HfJ0I {\n    order: 10;\n    flex-basis: 100%;\n  }\n  .AppHeader_logoTitleBadgeContainer__ZgPMc {\n    flex: 1 1 1px;\n  }\n}";
-var styles = {"spacing":"8","root":"AppHeader_root__L2ZJn","additional":"AppHeader_additional__HfJ0I","assetChips":"AppHeader_assetChips__lw1JE","logoTitleBadgeContainer":"AppHeader_logoTitleBadgeContainer__ZgPMc","logoContainer":"AppHeader_logoContainer__-NKcR","logo":"AppHeader_logo__YCXlz","appName":"AppHeader_appName__eN0UK"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=AppHeader.scss.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var a={spacing:"8",root:"AppHeader_root__L2ZJn",additional:"AppHeader_additional__HfJ0I",assetChips:"AppHeader_assetChips__lw1JE",logoTitleBadgeContainer:"AppHeader_logoTitleBadgeContainer__ZgPMc",logoContainer:"AppHeader_logoContainer__-NKcR",logo:"AppHeader_logo__YCXlz",appName:"AppHeader_appName__eN0UK"};e('.AppHeader_root__L2ZJn{min-height:48px;overflow:hidden;padding:6px 0;width:100%}.AppHeader_additional__HfJ0I,.AppHeader_root__L2ZJn{align-items:center;display:flex;flex-flow:row nowrap;gap:0 16px}.AppHeader_additional__HfJ0I{flex-shrink:0;min-height:36px}.AppHeader_assetChips__lw1JE{display:flex;flex:0 0 auto;flex-flow:row nowrap;gap:8px}.AppHeader_logoTitleBadgeContainer__ZgPMc{align-items:center;align-self:center;display:flex;margin-right:auto;overflow:hidden}.AppHeader_logoContainer__-NKcR{padding-right:24px;position:relative}.AppHeader_logoContainer__-NKcR:after{border-left:1px solid var(--palette-primary-text-6);content:"";height:16px;margin-top:-8px;position:absolute;right:12px;top:50%}.AppHeader_logo__YCXlz{display:block;max-height:36px;max-width:130px}.AppHeader_appName__eN0UK{margin-right:4px}@container CorvaUI-AppContainer-root (max-width: 599px){.AppHeader_root__L2ZJn{flex-wrap:wrap}.AppHeader_additional__HfJ0I{flex-basis:100%;order:10}.AppHeader_logoTitleBadgeContainer__ZgPMc{flex:1 1 1px}}');export{a as default};

package/componentsV2/AppHeader/PadMode/PadMode.scss.js

@@ -1,8 +1 @@
-import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.PadMode_formField__PoQSi {\n  padding: 0 !important;\n  max-width: 150px !important;\n  margin-left: 0 !important;\n}\n.PadMode_formField__PoQSi .MuiSelect-root {\n  padding-right: 20px !important;\n}\n.PadMode_activeAsset__FsXa2 {\n  display: flex;\n  flex-flow: row nowrap;\n  gap: 4px;\n  align-items: center;\n  flex: 1 0 auto;\n}\n.PadMode_activeAssetName__dfsH6 {\n  max-width: 100px;\n  text-align: right;\n}\n@container CorvaUI-AppContainer-root (max-width: 599px) {\n  .PadMode_activeAsset__FsXa2 {\n    flex: 0 0 auto;\n  }\n  .PadMode_activeAssetName__dfsH6 {\n    max-width: 68px;\n  }\n}";
-var styles = {"spacing":"8","formField":"PadMode_formField__PoQSi","activeAsset":"PadMode_activeAsset__FsXa2","activeAssetName":"PadMode_activeAssetName__dfsH6"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=PadMode.scss.js.map
+import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",formField:"PadMode_formField__PoQSi",activeAsset:"PadMode_activeAsset__FsXa2",activeAssetName:"PadMode_activeAssetName__dfsH6"};e(".PadMode_formField__PoQSi{margin-left:0!important;max-width:150px!important;padding:0!important}.PadMode_formField__PoQSi .MuiSelect-root{padding-right:20px!important}.PadMode_activeAsset__FsXa2{align-items:center;display:flex;flex:1 0 auto;flex-flow:row nowrap;gap:4px}.PadMode_activeAssetName__dfsH6{max-width:100px;text-align:right}@container CorvaUI-AppContainer-root (max-width: 599px){.PadMode_activeAsset__FsXa2{flex:0 0 auto}.PadMode_activeAssetName__dfsH6{max-width:68px}}");export{t as default};

package/componentsV2/Avatar/Avatar.js

@@ -1,42 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { forwardRef, useMemo } from 'react';
-import classNames from 'classnames';
-import { getFontSize, getColor } from './constants.js';
-import styles from './Avatar.scss.js';
-import utils from '../../utils/main.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["testId", "className", "name", "size", "imageSrc"];
-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 Avatar = forwardRef(function (_ref, ref) {
-  var testId = _ref.testId,
-    className = _ref.className,
-    name = _ref.name,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 40 : _ref$size,
-    imageSrc = _ref.imageSrc,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var inlineStyles = useMemo(function () {
-    return {
-      width: "".concat(size, "px"),
-      height: "".concat(size, "px"),
-      fontSize: "".concat(getFontSize(size), "px"),
-      lineHeight: "".concat(size, "px"),
-      backgroundColor: getColor(name),
-      backgroundImage: imageSrc ? "url(".concat(imageSrc, ")") : undefined,
-      color: imageSrc ? 'transparent' : undefined
-    };
-  }, [size, imageSrc, name]);
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, rest), {}, {
-    ref: ref,
-    className: classNames(styles.root, className),
-    "data-testid": testId,
-    style: inlineStyles,
-    children: name && utils.getNameInitials(name)
-  }));
-});
-
-export { Avatar };
-//# sourceMappingURL=Avatar.js.map
+import{__rest as t,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r}from"react/jsx-runtime";import{forwardRef as a,useMemo as e}from"react";import s from"classnames";import{getFontSize as i,getColor as m}from"./constants.js";import n from"./Avatar.scss.js";import c from"../../utils/main.js";var l=a((function(a,l){var d=a.testId,p=a.className,f=a.name,u=a.size,g=void 0===u?40:u,v=a.imageSrc,x=t(a,["testId","className","name","size","imageSrc"]),h=e((function(){return{width:"".concat(g,"px"),height:"".concat(g,"px"),fontSize:"".concat(i(g),"px"),lineHeight:"".concat(g,"px"),backgroundColor:m(f),backgroundImage:v?"url(".concat(v,")"):void 0,color:v?"transparent":void 0}}),[g,v,f]);return r("div",o({},x,{ref:l,className:s(n.root,p),"data-testid":d,style:h,children:f&&c.getNameInitials(f)}))}));export{l as Avatar};

package/componentsV2/Avatar/Avatar.scss.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.Avatar_root__PE6dQ {\n  display: inline-block;\n  vertical-align: middle;\n  text-align: center;\n  border-radius: 50%;\n  background-position: center center;\n  background-size: cover;\n  font-weight: 500;\n  color: var(--palette-primary-text-1);\n  user-select: none;\n}";
-var styles = {"spacing":"8","root":"Avatar_root__PE6dQ"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=Avatar.scss.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"Avatar_root__PE6dQ"};e(".Avatar_root__PE6dQ{background-position:50%;background-size:cover;border-radius:50%;color:var(--palette-primary-text-1);display:inline-block;font-weight:500;text-align:center;user-select:none;vertical-align:middle}");export{t as default};

package/componentsV2/Avatar/constants.js

@@ -1,63 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import utils from '../../utils/main.js';
-
-var ColorsArray = ['#5F47A4', '#9078C8', '#DC74FD', '#F695B5', '#CB4F4F', '#896F65', '#F3AE96', '#EE7850', '#DDAE67', '#A6CA72', '#62893D', '#91C9C4', '#38818D', '#77B5F1', '#3F4C99', '#919DA4'];
-var getColor = function getColor() {
-  var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var numberHash = Math.abs(utils.hashCode(name));
-  return ColorsArray[numberHash % ColorsArray.length];
-};
-var SizeToFontSizeMap = {
-  0: 0,
-  24: 12,
-  32: 14,
-  40: 16,
-  48: 20,
-  128: 64,
-  200: 80
-};
-var sizesArray = Object.entries(SizeToFontSizeMap).map(function (_ref) {
-  var _ref2 = _slicedToArray(_ref, 2),
-    size = _ref2[0],
-    fontSize = _ref2[1];
-  return [Number(size), fontSize];
-})
-// No need for a copy: we create a new array each time this runs.
-// Can't use `toSorted` yet because it breaks tests which are run in node@18 which has a seizure when it sees toSorted
-// TODO use `toSorted` when we upgrade to a fresher node
-.sort(function (a, b) {
-  return a[0] - b[0];
-})
-// Each element is a pair of numbers: 0 - avatarSize, 1 - corresponding fontSize. Converting to object
-.map(function (_ref3) {
-  var _ref4 = _slicedToArray(_ref3, 2),
-    size = _ref4[0],
-    fontSize = _ref4[1];
-  return {
-    size: size,
-    fontSize: fontSize
-  };
-});
-var getFontSize = function getFontSize(avatarSize) {
-  if (SizeToFontSizeMap[avatarSize]) {
-    return SizeToFontSizeMap[avatarSize];
-  }
-  var index = sizesArray.findIndex(function (_ref5, index, arr) {
-    var size = _ref5.size;
-    return avatarSize > size && index < arr.length - 1 && avatarSize < arr[index + 1].size;
-  });
-
-  // Less than the smallest known size, or larger than the largest
-  if (index < 0) {
-    return avatarSize < sizesArray[0].size ? sizesArray[0].fontSize : sizesArray.slice(-1)[0].fontSize;
-  }
-
-  // Otherwise - progressive from bottomLimit to upperLimit
-  var bottomLimit = sizesArray[index];
-  var upperLimit = sizesArray[index + 1];
-  var ratio = (avatarSize - bottomLimit.size) / (upperLimit.size - bottomLimit.size);
-  return bottomLimit.fontSize + (upperLimit.fontSize - bottomLimit.fontSize) * ratio;
-};
-
-export { ColorsArray, SizeToFontSizeMap, getColor, getFontSize };
-//# sourceMappingURL=constants.js.map
+import n from"../../utils/main.js";var e=["#5F47A4","#9078C8","#DC74FD","#F695B5","#CB4F4F","#896F65","#F3AE96","#EE7850","#DDAE67","#A6CA72","#62893D","#91C9C4","#38818D","#77B5F1","#3F4C99","#919DA4"],t=function(t){void 0===t&&(t="");var i=Math.abs(n.hashCode(t));return e[i%e.length]},i={0:0,24:12,32:14,40:16,48:20,128:64,200:80},r=Object.entries(i).map((function(n){var e=n[0],t=n[1];return[Number(e),t]})).sort((function(n,e){return n[0]-e[0]})).map((function(n){return{size:n[0],fontSize:n[1]}})),o=function(n){if(i[n])return i[n];var e=r.findIndex((function(e,t,i){var r=e.size;return n>r&&t<i.length-1&&n<i[t+1].size}));if(e<0)return n<r[0].size?r[0].fontSize:r.slice(-1)[0].fontSize;var t=r[e],o=r[e+1],f=(n-t.size)/(o.size-t.size);return t.fontSize+(o.fontSize-t.fontSize)*f};export{e as ColorsArray,i as SizeToFontSizeMap,t as getColor,o as getFontSize};

package/componentsV2/AvatarGroup/AvatarGroup.js

@@ -1,52 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import classNames from 'classnames';
-import { useMemo, createElement } from 'react';
-import { Avatar } from '../Avatar/Avatar.js';
-import { getFontSize } from '../Avatar/constants.js';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import styles from './AvatarGroup.scss.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-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 AvatarGroup = function AvatarGroup(_ref) {
-  var testId = _ref.testId,
-    className = _ref.className,
-    _ref$max = _ref.max,
-    max = _ref$max === void 0 ? 5 : _ref$max,
-    _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 40 : _ref$size,
-    disableTooltips = _ref.disableTooltips;
-  var actualMax = max < 1 ? 1 : max;
-  var inlineStyles = useMemo(function () {
-    return {
-      '--size': "".concat(size, "px"),
-      fontSize: "".concat(getFontSize(size), "px")
-    };
-  }, [size]);
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(className, styles.root),
-    "data-testid": testId,
-    style: inlineStyles,
-    children: [items.slice(0, actualMax).map(function (avatarProps, index) {
-      var avatar = /*#__PURE__*/createElement(Avatar, _objectSpread(_objectSpread({}, avatarProps), {}, {
-        size: size,
-        key: index,
-        className: classNames(styles.masked, avatarProps.className)
-      }));
-      return /*#__PURE__*/jsx(Tooltip, {
-        title: avatarProps.name,
-        disabled: disableTooltips,
-        children: avatar
-      }, index);
-    }), items.length > actualMax && /*#__PURE__*/jsxs("div", {
-      className: classNames(styles.masked, styles.more),
-      children: ["+", items.length - actualMax]
-    })]
-  });
-};
-
-export { AvatarGroup };
-//# sourceMappingURL=AvatarGroup.js.map
+import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as s,jsx as o}from"react/jsx-runtime";import{useMemo as r,createElement as e}from"react";import a from"classnames";import{Avatar as i}from"../Avatar/Avatar.js";import{getFontSize as m}from"../Avatar/constants.js";import{Tooltip as n}from"../Tooltip/Tooltip.js";import l from"./AvatarGroup.scss.js";var c=function(c){var d=c.testId,p=c.className,f=c.max,v=void 0===f?5:f,u=c.items,j=void 0===u?[]:u,h=c.size,x=void 0===h?40:h,N=c.disableTooltips,b=v<1?1:v,z=r((function(){return{"--size":"".concat(x,"px"),fontSize:"".concat(m(x),"px")}}),[x]);return s("div",{className:a(p,l.root),"data-testid":d,style:z,children:[j.slice(0,b).map((function(s,r){var m=e(i,t({},s,{size:x,key:r,className:a(l.masked,s.className)}));return o(n,{title:s.name,disabled:N,children:m},r)})),j.length>b&&s("div",{className:a(l.masked,l.more),children:["+",j.length-b]})]})};export{c as AvatarGroup};

package/componentsV2/AvatarGroup/AvatarGroup.scss.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.AvatarGroup_root__f26bg {\n  display: inline-flex;\n  flex-flow: row nowrap;\n  align-items: center;\n}\n.AvatarGroup_masked__eVVHr {\n  position: relative;\n}\n.AvatarGroup_masked__eVVHr:not(:first-child) {\n  margin-left: -8px;\n}\n.AvatarGroup_masked__eVVHr:not(:last-child) {\n  mask: radial-gradient(calc(var(--size) / 2 + 1px) at calc(100% + var(--size) / 2 - 8px) 50%, rgba(0, 0, 0, 0) 98%, #000);\n}\n.AvatarGroup_more__Qg2Si {\n  width: var(--size);\n  height: var(--size);\n  border-radius: 50%;\n  background: var(--palette-background-b-9);\n  color: var(--palette-primary-text-6);\n  text-align: center;\n  font-weight: 500;\n  line-height: var(--size);\n}";
-var styles = {"spacing":"8","root":"AvatarGroup_root__f26bg","masked":"AvatarGroup_masked__eVVHr","more":"AvatarGroup_more__Qg2Si"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=AvatarGroup.scss.js.map
+import r from'./../../ext-esm/style-inject/dist/style-inject.es.js';var a={spacing:"8",root:"AvatarGroup_root__f26bg",masked:"AvatarGroup_masked__eVVHr",more:"AvatarGroup_more__Qg2Si"};r(".AvatarGroup_root__f26bg{align-items:center;display:inline-flex;flex-flow:row nowrap}.AvatarGroup_masked__eVVHr{position:relative}.AvatarGroup_masked__eVVHr:not(:first-child){margin-left:-8px}.AvatarGroup_masked__eVVHr:not(:last-child){mask:radial-gradient(calc(var(--size)/2 + 1px) at calc(100% + var(--size)/2 - 8px) 50%,transparent 98%,#000)}.AvatarGroup_more__Qg2Si{background:var(--palette-background-b-9);border-radius:50%;color:var(--palette-primary-text-6);font-weight:500;height:var(--size);line-height:var(--size);text-align:center;width:var(--size)}");export{a as default};

package/componentsV2/BadgeBase/BadgeBase.scss.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.BadgeBase_root__VFvXg {\n  display: inline-flex;\n  vertical-align: middle;\n  position: relative;\n}\n.BadgeBase_masked__dQ6zI {\n  display: inline-flex;\n  width: 100%;\n  mask: radial-gradient(calc(var(--radius) + 2px) at calc(100% + var(--shift-x)) calc(0% - var(--shift-y)), rgba(0, 0, 0, 0) 98%, #000);\n}\n.BadgeBase_badge__FQLO8 {\n  position: absolute;\n  left: calc(100% + var(--shift-x) - var(--radius));\n  bottom: calc(100% + var(--shift-y) - var(--radius));\n}";
-var badgeBaseStyles = {"spacing":"8","root":"BadgeBase_root__VFvXg","masked":"BadgeBase_masked__dQ6zI","badge":"BadgeBase_badge__FQLO8"};
-styleInject(css_248z);
-
-export { badgeBaseStyles as default };
-//# sourceMappingURL=BadgeBase.scss.js.map
+import a from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",root:"BadgeBase_root__VFvXg",masked:"BadgeBase_masked__dQ6zI",badge:"BadgeBase_badge__FQLO8"};a(".BadgeBase_root__VFvXg{display:inline-flex;position:relative;vertical-align:middle}.BadgeBase_masked__dQ6zI{display:inline-flex;mask:radial-gradient(calc(var(--radius) + 2px) at calc(100% + var(--shift-x)) calc(0% - var(--shift-y)),transparent 98%,#000);width:100%}.BadgeBase_badge__FQLO8{bottom:calc(100% + var(--shift-y) - var(--radius));left:calc(100% + var(--shift-x) - var(--radius));position:absolute}");export{e as default};

package/componentsV2/BadgeComment/BadgeComment.js

@@ -1,29 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-import { BadgeIcon } from './BadgeIcon.js';
-import styles from './BadgeComment.scss.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _excluded = ["testId", "className", "children"];
-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 BadgeComment = forwardRef(function (_ref, ref) {
-  var testId = _ref.testId,
-    className = _ref.className,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
-    "data-testid": testId,
-    className: classNames(styles.root, className),
-    ref: ref
-  }, rest), {}, {
-    children: [/*#__PURE__*/jsx(BadgeIcon, {
-      className: styles.icon
-    }), children]
-  }));
-});
-
-export { BadgeComment };
-//# sourceMappingURL=BadgeComment.js.map
+import{__rest as r,__assign as s}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as m}from"react";import o from"classnames";import{BadgeIcon as a}from"./BadgeIcon.js";import i from"./BadgeComment.scss.js";var c=m((function(m,c){var d=m.testId,n=m.className,l=m.children,f=r(m,["testId","className","children"]);return e("div",s({"data-testid":d,className:o(i.root,n),ref:c},f,{children:[t(a,{className:i.icon}),l]}))}));export{c as BadgeComment};

package/componentsV2/BadgeComment/BadgeComment.scss.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".BadgeComment_root__Ycu1w {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.BadgeComment_icon__Nnmy- {\n  position: absolute;\n  inset: -3px -3px auto auto;\n  width: 14px !important;\n  height: 14px !important;\n}";
-var styles = {"root":"BadgeComment_root__Ycu1w","icon":"BadgeComment_icon__Nnmy-"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=BadgeComment.scss.js.map
+import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={root:"BadgeComment_root__Ycu1w",icon:"BadgeComment_icon__Nnmy-"};t(".BadgeComment_root__Ycu1w{align-items:center;display:inline-flex;justify-content:center;position:relative}.BadgeComment_icon__Nnmy-{height:14px!important;inset:-3px -3px auto auto;position:absolute;width:14px!important}");export{e as default};

package/componentsV2/BadgeComment/BadgeIcon.js

@@ -1,25 +1 @@
-import { memo } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var BadgeIcon = memo(function (_ref) {
-  var className = _ref.className;
-  return /*#__PURE__*/jsxs("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: className,
-    children: [/*#__PURE__*/jsx("path", {
-      d: "M13.0997 14.0765L13.1233 14.0918L13.1484 14.1043C13.1626 14.1114 13.1765 14.1192 13.1989 14.1321C13.2006 14.1331 13.2025 14.1342 13.2045 14.1354C13.224 14.1467 13.257 14.1657 13.2912 14.1829C13.3832 14.2288 13.503 14.2714 13.6577 14.2714C13.6609 14.2714 13.6644 14.2714 13.668 14.2714C13.7169 14.2715 13.7976 14.2716 13.8828 14.2574C13.9865 14.2401 14.0774 14.2063 14.167 14.1614L14.1949 14.1475L14.2208 14.1303C14.5074 13.9391 14.7291 13.6225 14.7291 13.1999V4.91423C14.7291 3.15237 13.3053 1.72852 11.5434 1.72852H4.40056C2.6387 1.72852 1.21484 3.15237 1.21484 4.91423V8.85709C1.21484 10.6189 2.6387 12.0428 4.40056 12.0428H9.96679L13.0997 14.0765Z",
-      fill: "#03BCD4",
-      stroke: "#212121"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M10.4 7.6H8.6V9.4C8.6 9.73 8.33 10 8 10C7.67 10 7.4 9.73 7.4 9.4V7.6H5.6C5.27 7.6 5 7.33 5 7C5 6.67 5.27 6.4 5.6 6.4H7.4V4.6C7.4 4.27 7.67 4 8 4C8.33 4 8.6 4.27 8.6 4.6V6.4H10.4C10.73 6.4 11 6.67 11 7C11 7.33 10.73 7.6 10.4 7.6Z",
-      fill: "#212121"
-    })]
-  });
-});
-
-export { BadgeIcon };
-//# sourceMappingURL=BadgeIcon.js.map
+import{jsxs as C,jsx as r}from"react/jsx-runtime";import{memo as t}from"react";var e=t((function(t){var e=t.className;return C("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:[r("path",{d:"M13.0997 14.0765L13.1233 14.0918L13.1484 14.1043C13.1626 14.1114 13.1765 14.1192 13.1989 14.1321C13.2006 14.1331 13.2025 14.1342 13.2045 14.1354C13.224 14.1467 13.257 14.1657 13.2912 14.1829C13.3832 14.2288 13.503 14.2714 13.6577 14.2714C13.6609 14.2714 13.6644 14.2714 13.668 14.2714C13.7169 14.2715 13.7976 14.2716 13.8828 14.2574C13.9865 14.2401 14.0774 14.2063 14.167 14.1614L14.1949 14.1475L14.2208 14.1303C14.5074 13.9391 14.7291 13.6225 14.7291 13.1999V4.91423C14.7291 3.15237 13.3053 1.72852 11.5434 1.72852H4.40056C2.6387 1.72852 1.21484 3.15237 1.21484 4.91423V8.85709C1.21484 10.6189 2.6387 12.0428 4.40056 12.0428H9.96679L13.0997 14.0765Z",fill:"#03BCD4",stroke:"#212121"}),r("path",{d:"M10.4 7.6H8.6V9.4C8.6 9.73 8.33 10 8 10C7.67 10 7.4 9.73 7.4 9.4V7.6H5.6C5.27 7.6 5 7.33 5 7C5 6.67 5.27 6.4 5.6 6.4H7.4V4.6C7.4 4.27 7.67 4 8 4C8.33 4 8.6 4.27 8.6 4.6V6.4H10.4C10.73 6.4 11 6.67 11 7C11 7.33 10.73 7.6 10.4 7.6Z",fill:"#212121"})]})}));export{e as BadgeIcon};

package/componentsV2/BadgeCounter/BadgeCounter.js

@@ -1,46 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import classNames from 'classnames';
-import { Counter } from '../Counter/Counter.js';
-import { BadgeBase } from '../BadgeBase/BadgeBase.js';
-import badgeBaseStyles from '../BadgeBase/BadgeBase.scss.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["max", "type", "testId", "className", "children", "count", "badgeClassName", "offsetX", "offsetY"];
-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 BadgeCounter = function BadgeCounter(_ref) {
-  var _ref$max = _ref.max,
-    max = _ref$max === void 0 ? Infinity : _ref$max,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    testId = _ref.testId,
-    className = _ref.className,
-    children = _ref.children,
-    count = _ref.count,
-    badgeClassName = _ref.badgeClassName,
-    _ref$offsetX = _ref.offsetX,
-    offsetX = _ref$offsetX === void 0 ? -1 : _ref$offsetX,
-    _ref$offsetY = _ref.offsetY,
-    offsetY = _ref$offsetY === void 0 ? 0 : _ref$offsetY,
-    injectedProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsx(BadgeBase, _objectSpread(_objectSpread({
-    badge: /*#__PURE__*/jsx(Counter, {
-      count: count,
-      max: max,
-      type: type,
-      className: classNames(badgeBaseStyles.badge, badgeBaseStyles.badgeShadow, badgeClassName),
-      size: "small"
-    }),
-    className: className,
-    testId: testId,
-    offsetX: offsetX,
-    offsetY: offsetY,
-    badgeHeight: 16
-  }, injectedProps), {}, {
-    children: children
-  }));
-};
-
-export { BadgeCounter };
-//# sourceMappingURL=BadgeCounter.js.map
+import{__rest as e,__assign as s}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as a}from"react/jsx-runtime";import t from"classnames";import{Counter as o}from"../Counter/Counter.js";import{BadgeBase as m}from"../BadgeBase/BadgeBase.js";import d from"../BadgeBase/BadgeBase.scss.js";var r=function(r){var f=r.max,i=void 0===f?1/0:f,l=r.type,c=void 0===l?"default":l,n=r.testId,g=r.className,p=r.children,u=r.count,b=r.badgeClassName,B=r.offsetX,v=void 0===B?-1:B,N=r.offsetY,h=void 0===N?0:N,j=e(r,["max","type","testId","className","children","count","badgeClassName","offsetX","offsetY"]);return a(m,s({badge:a(o,{count:u,max:i,type:c,className:t(d.badge,d.badgeShadow,b),size:"small"}),className:g,testId:n,offsetX:v,offsetY:h,badgeHeight:16},j,{children:p}))};export{r as BadgeCounter};

package/componentsV2/BadgeDot/BadgeDot.js

@@ -1,39 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import classNames from 'classnames';
-import { BadgeBase } from '../BadgeBase/BadgeBase.js';
-import badgeBaseStyles from '../BadgeBase/BadgeBase.scss.js';
-import styles from './BadgeDot.scss.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["badgeClassName", "className", "testId", "children", "offsetX", "offsetY"];
-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 BadgeDot = function BadgeDot(_ref) {
-  var badgeClassName = _ref.badgeClassName,
-    className = _ref.className,
-    testId = _ref.testId,
-    children = _ref.children,
-    _ref$offsetX = _ref.offsetX,
-    offsetX = _ref$offsetX === void 0 ? -3 : _ref$offsetX,
-    _ref$offsetY = _ref.offsetY,
-    offsetY = _ref$offsetY === void 0 ? -2 : _ref$offsetY,
-    injectedProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsx(BadgeBase, _objectSpread(_objectSpread({
-    className: className,
-    testId: testId
-    // badgeBaseStyles.badge class adds positioning
-    ,
-    badge: /*#__PURE__*/jsx("div", {
-      className: classNames(styles.badge, badgeBaseStyles.badge, badgeClassName)
-    }),
-    offsetX: offsetX,
-    offsetY: offsetY,
-    badgeHeight: 8
-  }, injectedProps), {}, {
-    children: children
-  }));
-};
-
-export { BadgeDot };
-//# sourceMappingURL=BadgeDot.js.map
+import{__rest as s,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as a}from"react/jsx-runtime";import t from"classnames";import{BadgeBase as o}from"../BadgeBase/BadgeBase.js";import d from"../BadgeBase/BadgeBase.scss.js";import r from"./BadgeDot.scss.js";var m=function(m){var f=m.badgeClassName,i=m.className,l=m.testId,c=m.children,g=m.offsetX,n=void 0===g?-3:g,B=m.offsetY,b=void 0===B?-2:B,p=s(m,["badgeClassName","className","testId","children","offsetX","offsetY"]);return a(o,e({className:i,testId:l,badge:a("div",{className:t(r.badge,d.badge,f)}),offsetX:n,offsetY:b,badgeHeight:8},p,{children:c}))};export{m as BadgeDot};

package/componentsV2/BadgeDot/BadgeDot.scss.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.BadgeDot_badge__z20Lu {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--palette-error-main);\n}";
-var styles = {"spacing":"8","badge":"BadgeDot_badge__z20Lu"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=BadgeDot.scss.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var a={spacing:"8",badge:"BadgeDot_badge__z20Lu"};e(".BadgeDot_badge__z20Lu{background:var(--palette-error-main);border-radius:50%;height:8px;width:8px}");export{a as default};

package/componentsV2/Breadcrumbs/Breadcrumbs.js

@@ -1,73 +1 @@
-import classNames from 'classnames';
-import { Fragment } from 'react';
-import styles from './Breadcrumbs.scss.js';
-import { LeftIcon } from '../../icons/iconParkIcons.js';
-import '../../icons/customIcons/icons/AddMessage.js';
-import '../../icons/customIcons/icons/Attention.js';
-import '../../icons/customIcons/icons/Collapse.js';
-import '../../icons/customIcons/icons/Dashboard.js';
-import '../../icons/customIcons/icons/Expand.js';
-import '../../icons/customIcons/icons/FolderClosed.js';
-import '../../icons/customIcons/icons/FolderClosedFilled.js';
-import '../../icons/customIcons/icons/FolderOpened.js';
-import '../../icons/customIcons/icons/GreaterOrEqual.js';
-import '../../icons/customIcons/icons/LessOrEqual.js';
-import '../../icons/customIcons/icons/Search.js';
-import '../../icons/customIcons/icons/Wellhub.js';
-import '../../icons/customIcons/icons/MultiRuler.js';
-import '../../icons/customIcons/icons/Checkbox.js';
-import '../../icons/customIcons/icons/CheckboxChecked.js';
-import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
-import '../../icons/customIcons/icons/Radio.js';
-import '../../icons/customIcons/icons/RadioChecked.js';
-import '../../icons/customIcons/icons/SimulFrac.js';
-import '../../icons/customIcons/icons/ZipperFrac.js';
-import '../../icons/customIcons/icons/CautionFilled.js';
-import '../../icons/customIcons/icons/MoreApp.js';
-import '../../icons/customIcons/icons/Pad.js';
-import '../../icons/customIcons/icons/Gap.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var Breadcrumbs = function Breadcrumbs(_ref) {
-  var showBackIcon = _ref.showBackIcon,
-    testId = _ref.testId,
-    items = _ref.items,
-    className = _ref.className,
-    onItemClick = _ref.onItemClick,
-    activeIndex = _ref.activeIndex;
-  return /*#__PURE__*/jsxs("nav", {
-    className: classNames(styles.root, className),
-    "data-testid": testId,
-    children: [showBackIcon && items.length > 0 && /*#__PURE__*/jsx("span", {
-      className: styles.item,
-      onClick: function onClick() {
-        var _items$;
-        return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(items === null || items === void 0 ? void 0 : (_items$ = items[0]) === null || _items$ === void 0 ? void 0 : _items$.to);
-      },
-      children: /*#__PURE__*/jsx(LeftIcon, {
-        size: 16
-      })
-    }), items.map(function (_ref2, index) {
-      var itemClassName = _ref2.className,
-        testId = _ref2.testId,
-        title = _ref2.title,
-        to = _ref2.to;
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [index > 0 && /*#__PURE__*/jsx("div", {
-          className: styles.separator,
-          children: "/"
-        }), /*#__PURE__*/jsx("span", {
-          className: classNames(styles.item, index === activeIndex && styles.active, itemClassName),
-          "data-testid": testId,
-          onClick: function onClick() {
-            return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(to);
-          },
-          children: title
-        })]
-      }, index);
-    })]
-  });
-};
-
-export { Breadcrumbs };
-//# sourceMappingURL=Breadcrumbs.js.map
+import{jsxs as o,jsx as s}from"react/jsx-runtime";import c from"classnames";import{Fragment as i}from"react";import n from"./Breadcrumbs.scss.js";import{LeftIcon as t}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";var r=function(r){var m=r.showBackIcon,e=r.testId,a=r.items,u=r.className,l=r.onItemClick,p=r.activeIndex;return o("nav",{className:c(n.root,u),"data-testid":e,children:[m&&a.length>0&&s("span",{className:n.item,onClick:function(){var o;return null==l?void 0:l(null===(o=null==a?void 0:a[0])||void 0===o?void 0:o.to)},children:s(t,{size:16})}),a.map((function(t,r){var m=t.className,e=t.testId,a=t.title,u=t.to;return o(i,{children:[r>0&&s("div",{className:n.separator,children:"/"}),s("span",{className:c(n.item,r===p&&n.active,m),"data-testid":e,onClick:function(){return null==l?void 0:l(u)},children:a})]},r)}))]})};export{r as Breadcrumbs};

package/componentsV2/Breadcrumbs/Breadcrumbs.scss.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.Breadcrumbs_root__zyXnH {\n  display: flex;\n  align-items: center;\n  color: var(--palette-primary-text-6);\n  gap: 8px;\n  font-size: 13px;\n  min-height: 16px;\n}\n.Breadcrumbs_separator__V8CnI {\n  user-select: none;\n}\n.Breadcrumbs_item__kOiLU {\n  cursor: pointer;\n}\n.Breadcrumbs_item__kOiLU:not(.Breadcrumbs_active__IlRRQ):hover {\n  text-decoration: underline;\n}\n.Breadcrumbs_item__kOiLU svg {\n  display: block;\n}\n.Breadcrumbs_active__IlRRQ {\n  color: var(--palette-primary-text-1);\n}";
-var styles = {"spacing":"8","root":"Breadcrumbs_root__zyXnH","separator":"Breadcrumbs_separator__V8CnI","item":"Breadcrumbs_item__kOiLU","active":"Breadcrumbs_active__IlRRQ"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=Breadcrumbs.scss.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={spacing:"8",root:"Breadcrumbs_root__zyXnH",separator:"Breadcrumbs_separator__V8CnI",item:"Breadcrumbs_item__kOiLU",active:"Breadcrumbs_active__IlRRQ"};e(".Breadcrumbs_root__zyXnH{align-items:center;color:var(--palette-primary-text-6);display:flex;font-size:13px;gap:8px;min-height:16px}.Breadcrumbs_separator__V8CnI{user-select:none}.Breadcrumbs_item__kOiLU{cursor:pointer}.Breadcrumbs_item__kOiLU:not(.Breadcrumbs_active__IlRRQ):hover{text-decoration:underline}.Breadcrumbs_item__kOiLU svg{display:block}.Breadcrumbs_active__IlRRQ{color:var(--palette-primary-text-1)}");export{r as default};