@corva/ui 3.1.0-rc.5 → 3.1.0

package/componentsV2/Switch/Switch.js

@@ -1,78 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { forwardRef, useCallback } from 'react';
-import classNames from 'classnames';
-import { Switch as Switch$1 } from '@material-ui/core';
-import { Text } from '../Text/Text.js';
-import styles from './Switch.scss.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _excluded = ["onChange", "disabled", "size", "className", "inputRef", "checked", "onLabel", "offLabel", "testId", "disableOffState"];
-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 SizeToLabelSizeMap = {
-  medium: 16,
-  small: 14
-};
-var SizeToClassMap = {
-  medium: styles.medium,
-  small: styles.small
-};
-var SwitchLabel = function SwitchLabel(_ref) {
-  var label = _ref.label,
-    active = _ref.active,
-    size = _ref.size,
-    disabled = _ref.disabled;
-  var baseColor = active ? 'T1' : 'T7';
-  var actualColor = disabled ? 'T8' : baseColor;
-  return label ? /*#__PURE__*/jsx(Text, {
-    size: SizeToLabelSizeMap[size],
-    color: actualColor,
-    className: styles.label,
-    children: label
-  }) : null;
-};
-var Switch = forwardRef(function (_ref2, ref) {
-  var onChange = _ref2.onChange,
-    disabled = _ref2.disabled,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
-    className = _ref2.className,
-    inputRef = _ref2.inputRef,
-    checked = _ref2.checked,
-    onLabel = _ref2.onLabel,
-    offLabel = _ref2.offLabel,
-    testId = _ref2.testId,
-    disableOffState = _ref2.disableOffState,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  var onChangeHandler = useCallback(function (event, checked) {
-    return onChange === null || onChange === void 0 ? void 0 : onChange(checked, event);
-  }, [onChange]);
-  return /*#__PURE__*/jsxs("label", _objectSpread(_objectSpread({
-    className: classNames(styles.root, SizeToClassMap[size], disabled && styles.disabled, disableOffState && styles.alwaysChecked, className),
-    "data-testid": testId,
-    ref: ref
-  }, rest), {}, {
-    children: [/*#__PURE__*/jsx(SwitchLabel, {
-      label: offLabel,
-      active: !disableOffState || !checked,
-      size: size,
-      disabled: disabled
-    }), /*#__PURE__*/jsx(Switch$1, {
-      checked: !!checked,
-      disabled: disabled,
-      inputRef: inputRef,
-      onChange: onChangeHandler,
-      size: size,
-      color: "primary"
-    }), /*#__PURE__*/jsx(SwitchLabel, {
-      label: onLabel,
-      active: !disableOffState || !!checked,
-      size: size,
-      disabled: disabled
-    })]
-  }));
-});
-
-export { Switch };
-//# sourceMappingURL=Switch.js.map
+import{__rest as e,__assign as a}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as i,jsx as l}from"react/jsx-runtime";import{forwardRef as s,useCallback as t}from"react";import r from"classnames";import{Switch as o}from"@material-ui/core";import{Text as d}from"../Text/Text.js";import m from"./Switch.scss.js";var c={medium:16,small:14},n={medium:m.medium,small:m.small},f=function(e){var a=e.label,i=e.active,s=e.size,t=e.disabled;return a?l(d,{size:c[s],color:t?"T8":i?"T1":"T7",className:m.label,children:a}):null},b=s((function(s,d){var c=s.onChange,b=s.disabled,u=s.size,p=void 0===u?"medium":u,h=s.className,v=s.inputRef,z=s.checked,T=s.onLabel,j=s.offLabel,k=s.testId,x=s.disableOffState,C=e(s,["onChange","disabled","size","className","inputRef","checked","onLabel","offLabel","testId","disableOffState"]),L=t((function(e,a){return null==c?void 0:c(a,e)}),[c]);return i("label",a({className:r(m.root,n[p],b&&m.disabled,x&&m.alwaysChecked,h),"data-testid":k,ref:d},C,{children:[l(f,{label:j,active:!x||!z,size:p,disabled:b}),l(o,{checked:!!z,disabled:b,inputRef:v,onChange:L,size:p,color:"primary"}),l(f,{label:T,active:!x||!!z,size:p,disabled:b})]}))}));export{b as Switch};

package/componentsV2/Switch/Switch.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.Switch_root__mHAgn {\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  cursor: pointer;\n  gap: 8px;\n  justify-content: flex-start;\n}\n.Switch_root__mHAgn .MuiSwitch-input {\n  width: 100%;\n  left: 0;\n}\n.Switch_root__mHAgn .MuiSwitch-root {\n  overflow: visible;\n  padding: 5px 2px;\n}\n.Switch_root__mHAgn .MuiIconButton-root {\n  transition: background-color cubic-bezier(0.4, 0, 0.2, 1) 0.15s, left cubic-bezier(0.4, 0, 0.2, 1) 0.15s, transform cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n}\n.Switch_root__mHAgn:not(.Switch_disabled__qXU1q):hover .MuiIconButton-root {\n  background-color: rgb(from var(--palette-primary-text-1) r g b / 0.08);\n}\n.Switch_root__mHAgn:not(.Switch_disabled__qXU1q):hover.Switch_alwaysChecked__fGW0g .MuiIconButton-root,\n.Switch_root__mHAgn:not(.Switch_disabled__qXU1q):hover .MuiIconButton-root.Mui-checked {\n  background-color: rgb(from var(--palette-primary-main) r g b / 0.08);\n}\n.Switch_alwaysChecked__fGW0g .MuiIconButton-root {\n  color: var(--palette-primary-main);\n}\n.Switch_alwaysChecked__fGW0g .MuiSwitch-track {\n  background-color: var(--palette-primary-main);\n  opacity: 0.38;\n}\n.Switch_medium__mEHyD .MuiSwitch-root {\n  height: 24px;\n  width: 40px;\n}\n.Switch_medium__mEHyD .MuiSwitch-switchBase {\n  top: -7px;\n  left: -7px;\n}\n.Switch_medium__mEHyD .MuiSwitch-switchBase.MuiButtonBase-root.Mui-checked {\n  transform: translateX(16px);\n}\n.Switch_small__I8x8q .MuiSwitch-root {\n  width: 32px;\n  height: 20px;\n}\n.Switch_small__I8x8q .MuiSwitch-switchBase {\n  top: -2px;\n  left: -2px;\n}\n.Switch_small__I8x8q .MuiSwitch-switchBase.MuiButtonBase-root.Mui-checked {\n  transform: translateX(14px);\n}\n.Switch_label__daEhv {\n  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n}\n.Switch_disabled__qXU1q {\n  cursor: default;\n}\n.Switch_disabled__qXU1q .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track {\n  opacity: 1 !important;\n  background-color: #3d3d3d;\n}\n.Switch_disabled__qXU1q .MuiSwitch-colorPrimary.Mui-disabled {\n  color: #545454;\n}\n.Switch_disabled__qXU1q.Switch_alwaysChecked__fGW0g .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track,\n.Switch_disabled__qXU1q .MuiSwitch-switchBase.Mui-checked.Mui-disabled + .MuiSwitch-track {\n  opacity: 1 !important;\n  background-color: #223d40;\n}\n.Switch_disabled__qXU1q.Switch_alwaysChecked__fGW0g .MuiSwitch-colorPrimary.Mui-disabled,\n.Switch_disabled__qXU1q .MuiSwitch-colorPrimary.Mui-checked.Mui-disabled {\n  color: #196069;\n}";
-var styles = {"spacing":"8","root":"Switch_root__mHAgn","disabled":"Switch_disabled__qXU1q","alwaysChecked":"Switch_alwaysChecked__fGW0g","medium":"Switch_medium__mEHyD","small":"Switch_small__I8x8q","label":"Switch_label__daEhv"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=Switch.scss.js.map
+import i from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"Switch_root__mHAgn",disabled:"Switch_disabled__qXU1q",alwaysChecked:"Switch_alwaysChecked__fGW0g",medium:"Switch_medium__mEHyD",small:"Switch_small__I8x8q",label:"Switch_label__daEhv"};i(".Switch_root__mHAgn{align-items:center;cursor:pointer;display:inline-flex;gap:8px;justify-content:flex-start;vertical-align:middle}.Switch_root__mHAgn .MuiSwitch-input{left:0;width:100%}.Switch_root__mHAgn .MuiSwitch-root{overflow:visible;padding:5px 2px}.Switch_root__mHAgn .MuiIconButton-root{transition:background-color .15s cubic-bezier(.4,0,.2,1),left .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.Switch_root__mHAgn:not(.Switch_disabled__qXU1q):hover .MuiIconButton-root{background-color:rgb(from var(--palette-primary-text-1) r g b/.08)}.Switch_root__mHAgn:not(.Switch_disabled__qXU1q):hover .MuiIconButton-root.Mui-checked,.Switch_root__mHAgn:not(.Switch_disabled__qXU1q):hover.Switch_alwaysChecked__fGW0g .MuiIconButton-root{background-color:rgb(from var(--palette-primary-main) r g b/.08)}.Switch_alwaysChecked__fGW0g .MuiIconButton-root{color:var(--palette-primary-main)}.Switch_alwaysChecked__fGW0g .MuiSwitch-track{background-color:var(--palette-primary-main);opacity:.38}.Switch_medium__mEHyD .MuiSwitch-root{height:24px;width:40px}.Switch_medium__mEHyD .MuiSwitch-switchBase{left:-7px;top:-7px}.Switch_medium__mEHyD .MuiSwitch-switchBase.MuiButtonBase-root.Mui-checked{transform:translateX(16px)}.Switch_small__I8x8q .MuiSwitch-root{height:20px;width:32px}.Switch_small__I8x8q .MuiSwitch-switchBase{left:-2px;top:-2px}.Switch_small__I8x8q .MuiSwitch-switchBase.MuiButtonBase-root.Mui-checked{transform:translateX(14px)}.Switch_label__daEhv{transition:color .15s cubic-bezier(.4,0,.2,1)}.Switch_disabled__qXU1q{cursor:default}.Switch_disabled__qXU1q .MuiSwitch-switchBase.Mui-disabled+.MuiSwitch-track{background-color:#3d3d3d;opacity:1!important}.Switch_disabled__qXU1q .MuiSwitch-colorPrimary.Mui-disabled{color:#545454}.Switch_disabled__qXU1q .MuiSwitch-switchBase.Mui-checked.Mui-disabled+.MuiSwitch-track,.Switch_disabled__qXU1q.Switch_alwaysChecked__fGW0g .MuiSwitch-switchBase.Mui-disabled+.MuiSwitch-track{background-color:#223d40;opacity:1!important}.Switch_disabled__qXU1q .MuiSwitch-colorPrimary.Mui-checked.Mui-disabled,.Switch_disabled__qXU1q.Switch_alwaysChecked__fGW0g .MuiSwitch-colorPrimary.Mui-disabled{color:#196069}");export{t as default};

package/componentsV2/Tabs/Tabs.js

@@ -1,95 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { Tab as Tab$1, Tabs as Tabs$1 } from '@material-ui/core';
-import classNames from 'classnames';
-import { forwardRef, useCallback } from 'react';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import styles from './Tabs.scss.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var _excluded = ["item", "type", "size"];
-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 SizeToClassMap = {
-  medium: styles.medium,
-  small: styles.small
-};
-var TypeToClassMap = {
-  primary: styles.primary,
-  secondary: styles.secondary,
-  tertiary: styles.tertiary
-};
-var DirectionToClassMap = {
-  horizontal: styles.horizontal,
-  vertical: styles.vertical
-};
-var Tab = forwardRef(function (_ref, ref) {
-  var item = _ref.item,
-    type = _ref.type,
-    size = _ref.size,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var className = item.className,
-    disabled = item.disabled,
-    prefix = item.prefix,
-    testId = item.testId,
-    label = item.label,
-    value = item.value,
-    tooltip = item.tooltip;
-  return /*#__PURE__*/jsx(Tooltip, {
-    title: tooltip,
-    disabled: !tooltip,
-    children: /*#__PURE__*/jsx(Tab$1, _objectSpread(_objectSpread({}, restProps), {}, {
-      label: /*#__PURE__*/jsxs(Fragment, {
-        children: [prefix && /*#__PURE__*/jsx("span", {
-          className: styles.prefix,
-          children: prefix
-        }), label]
-      }),
-      value: value,
-      disabled: disabled,
-      className: classNames(styles.tab, TypeToClassMap[type], SizeToClassMap[size], className),
-      "data-testid": testId,
-      ref: ref
-    }))
-  });
-});
-var Tabs = function Tabs(_ref2) {
-  var testId = _ref2.testId,
-    items = _ref2.items,
-    className = _ref2.className,
-    onChange = _ref2.onChange,
-    _ref2$type = _ref2.type,
-    type = _ref2$type === void 0 ? 'primary' : _ref2$type,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
-    _ref2$direction = _ref2.direction,
-    direction = _ref2$direction === void 0 ? 'horizontal' : _ref2$direction,
-    value = _ref2.value;
-  var changeHandler = useCallback(function (_event, value) {
-    return onChange === null || onChange === void 0 ? void 0 : onChange(value);
-  }, [onChange]);
-  return /*#__PURE__*/jsx(Tabs$1, {
-    className: classNames(styles.root, DirectionToClassMap[direction], type !== 'primary' && styles.noIndicator, className),
-    onChange: changeHandler,
-    "data-testid": testId,
-    scrollButtons: "off",
-    value: value,
-    indicatorColor: "primary",
-    orientation: direction,
-    children: items.map(function (item) {
-      return (
-        /*#__PURE__*/
-        // ⚠️⚠️⚠️ `value` prop is obligatory, MuiTabs relies on it
-        jsx(Tab, {
-          size: size,
-          type: type,
-          item: item,
-          value: item.value
-        }, item.value)
-      );
-    })
-  });
-};
-
-export { Tabs };
-//# sourceMappingURL=Tabs.js.map
+import{__rest as e,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as i,jsxs as a,Fragment as t}from"react/jsx-runtime";import{Tab as o,Tabs as s}from"@material-ui/core";import l from"classnames";import{forwardRef as m,useCallback as n}from"react";import{Tooltip as d}from"../Tooltip/Tooltip.js";import c from"./Tabs.scss.js";var p={medium:c.medium,small:c.small},u={primary:c.primary,secondary:c.secondary,tertiary:c.tertiary},f={horizontal:c.horizontal,vertical:c.vertical},v=m((function(s,m){var n=s.item,f=s.type,v=s.size,y=e(s,["item","type","size"]),b=n.className,h=n.disabled,z=n.prefix,N=n.testId,T=n.label,j=n.value,x=n.tooltip;return i(d,{title:x,disabled:!x,children:i(o,r({},y,{label:a(t,{children:[z&&i("span",{className:c.prefix,children:z}),T]}),value:j,disabled:h,className:l(c.tab,u[f],p[v],b),"data-testid":N,ref:m}))})})),y=function(e){var r=e.testId,a=e.items,t=e.className,o=e.onChange,m=e.type,d=void 0===m?"primary":m,p=e.size,u=void 0===p?"medium":p,y=e.direction,b=void 0===y?"horizontal":y,h=e.value,z=n((function(e,r){return null==o?void 0:o(r)}),[o]);return i(s,{className:l(c.root,f[b],"primary"!==d&&c.noIndicator,t),onChange:z,"data-testid":r,scrollButtons:"off",value:h,indicatorColor:"primary",orientation:b,children:a.map((function(e){return i(v,{size:u,type:d,item:e,value:e.value},e.value)}))})};export{y as Tabs};

package/componentsV2/Tabs/Tabs.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.Tabs_root__DgPiH.MuiTabs-root {\n  overflow: auto;\n  min-height: auto;\n}\n.Tabs_root__DgPiH .MuiTabs-flexContainer {\n  gap: 8px;\n}\n.Tabs_root__DgPiH .MuiTabs-indicator {\n  border-radius: 4px;\n}\n.Tabs_root__DgPiH .MuiTabs-fixed {\n  width: auto;\n  overflow: visible !important;\n}\n.Tabs_noIndicator__ITua3 .MuiTabs-indicator {\n  display: none;\n}\n.Tabs_horizontal__YMywj {\n  max-width: 100%;\n}\n.Tabs_horizontal__YMywj .MuiTabs-indicator {\n  height: 4px;\n}\n.Tabs_vertical__TnLSd {\n  max-height: 100%;\n}\n.Tabs_vertical__TnLSd .Tabs_tab__NFqwu {\n  max-width: 100%;\n}\n.Tabs_vertical__TnLSd .Tabs_tab__NFqwu .MuiTab-wrapper {\n  justify-content: flex-start;\n}\n.Tabs_vertical__TnLSd .MuiTabs-indicator {\n  width: 4px;\n  right: auto;\n  left: 0;\n}\n.Tabs_vertical__TnLSd .MuiTab-wrapper {\n  align-items: flex-start;\n}\n.Tabs_tab__NFqwu.MuiTab-root {\n  margin: 0;\n  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.15s, background cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n  border-radius: 8px;\n  color: var(--palette-primary-text-6);\n  padding: 0px 16px;\n  min-width: auto;\n  opacity: 1;\n  text-transform: none;\n  font-size: 16px;\n  letter-spacing: 0;\n}\n.Tabs_tab__NFqwu.MuiTab-root:hover {\n  color: var(--palette-primary-text-1);\n  background: rgb(from var(--palette-primary-text-1) r g b / 0.08);\n}\n.Tabs_tab__NFqwu.MuiTab-root.Mui-selected {\n  color: var(--palette-primary-main);\n  background-color: transparent;\n}\n.Tabs_tab__NFqwu.MuiTab-root .MuiTab-wrapper {\n  flex-flow: row nowrap;\n  gap: 4px;\n}\n.Tabs_prefix__iZS2W {\n  align-self: center;\n}\n.Tabs_prefix__iZS2W .i-icon,\n.Tabs_prefix__iZS2W svg {\n  display: block;\n}\n.Tabs_medium__3gakB.MuiTab-root {\n  min-height: 40px;\n}\n.Tabs_medium__3gakB.MuiTab-root .Tabs_prefix__iZS2W .i-icon,\n.Tabs_medium__3gakB.MuiTab-root .Tabs_prefix__iZS2W svg {\n  width: 24px;\n  height: 24px;\n}\n.Tabs_small__5pNab.MuiTab-root {\n  min-height: 32px;\n}\n.Tabs_small__5pNab.MuiTab-root .Tabs_prefix__iZS2W .i-icon,\n.Tabs_small__5pNab.MuiTab-root .Tabs_prefix__iZS2W svg {\n  width: 20px !important;\n  height: 20px !important;\n}\n.Tabs_secondary__-eI3q.MuiTab-root.Mui-selected {\n  background-color: rgb(from var(--palette-primary-main) r g b / 0.1);\n}\n.Tabs_tertiary__qaMyN.MuiTab-root {\n  color: var(--palette-primary-text-7);\n  padding: 0px 8px;\n  font-weight: 400;\n}\n.Tabs_tertiary__qaMyN.MuiTab-root.Tabs_medium__3gakB {\n  min-height: 30px;\n  font-size: 18px;\n}\n.Tabs_tertiary__qaMyN.MuiTab-root.Tabs_small__5pNab {\n  min-height: 24px;\n  font-size: 12px;\n}\n.Tabs_tertiary__qaMyN.MuiTab-root:hover {\n  color: var(--palette-primary-text-1);\n  background-color: transparent;\n}\n.Tabs_tertiary__qaMyN.MuiTab-root.Mui-selected {\n  font-weight: 500;\n  color: var(--palette-primary-text-1);\n  background-color: rgb(from var(--palette-primary-text-1) r g b / 0.08);\n}";
-var styles = {"spacing":"8","root":"Tabs_root__DgPiH","noIndicator":"Tabs_noIndicator__ITua3","horizontal":"Tabs_horizontal__YMywj","vertical":"Tabs_vertical__TnLSd","tab":"Tabs_tab__NFqwu","prefix":"Tabs_prefix__iZS2W","medium":"Tabs_medium__3gakB","small":"Tabs_small__5pNab","secondary":"Tabs_secondary__-eI3q","tertiary":"Tabs_tertiary__qaMyN"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=Tabs.scss.js.map
+import a from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"Tabs_root__DgPiH",noIndicator:"Tabs_noIndicator__ITua3",horizontal:"Tabs_horizontal__YMywj",vertical:"Tabs_vertical__TnLSd",tab:"Tabs_tab__NFqwu",prefix:"Tabs_prefix__iZS2W",medium:"Tabs_medium__3gakB",small:"Tabs_small__5pNab",secondary:"Tabs_secondary__-eI3q",tertiary:"Tabs_tertiary__qaMyN"};a(".Tabs_root__DgPiH.MuiTabs-root{min-height:auto;overflow:auto}.Tabs_root__DgPiH .MuiTabs-flexContainer{gap:8px}.Tabs_root__DgPiH .MuiTabs-indicator{border-radius:4px}.Tabs_root__DgPiH .MuiTabs-fixed{overflow:visible!important;width:auto}.Tabs_noIndicator__ITua3 .MuiTabs-indicator{display:none}.Tabs_horizontal__YMywj{max-width:100%}.Tabs_horizontal__YMywj .MuiTabs-indicator{height:4px}.Tabs_vertical__TnLSd{max-height:100%}.Tabs_vertical__TnLSd .Tabs_tab__NFqwu{max-width:100%}.Tabs_vertical__TnLSd .Tabs_tab__NFqwu .MuiTab-wrapper{justify-content:flex-start}.Tabs_vertical__TnLSd .MuiTabs-indicator{left:0;right:auto;width:4px}.Tabs_vertical__TnLSd .MuiTab-wrapper{align-items:flex-start}.Tabs_tab__NFqwu.MuiTab-root{border-radius:8px;color:var(--palette-primary-text-6);font-size:16px;letter-spacing:0;margin:0;min-width:auto;opacity:1;padding:0 16px;text-transform:none;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1)}.Tabs_tab__NFqwu.MuiTab-root:hover{background:rgb(from var(--palette-primary-text-1) r g b/.08);color:var(--palette-primary-text-1)}.Tabs_tab__NFqwu.MuiTab-root.Mui-selected{background-color:transparent;color:var(--palette-primary-main)}.Tabs_tab__NFqwu.MuiTab-root .MuiTab-wrapper{flex-flow:row nowrap;gap:4px}.Tabs_prefix__iZS2W{align-self:center}.Tabs_prefix__iZS2W .i-icon,.Tabs_prefix__iZS2W svg{display:block}.Tabs_medium__3gakB.MuiTab-root{min-height:40px}.Tabs_medium__3gakB.MuiTab-root .Tabs_prefix__iZS2W .i-icon,.Tabs_medium__3gakB.MuiTab-root .Tabs_prefix__iZS2W svg{height:24px;width:24px}.Tabs_small__5pNab.MuiTab-root{min-height:32px}.Tabs_small__5pNab.MuiTab-root .Tabs_prefix__iZS2W .i-icon,.Tabs_small__5pNab.MuiTab-root .Tabs_prefix__iZS2W svg{height:20px!important;width:20px!important}.Tabs_secondary__-eI3q.MuiTab-root.Mui-selected{background-color:rgb(from var(--palette-primary-main) r g b/.1)}.Tabs_tertiary__qaMyN.MuiTab-root{color:var(--palette-primary-text-7);font-weight:400;padding:0 8px}.Tabs_tertiary__qaMyN.MuiTab-root.Tabs_medium__3gakB{font-size:18px;min-height:30px}.Tabs_tertiary__qaMyN.MuiTab-root.Tabs_small__5pNab{font-size:12px;min-height:24px}.Tabs_tertiary__qaMyN.MuiTab-root:hover{background-color:transparent;color:var(--palette-primary-text-1)}.Tabs_tertiary__qaMyN.MuiTab-root.Mui-selected{background-color:rgb(from var(--palette-primary-text-1) r g b/.08);color:var(--palette-primary-text-1);font-weight:500}");export{t as default};

package/componentsV2/Text/Text.js

@@ -1,66 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import classNames from 'classnames';
-import { forwardRef } from 'react';
-import styles from './Text.scss.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["children", "size", "weight", "color", "italic", "tagName", "className", "testId"];
-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 SizesMap = {
-  36: styles.size_36,
-  32: styles.size_32,
-  24: styles.size_24,
-  20: styles.size_20,
-  18: styles.size_18,
-  16: styles.size_16,
-  14: styles.size_14,
-  12: styles.size_12,
-  10: styles.size_10
-};
-var WeightMap = {
-  bold: styles.bold,
-  medium: styles.medium,
-  regular: styles.regular
-};
-var ColorMap = {
-  T1: styles.color_t1,
-  T6: styles.color_t6,
-  T7: styles.color_t7,
-  T8: styles.color_t8,
-  T9: styles.color_t9,
-  inherit: styles.color_inherit
-};
-var Text = forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 16 : _ref$size,
-    _ref$weight = _ref.weight,
-    weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'T1' : _ref$color,
-    _ref$italic = _ref.italic,
-    italic = _ref$italic === void 0 ? false : _ref$italic,
-    _ref$tagName = _ref.tagName,
-    TagName = _ref$tagName === void 0 ? 'span' : _ref$tagName,
-    className = _ref.className,
-    testId = _ref.testId,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return (
-    /*#__PURE__*/
-    // @ts-expect-error We don't know which element will be rendered (can be any), so we can't provide a better type than HTMLElement
-    jsx(TagName
-    // @ts-expect-error TS can't handle this and fails with "Expression produces a union type that is too complex to represent." but the code works
-    , _objectSpread(_objectSpread({
-      ref: ref,
-      className: classNames(styles.root, SizesMap[size], WeightMap[weight], ColorMap[color], italic && styles.italic, className),
-      "data-testid": testId
-    }, rest), {}, {
-      children: children
-    }))
-  );
-});
-
-export { Text };
-//# sourceMappingURL=Text.js.map
+import{__rest as i,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import r from"classnames";import{forwardRef as t}from"react";import s from"./Text.scss.js";var l={36:s.size_36,32:s.size_32,24:s.size_24,20:s.size_20,18:s.size_18,16:s.size_16,14:s.size_14,12:s.size_12,10:s.size_10},a={bold:s.bold,medium:s.medium,regular:s.regular},c={T1:s.color_t1,T6:s.color_t6,T7:s.color_t7,T8:s.color_t8,T9:s.color_t9,inherit:s.color_inherit},m=t((function(t,m){var d=t.children,_=t.size,n=void 0===_?16:_,z=t.weight,u=void 0===z?"regular":z,f=t.color,g=void 0===f?"T1":f,h=t.italic,p=void 0!==h&&h,v=t.tagName,T=void 0===v?"span":v,N=t.className,b=t.testId,j=i(t,["children","size","weight","color","italic","tagName","className","testId"]);return o(T,e({ref:m,className:r(s.root,l[n],a[u],c[g],p&&s.italic,N),"data-testid":b},j,{children:d}))}));export{m as Text};

package/componentsV2/Text/Text.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.Text_root__G-qv6 {\n  font-family: \"Roboto\", sans-serif;\n  font-weight: 400;\n}\n.Text_italic__egohG {\n  font-style: italic;\n}\n.Text_size_36__VVftv {\n  font-size: 36px;\n  line-height: 48px;\n}\n.Text_size_32__mrSgO {\n  font-size: 32px;\n  line-height: 42px;\n}\n.Text_size_24__Torfe {\n  font-size: 24px;\n  line-height: 32px;\n}\n.Text_size_20__oMX5E {\n  font-size: 20px;\n  line-height: 28px;\n}\n.Text_size_18__mKB8g {\n  font-size: 18px;\n  line-height: 24px;\n}\n.Text_size_16__LM-8M {\n  font-size: 16px;\n  line-height: 22px;\n}\n.Text_size_14__39Owk {\n  font-size: 14px;\n  line-height: 20px;\n}\n.Text_size_12__dmoFJ {\n  font-size: 12px;\n  line-height: 16px;\n}\n.Text_size_10__Q7h1O {\n  font-size: 10px;\n  line-height: 12px;\n}\n.Text_regular__6apf7 {\n  font-weight: 400;\n}\n.Text_bold__7paZD {\n  font-weight: 700;\n}\n.Text_medium__bAPyv {\n  font-weight: 500;\n}\n.Text_color_t1__JDv0q {\n  color: var(--palette-primary-text-1);\n}\n.Text_color_t6__5MASA {\n  color: var(--palette-primary-text-6);\n}\n.Text_color_t7__EJTsQ {\n  color: var(--palette-primary-text-7);\n}\n.Text_color_t8__aOeXr {\n  color: var(--palette-primary-text-8);\n}\n.Text_color_t9__6VE6M {\n  color: var(--palette-primary-text-9);\n}\n.Text_color_inherit__A9arm {\n  color: inherit;\n}";
-var styles = {"spacing":"8","root":"Text_root__G-qv6","italic":"Text_italic__egohG","size_36":"Text_size_36__VVftv","size_32":"Text_size_32__mrSgO","size_24":"Text_size_24__Torfe","size_20":"Text_size_20__oMX5E","size_18":"Text_size_18__mKB8g","size_16":"Text_size_16__LM-8M","size_14":"Text_size_14__39Owk","size_12":"Text_size_12__dmoFJ","size_10":"Text_size_10__Q7h1O","regular":"Text_regular__6apf7","bold":"Text_bold__7paZD","medium":"Text_medium__bAPyv","color_t1":"Text_color_t1__JDv0q","color_t6":"Text_color_t6__5MASA","color_t7":"Text_color_t7__EJTsQ","color_t8":"Text_color_t8__aOeXr","color_t9":"Text_color_t9__6VE6M","color_inherit":"Text_color_inherit__A9arm"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=Text.scss.js.map
+import _ from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",root:"Text_root__G-qv6",italic:"Text_italic__egohG",size_36:"Text_size_36__VVftv",size_32:"Text_size_32__mrSgO",size_24:"Text_size_24__Torfe",size_20:"Text_size_20__oMX5E",size_18:"Text_size_18__mKB8g",size_16:"Text_size_16__LM-8M",size_14:"Text_size_14__39Owk",size_12:"Text_size_12__dmoFJ",size_10:"Text_size_10__Q7h1O",regular:"Text_regular__6apf7",bold:"Text_bold__7paZD",medium:"Text_medium__bAPyv",color_t1:"Text_color_t1__JDv0q",color_t6:"Text_color_t6__5MASA",color_t7:"Text_color_t7__EJTsQ",color_t8:"Text_color_t8__aOeXr",color_t9:"Text_color_t9__6VE6M",color_inherit:"Text_color_inherit__A9arm"};_(".Text_root__G-qv6{font-family:Roboto,sans-serif;font-weight:400}.Text_italic__egohG{font-style:italic}.Text_size_36__VVftv{font-size:36px;line-height:48px}.Text_size_32__mrSgO{font-size:32px;line-height:42px}.Text_size_24__Torfe{font-size:24px;line-height:32px}.Text_size_20__oMX5E{font-size:20px;line-height:28px}.Text_size_18__mKB8g{font-size:18px;line-height:24px}.Text_size_16__LM-8M{font-size:16px;line-height:22px}.Text_size_14__39Owk{font-size:14px;line-height:20px}.Text_size_12__dmoFJ{font-size:12px;line-height:16px}.Text_size_10__Q7h1O{font-size:10px;line-height:12px}.Text_regular__6apf7{font-weight:400}.Text_bold__7paZD{font-weight:700}.Text_medium__bAPyv{font-weight:500}.Text_color_t1__JDv0q{color:var(--palette-primary-text-1)}.Text_color_t6__5MASA{color:var(--palette-primary-text-6)}.Text_color_t7__EJTsQ{color:var(--palette-primary-text-7)}.Text_color_t8__aOeXr{color:var(--palette-primary-text-8)}.Text_color_t9__6VE6M{color:var(--palette-primary-text-9)}.Text_color_inherit__A9arm{color:inherit}");export{e as default};

package/componentsV2/TextEndTruncated/TextEndTruncated.js

@@ -1,70 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import classNames from 'classnames';
-import { useRef, useState, useLayoutEffect } from 'react';
-import { debounce } from 'lodash';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import styles from './TextEndTruncated.scss.js';
-import { jsx } from 'react/jsx-runtime';
-
-var TextEndTruncated = function TextEndTruncated(_ref) {
-  var children = _ref.children,
-    disableTooltip = _ref.disableTooltip,
-    _ref$maxLines = _ref.maxLines,
-    maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
-    testId = _ref.testId,
-    className = _ref.className;
-  var isMultiline = maxLines > 1;
-  var containerRef = useRef(null);
-  var multilineRef = useRef(isMultiline);
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    tooltipContent = _useState2[0],
-    setTooltipContent = _useState2[1];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    dimensionsDisabled = _useState4[0],
-    setDimensionsDisabled = _useState4[1];
-  multilineRef.current = isMultiline;
-  useLayoutEffect(function () {
-    var onDimensionsOrContentChange = debounce(function () {
-      var container = containerRef.current;
-      if (container) {
-        setTooltipContent(container.textContent);
-        setDimensionsDisabled(container.scrollWidth <= container.clientWidth && (
-        // multilineRef is needed to handle an edgecase when there's a `lineHeight` that's smaller than the space needed to render a font, so
-        // `scrollHeight` is bigger than `clientHeight`
-        container.scrollHeight <= container.clientHeight || !multilineRef.current));
-      }
-    }, 200);
-    var resizeObserver = new ResizeObserver(onDimensionsOrContentChange);
-    var mutationObserver = new MutationObserver(onDimensionsOrContentChange);
-    if (containerRef.current /* && innerRef.current */) {
-      resizeObserver.observe(containerRef.current);
-      mutationObserver.observe(containerRef.current, {
-        childList: true,
-        subtree: true,
-        characterData: true
-      });
-    }
-    return function () {
-      resizeObserver.disconnect();
-      mutationObserver.disconnect();
-    };
-  }, []);
-  return /*#__PURE__*/jsx(Tooltip, {
-    title: tooltipContent,
-    disabled: dimensionsDisabled || disableTooltip,
-    children: /*#__PURE__*/jsx("div", {
-      className: classNames(styles.root, isMultiline ? styles.multiLine : styles.singleLine, className),
-      style: isMultiline ? {
-        WebkitLineClamp: maxLines
-      } : undefined,
-      ref: containerRef,
-      "data-testid": testId,
-      children: children
-    })
-  });
-};
-
-export { TextEndTruncated };
-//# sourceMappingURL=TextEndTruncated.js.map
+import{jsx as e}from"react/jsx-runtime";import t from"classnames";import{useRef as r,useState as i,useLayoutEffect as n}from"react";import{debounce as o}from"lodash";import{Tooltip as s}from"../Tooltip/Tooltip.js";import c from"./TextEndTruncated.scss.js";var l=function(l){var a=l.children,d=l.disableTooltip,m=l.maxLines,u=void 0===m?1:m,f=l.testId,p=l.className,v=u>1,h=r(null),b=r(v),x=i(null),L=x[0],T=x[1],g=i(!0),j=g[0],W=g[1];return b.current=v,n((function(){var e=o((function(){var e=h.current;e&&(T(e.textContent),W(e.scrollWidth<=e.clientWidth&&(e.scrollHeight<=e.clientHeight||!b.current)))}),200),t=new ResizeObserver(e),r=new MutationObserver(e);return h.current&&(t.observe(h.current),r.observe(h.current,{childList:!0,subtree:!0,characterData:!0})),function(){t.disconnect(),r.disconnect()}}),[]),e(s,{title:L,disabled:j||d,children:e("div",{className:t(c.root,v?c.multiLine:c.singleLine,p),style:v?{WebkitLineClamp:u}:void 0,ref:h,"data-testid":f,children:a})})};export{l as TextEndTruncated};

package/componentsV2/TextEndTruncated/TextEndTruncated.scss.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".TextEndTruncated_root__OK09b {\n  max-width: 100%;\n  overflow: hidden;\n  line-height: inherit;\n}\n\n.TextEndTruncated_singleLine__w-UQu {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.TextEndTruncated_multiLine__-imMC {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}";
-var styles = {"root":"TextEndTruncated_root__OK09b","singleLine":"TextEndTruncated_singleLine__w-UQu","multiLine":"TextEndTruncated_multiLine__-imMC"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=TextEndTruncated.scss.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={root:"TextEndTruncated_root__OK09b",singleLine:"TextEndTruncated_singleLine__w-UQu",multiLine:"TextEndTruncated_multiLine__-imMC"};e(".TextEndTruncated_root__OK09b{line-height:inherit;max-width:100%;overflow:hidden}.TextEndTruncated_singleLine__w-UQu{text-overflow:ellipsis;white-space:nowrap}.TextEndTruncated_multiLine__-imMC{-webkit-box-orient:vertical;display:-webkit-box}");export{t as default};

package/componentsV2/TextInput/TextInput.js

@@ -1,122 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { InputAdornment, TextField } from '@material-ui/core';
-import { useCallback, useMemo, isValidElement, cloneElement } from 'react';
-import classNames from 'classnames';
-import { TextEndTruncated } from '../TextEndTruncated/TextEndTruncated.js';
-import { LoaderCircular } from '../LoaderCircular/LoaderCircular.js';
-import { useShrink } from './useShrink.js';
-import styles from './TextInput.scss.js';
-import { jsx, jsxs } 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 prepareAffix = function prepareAffix(affix) {
-  // Injecting `size` prop for icons
-  if (isValidElement(affix)) {
-    // We really don't care if the element actually supports the `size` prop
-    return cloneElement(affix, {
-      size: 16
-    });
-  }
-
-  // We rely on MUI's text styles here
-  if (affix) {
-    return /*#__PURE__*/jsx("p", {
-      children: affix
-    });
-  }
-  return null;
-};
-var StatusToClassNameMap = {
-  error: styles.error,
-  loading: ''
-};
-var SpacingToClassNameMap = {
-  normal: styles.normal,
-  dense: styles.dense
-};
-var TextInput = function TextInput(_ref) {
-  var type = _ref.type,
-    className = _ref.className,
-    testId = _ref.testId,
-    prefix = _ref.prefix,
-    suffix = _ref.suffix,
-    propOnFocus = _ref.onFocus,
-    propOnBlur = _ref.onBlur,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? '' : _ref$value,
-    message = _ref.message,
-    _ref$spacing = _ref.spacing,
-    spacing = _ref$spacing === void 0 ? 'normal' : _ref$spacing,
-    onChange = _ref.onChange,
-    status = _ref.status,
-    placeholder = _ref.placeholder,
-    disabled = _ref.disabled,
-    label = _ref.label,
-    onKeyDown = _ref.onKeyDown,
-    onKeyUp = _ref.onKeyUp;
-  var handleChange = useCallback(function (event) {
-    return onChange === null || onChange === void 0 ? void 0 : onChange(event.target.value, event);
-  }, [onChange]);
-
-  // cloneElement(children, { newProp: 'value' })
-  var inputProps = useMemo(function () {
-    return {
-      startAdornment: prefix && /*#__PURE__*/jsx(InputAdornment, {
-        position: "start",
-        className: styles.adornment,
-        disableTypography: true,
-        children: prepareAffix(prefix)
-      }),
-      endAdornment: (suffix || status === 'loading') && /*#__PURE__*/jsxs(InputAdornment, {
-        position: "end",
-        className: styles.adornment,
-        disableTypography: true,
-        children: [status === 'loading' && /*#__PURE__*/jsx(LoaderCircular, {
-          size: "xs",
-          className: styles.loader
-        }), prepareAffix(suffix)]
-      })
-    };
-  }, [prefix, suffix, status]);
-  var shrinkProps = useShrink({
-    propOnFocus: propOnFocus,
-    propOnBlur: propOnBlur,
-    value: value,
-    prefix: prefix,
-    suffix: suffix,
-    status: status
-  });
-  return /*#__PURE__*/jsx("label", {
-    className: classNames(styles.root, status && StatusToClassNameMap[status], SpacingToClassNameMap[spacing], className),
-    "data-testid": testId,
-    children: /*#__PURE__*/jsx(TextField, _objectSpread({
-      value: value,
-      onChange: handleChange,
-      label: /*#__PURE__*/jsx(TextEndTruncated, {
-        children: label
-      }),
-      InputProps: inputProps,
-      type: type,
-      fullWidth: true,
-      margin: spacing,
-      helperText: message,
-      error: status === 'error',
-      disabled: disabled,
-      placeholder: placeholder,
-      onKeyDown: onKeyDown,
-      onKeyUp: onKeyUp
-    }, shrinkProps))
-  });
-};
-TextInput.Affix = function (_ref2) {
-  var children = _ref2.children,
-    className = _ref2.className;
-  return /*#__PURE__*/jsx("p", {
-    className: className,
-    children: children
-  });
-};
-
-export { TextInput };
-//# sourceMappingURL=TextInput.js.map
+import{__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as o}from"react/jsx-runtime";import{InputAdornment as n,TextField as a}from"@material-ui/core";import{useCallback as t,useMemo as s,isValidElement as l,cloneElement as i}from"react";import d from"classnames";import{TextEndTruncated as m}from"../TextEndTruncated/TextEndTruncated.js";import{LoaderCircular as p}from"../LoaderCircular/LoaderCircular.js";import{useShrink as u}from"./useShrink.js";import c from"./TextInput.scss.js";var f=function(r){return l(r)?i(r,{size:16}):r?e("p",{children:r}):null},h={error:c.error,loading:""},x={normal:c.normal,dense:c.dense},g=function(l){var i=l.type,g=l.className,v=l.testId,y=l.prefix,b=l.suffix,T=l.onFocus,N=l.onBlur,j=l.value,C=void 0===j?"":j,K=l.message,A=l.spacing,I=void 0===A?"normal":A,w=l.onChange,z=l.status,B=l.placeholder,D=l.disabled,E=l.label,F=l.onKeyDown,L=l.onKeyUp,O=t((function(r){return null==w?void 0:w(r.target.value,r)}),[w]),U=s((function(){return{startAdornment:y&&e(n,{position:"start",className:c.adornment,disableTypography:!0,children:f(y)}),endAdornment:(b||"loading"===z)&&o(n,{position:"end",className:c.adornment,disableTypography:!0,children:["loading"===z&&e(p,{size:"xs",className:c.loader}),f(b)]})}}),[y,b,z]),k=u({propOnFocus:T,propOnBlur:N,value:C,prefix:y,suffix:b,status:z});return e("label",{className:d(c.root,z&&h[z],x[I],g),"data-testid":v,children:e(a,r({value:C,onChange:O,label:e(m,{children:E}),InputProps:U,type:i,fullWidth:!0,margin:I,helperText:K,error:"error"===z,disabled:D,placeholder:B,onKeyDown:F,onKeyUp:L},k))})};g.Affix=function(r){var o=r.children,n=r.className;return e("p",{className:n,children:o})};export{g as TextInput};

package/componentsV2/TextInput/TextInput.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.TextInput_root__IyNqX {\n  display: block;\n}\n.TextInput_root__IyNqX [data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder {\n  opacity: 0;\n}\n.TextInput_root__IyNqX .MuiInputBase-input::-webkit-search-cancel-button {\n  appearance: none;\n  display: none;\n}\n.TextInput_root__IyNqX .MuiInputBase-input::placeholder {\n  transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n}\n.TextInput_root__IyNqX .MuiInputLabel-root + .MuiInput-root {\n  margin-top: 16px;\n}\n.TextInput_root__IyNqX.TextInput_normal__TNYU4 .MuiInput-root .MuiInput-input {\n  padding: 6px 0 5px;\n}\n.TextInput_root__IyNqX.TextInput_dense__UsYfl .MuiInput-root .MuiInput-input.MuiInputBase-inputMarginDense {\n  padding: 4px 0;\n}\n.TextInput_root__IyNqX .MuiFormControl-root {\n  margin: 0;\n}\n.TextInput_root__IyNqX .MuiInputLabel-root {\n  width: 100%;\n  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n  z-index: 1;\n  line-height: 19px;\n}\n.TextInput_root__IyNqX .MuiInputLabel-shrink {\n  width: 133%;\n}\n.TextInput_root__IyNqX .TextInput_adornment__c2JxK {\n  color: inherit;\n  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n}\n.TextInput_root__IyNqX .Mui-focused .TextInput_adornment__c2JxK {\n  color: var(--palette-primary-main);\n}\n.TextInput_root__IyNqX.TextInput_error__aSA-t .TextInput_adornment__c2JxK {\n  color: var(--palette-error-main);\n}\n.TextInput_loader__RKKMk:not(:last-child) {\n  margin-right: 8px;\n}";
-var styles = {"spacing":"8","root":"TextInput_root__IyNqX","normal":"TextInput_normal__TNYU4","dense":"TextInput_dense__UsYfl","adornment":"TextInput_adornment__c2JxK","error":"TextInput_error__aSA-t","loader":"TextInput_loader__RKKMk"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=TextInput.scss.js.map
+import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var n={spacing:"8",root:"TextInput_root__IyNqX",normal:"TextInput_normal__TNYU4",dense:"TextInput_dense__UsYfl",adornment:"TextInput_adornment__c2JxK",error:"TextInput_error__aSA-t",loader:"TextInput_loader__RKKMk"};t(".TextInput_root__IyNqX{display:block}.TextInput_root__IyNqX [data-shrink=false]+.MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder{opacity:0}.TextInput_root__IyNqX .MuiInputBase-input::-webkit-search-cancel-button{appearance:none;display:none}.TextInput_root__IyNqX .MuiInputBase-input::placeholder{transition:opacity .15s cubic-bezier(.4,0,.2,1)}.TextInput_root__IyNqX .MuiInputLabel-root+.MuiInput-root{margin-top:16px}.TextInput_root__IyNqX.TextInput_normal__TNYU4 .MuiInput-root .MuiInput-input{padding:6px 0 5px}.TextInput_root__IyNqX.TextInput_dense__UsYfl .MuiInput-root .MuiInput-input.MuiInputBase-inputMarginDense{padding:4px 0}.TextInput_root__IyNqX .MuiFormControl-root{margin:0}.TextInput_root__IyNqX .MuiInputLabel-root{line-height:19px;transition:all .15s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.TextInput_root__IyNqX .MuiInputLabel-shrink{width:133%}.TextInput_root__IyNqX .TextInput_adornment__c2JxK{color:inherit;transition:all .15s cubic-bezier(.4,0,.2,1)}.TextInput_root__IyNqX .Mui-focused .TextInput_adornment__c2JxK{color:var(--palette-primary-main)}.TextInput_root__IyNqX.TextInput_error__aSA-t .TextInput_adornment__c2JxK{color:var(--palette-error-main)}.TextInput_loader__RKKMk:not(:last-child){margin-right:8px}");export{n as default};

package/componentsV2/TextInput/useShrink.js

@@ -1,87 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useRef, useCallback, useLayoutEffect, useMemo } from 'react';
-
-var getOffset = function getOffset(of, from) {
-  if (!of || !from || of === from) {
-    return undefined;
-  }
-  var offsetLeft = 0;
-  var offsetTop = 0;
-  var current = of;
-  while (current && current !== from) {
-    offsetLeft += current.offsetLeft;
-    offsetTop += current.offsetTop;
-    current = current.parentElement;
-  }
-  return {
-    offsetLeft: offsetLeft,
-    offsetTop: offsetTop
-  };
-};
-var useShrink = function useShrink(_ref) {
-  var propOnFocus = _ref.propOnFocus,
-    propOnBlur = _ref.propOnBlur,
-    value = _ref.value,
-    suffix = _ref.suffix,
-    prefix = _ref.prefix,
-    status = _ref.status;
-  var valueShrink = String(value).length > 0;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    focusShrink = _useState2[0],
-    setFocusShrink = _useState2[1];
-  var _useState3 = useState({
-      left: 0,
-      right: 0
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    labelPaddings = _useState4[0],
-    setLabelPaddings = _useState4[1];
-  var fieldRef = useRef(null);
-  var inputRef = useRef(null);
-  var calcAndSetLabelPaddings = function calcAndSetLabelPaddings() {
-    var _getOffset, _fieldRef$current, _inputRef$current;
-    var left = ((_getOffset = getOffset(inputRef.current, fieldRef.current)) === null || _getOffset === void 0 ? void 0 : _getOffset.offsetLeft) || 0;
-    setLabelPaddings({
-      left: left,
-      right: (((_fieldRef$current = fieldRef.current) === null || _fieldRef$current === void 0 ? void 0 : _fieldRef$current.offsetWidth) || 0) - left - (((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.offsetWidth) || 0)
-    });
-  };
-  var onFocus = useCallback(function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    propOnFocus === null || propOnFocus === void 0 ? void 0 : propOnFocus.apply(void 0, args);
-    setFocusShrink(true);
-  }, [propOnFocus]);
-  var onBlur = useCallback(function () {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    propOnBlur === null || propOnBlur === void 0 ? void 0 : propOnBlur.apply(void 0, args);
-    setFocusShrink(false);
-    calcAndSetLabelPaddings();
-  }, [propOnBlur]);
-
-  // Recalculating offset on any prefix/suffix change (also - status in case of "loading")
-  useLayoutEffect(calcAndSetLabelPaddings, [prefix, suffix, status]);
-  return useMemo(function () {
-    var shrink = valueShrink || focusShrink;
-    return {
-      ref: fieldRef,
-      inputRef: inputRef,
-      InputLabelProps: {
-        component: 'div',
-        shrink: shrink,
-        style: {
-          padding: shrink ? '0px' : "0 ".concat(labelPaddings.right, "px 0 ").concat(labelPaddings.left, "px")
-        }
-      },
-      onFocus: onFocus,
-      onBlur: onBlur
-    };
-  }, [valueShrink, focusShrink, onFocus, onBlur, labelPaddings]);
-};
-
-export { useShrink };
-//# sourceMappingURL=useShrink.js.map
+import{useState as t,useRef as n,useCallback as r,useLayoutEffect as o,useMemo as f}from"react";var e=function(e){var u=e.propOnFocus,i=e.propOnBlur,l=e.value,p=e.suffix,c=e.prefix,a=e.status,v=String(l).length>0,s=t(!1),d=s[0],h=s[1],g=t({left:0,right:0}),x=g[0],m=g[1],L=n(null),y=n(null),B=function(){var t,n,r,o=(null===(t=function(t,n){if(t&&n&&t!==n){for(var r=0,o=0,f=t;f&&f!==n;)r+=f.offsetLeft,o+=f.offsetTop,f=f.parentElement;return{offsetLeft:r,offsetTop:o}}}(y.current,L.current))||void 0===t?void 0:t.offsetLeft)||0;m({left:o,right:((null===(n=L.current)||void 0===n?void 0:n.offsetWidth)||0)-o-((null===(r=y.current)||void 0===r?void 0:r.offsetWidth)||0)})},F=r((function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];null==u||u.apply(void 0,t),h(!0)}),[u]),O=r((function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];null==i||i.apply(void 0,t),h(!1),B()}),[i]);return o(B,[c,p,a]),f((function(){var t=v||d;return{ref:L,inputRef:y,InputLabelProps:{component:"div",shrink:t,style:{padding:t?"0px":"0 ".concat(x.right,"px 0 ").concat(x.left,"px")}},onFocus:F,onBlur:O}}),[v,d,F,O,x])};export{e as useShrink};