@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/componentsV2/TextInput/TextInput.js

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

package/componentsV2/TextInput/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sources":["../../../src/componentsV2/TextInput/TextInput.tsx"],"sourcesContent":["import { InputAdornment, TextField, TextFieldProps } from '@material-ui/core';\nimport {\n  ChangeEvent,\n  cloneElement,\n  FocusEventHandler,\n  isValidElement,\n  KeyboardEventHandler,\n  ReactNode,\n  useCallback,\n  useMemo,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { TextEndTruncated } from '../TextEndTruncated';\nimport { LoaderCircular } from '../LoaderCircular';\n\nimport { useShrink } from './useShrink';\n\nimport styles from './TextInput.scss';\n\nconst prepareAffix = (affix: ReactNode) => {\n  // Injecting `size` prop for icons\n  if (isValidElement(affix)) {\n    // We really don't care if the element actually supports the `size` prop\n    return cloneElement(affix, { size: 16 } as object);\n  }\n\n  // We rely on MUI's text styles here\n  if (affix) {\n    return <p>{affix}</p>;\n  }\n\n  return null;\n};\n\nexport type TextInputProps = {\n  label: ReactNode;\n  value?: string | number;\n  onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;\n  disabled?: boolean;\n  /**\n   * Underlying `input`'s element `type` attribute\n   */\n  type?: 'text' | 'email' | 'password' | 'number' | 'phone' | 'url' | 'search';\n  status?: 'error' | 'loading';\n  spacing?: 'normal' | 'dense';\n  message?: ReactNode;\n  onFocus?: FocusEventHandler;\n  onBlur?: FocusEventHandler;\n  onKeyDown?: KeyboardEventHandler;\n  onKeyUp?: KeyboardEventHandler;\n  placeholder?: string;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n\n  className?: string;\n  testId?: string;\n};\n\nconst StatusToClassNameMap: Record<Required<TextInputProps>['status'], string> = {\n  error: styles.error,\n  loading: '',\n};\n\nconst SpacingToClassNameMap: Record<Required<TextInputProps>['spacing'], string> = {\n  normal: styles.normal,\n  dense: styles.dense,\n};\n\nconst TextInput = ({\n  type,\n  className,\n  testId,\n  prefix,\n  suffix,\n  onFocus: propOnFocus,\n  onBlur: propOnBlur,\n  value = '',\n  message,\n  spacing = 'normal',\n  onChange,\n  status,\n  placeholder,\n  disabled,\n  label,\n  onKeyDown,\n  onKeyUp,\n}: TextInputProps) => {\n  const handleChange = useCallback<Required<TextFieldProps>['onChange']>(\n    event => onChange?.(event.target.value, event as ChangeEvent<HTMLInputElement>),\n    [onChange]\n  );\n\n  // cloneElement(children, { newProp: 'value' })\n  const inputProps = useMemo<Required<TextFieldProps>['InputProps']>(\n    () => ({\n      startAdornment: prefix && (\n        <InputAdornment position=\"start\" className={styles.adornment} disableTypography>\n          {prepareAffix(prefix)}\n        </InputAdornment>\n      ),\n      endAdornment: (suffix || status === 'loading') && (\n        <InputAdornment position=\"end\" className={styles.adornment} disableTypography>\n          {status === 'loading' && <LoaderCircular size=\"xs\" className={styles.loader} />}\n          {prepareAffix(suffix)}\n        </InputAdornment>\n      ),\n    }),\n    [prefix, suffix, status]\n  );\n\n  const shrinkProps = useShrink({ propOnFocus, propOnBlur, value, prefix, suffix, status });\n\n  return (\n    <label\n      className={classNames(\n        styles.root,\n        status && StatusToClassNameMap[status],\n        SpacingToClassNameMap[spacing],\n        className\n      )}\n      data-testid={testId}\n    >\n      <TextField\n        value={value}\n        onChange={handleChange}\n        label={<TextEndTruncated>{label}</TextEndTruncated>}\n        InputProps={inputProps}\n        type={type}\n        fullWidth\n        margin={spacing}\n        helperText={message}\n        error={status === 'error'}\n        disabled={disabled}\n        placeholder={placeholder}\n        onKeyDown={onKeyDown}\n        onKeyUp={onKeyUp}\n        {...shrinkProps}\n      />\n    </label>\n  );\n};\n\nTextInput.Affix = ({ children, className }: { children?: ReactNode; className?: string }) => (\n  <p className={className}>{children}</p>\n);\n\nexport { TextInput };\n"],"names":["prepareAffix","affix","isValidElement","cloneElement","size","_jsx","StatusToClassNameMap","error","styles","loading","SpacingToClassNameMap","normal","dense","TextInput","type","className","testId","prefix","suffix","propOnFocus","onFocus","propOnBlur","onBlur","value","message","spacing","onChange","status","placeholder","disabled","label","onKeyDown","onKeyUp","handleChange","useCallback","event","target","inputProps","useMemo","startAdornment","adornment","endAdornment","_jsxs","loader","shrinkProps","useShrink","classNames","root","Affix","children"],"mappings":"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"}

package/componentsV2/TextInput/TextInput.scss.js

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

package/componentsV2/TextInput/TextInput.scss.js.map

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

package/componentsV2/TextInput/useShrink.js

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

package/componentsV2/TextInput/useShrink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShrink.js","sources":["../../../src/componentsV2/TextInput/useShrink.tsx"],"sourcesContent":["import {\n  FocusEventHandler,\n  ReactNode,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nconst getOffset = (of: HTMLElement | null, from: HTMLElement | null) => {\n  if (!of || !from || of === from) {\n    return undefined;\n  }\n\n  let offsetLeft = 0;\n  let offsetTop = 0;\n  let current = of;\n\n  while (current && current !== from) {\n    offsetLeft += current.offsetLeft;\n    offsetTop += current.offsetTop;\n    current = current.parentElement as HTMLElement;\n  }\n\n  return { offsetLeft, offsetTop };\n};\n\ntype Props = {\n  value: string | number;\n  propOnFocus?: FocusEventHandler;\n  propOnBlur?: FocusEventHandler;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  status?: string;\n};\n\nexport const useShrink = ({ propOnFocus, propOnBlur, value, suffix, prefix, status }: Props) => {\n  const valueShrink = String(value).length > 0;\n  const [focusShrink, setFocusShrink] = useState(false);\n  const [labelPaddings, setLabelPaddings] = useState({ left: 0, right: 0 });\n  const fieldRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const calcAndSetLabelPaddings = () => {\n    const left = getOffset(inputRef.current, fieldRef.current)?.offsetLeft || 0;\n    setLabelPaddings({\n      left,\n      right: (fieldRef.current?.offsetWidth || 0) - left - (inputRef.current?.offsetWidth || 0),\n    });\n  };\n\n  const onFocus = useCallback<FocusEventHandler>(\n    (...args) => {\n      propOnFocus?.(...args);\n      setFocusShrink(true);\n    },\n    [propOnFocus]\n  );\n\n  const onBlur = useCallback<FocusEventHandler>(\n    (...args) => {\n      propOnBlur?.(...args);\n      setFocusShrink(false);\n      calcAndSetLabelPaddings();\n    },\n    [propOnBlur]\n  );\n\n  // Recalculating offset on any prefix/suffix change (also - status in case of \"loading\")\n  useLayoutEffect(calcAndSetLabelPaddings, [prefix, suffix, status]);\n\n  return useMemo(() => {\n    const shrink = valueShrink || focusShrink;\n    return {\n      ref: fieldRef,\n      inputRef,\n      InputLabelProps: {\n        component: 'div',\n        shrink,\n        style: {\n          padding: shrink ? '0px' : `0 ${labelPaddings.right}px 0 ${labelPaddings.left}px`,\n        },\n      },\n      onFocus,\n      onBlur,\n    };\n  }, [valueShrink, focusShrink, onFocus, onBlur, labelPaddings]);\n};\n"],"names":["getOffset","of","from","undefined","offsetLeft","offsetTop","current","parentElement","useShrink","propOnFocus","propOnBlur","value","suffix","prefix","status","valueShrink","String","length","useState","focusShrink","setFocusShrink","left","right","labelPaddings","setLabelPaddings","fieldRef","useRef","inputRef","calcAndSetLabelPaddings","offsetWidth","onFocus","useCallback","args","onBlur","useLayoutEffect","useMemo","shrink","ref","InputLabelProps","component","style","padding"],"mappings":"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"}

package/componentsV2/TextLink/TextLink.js

@@ -1 +1,71 @@
-import{__rest as e,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o,jsxs as i}from"react/jsx-runtime";import{forwardRef as l}from"react";import a from"classnames";import r from"@material-ui/icons/Language";import{Tooltip as s}from"../Tooltip/Tooltip.js";import n from"./TextLink.scss.js";var c=l((function(i,l){var a=i.to,r=i.children,s=e(i,["to","children"]);return o("a",t({},s,{href:a,ref:l,children:r}))})),d=l((function(l,d){var m=l.children,p=l.className,f=l.testId,b=l.disableTooltip,h=l.disabled,u=l.component,v=void 0===u?c:u,N=l.to,g=l.onClick,k=l.target,T=void 0===k?"_blank":k,j=e(l,["children","className","testId","disableTooltip","disabled","component","to","onClick","target"]),x=a(n.root,h?n.disabled:n.enabled),C=null==N?void 0:N.replaceAll("/","/​");return o(s,{title:i("div",{className:n.tooltip,children:[o(r,{fontSize:"small",className:n.icon}),C]}),disabled:b,placement:"bottom-start",children:o("span",{ref:d,className:p,children:h?o("span",{className:x,children:m}):o(v,t({onClick:g,className:x,"data-testid":f,to:N,target:T},j,{children:m}))})})}));export{d as TextLink};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import classNames from 'classnames';
+import LanguageIcon from '@material-ui/icons/Language';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import styles from './TextLink.scss.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["to", "children"],
+  _excluded2 = ["children", "className", "testId", "disableTooltip", "disabled", "component", "to", "onClick", "target"];
+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 Anchor = forwardRef(function (_ref, ref) {
+  var to = _ref.to,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx("a", _objectSpread(_objectSpread({}, props), {}, {
+    href: to,
+    ref: ref,
+    children: children
+  }));
+});
+var TextLink = forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    testId = _ref2.testId,
+    disableTooltip = _ref2.disableTooltip,
+    disabled = _ref2.disabled,
+    _ref2$component = _ref2.component,
+    Component = _ref2$component === void 0 ? Anchor : _ref2$component,
+    to = _ref2.to,
+    onClick = _ref2.onClick,
+    _ref2$target = _ref2.target,
+    target = _ref2$target === void 0 ? '_blank' : _ref2$target,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  var linkClassName = classNames(styles.root, disabled ? styles.disabled : styles.enabled);
+
+  // Adding zero-width spaces ("breaking non-spaces") to href, so it would fit in the tooltip
+  var preparedTooltipText = to === null || to === void 0 ? void 0 : to.replaceAll('/', "/\u200B");
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: /*#__PURE__*/jsxs("div", {
+      className: styles.tooltip,
+      children: [/*#__PURE__*/jsx(LanguageIcon, {
+        fontSize: "small",
+        className: styles.icon
+      }), preparedTooltipText]
+    }),
+    disabled: disableTooltip,
+    placement: "bottom-start",
+    children: /*#__PURE__*/jsx("span", {
+      ref: ref,
+      className: className,
+      children: disabled ? /*#__PURE__*/jsx("span", {
+        className: linkClassName,
+        children: children
+      }) : /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({
+        onClick: onClick,
+        className: linkClassName,
+        "data-testid": testId,
+        to: to,
+        target: target
+      }, rest), {}, {
+        children: children
+      }))
+    })
+  });
+});
+
+export { TextLink };
+//# sourceMappingURL=TextLink.js.map

package/componentsV2/TextLink/TextLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.js","sources":["../../../src/componentsV2/TextLink/TextLink.tsx"],"sourcesContent":["import {\n  ComponentType,\n  forwardRef,\n  HTMLAttributeAnchorTarget,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n} from 'react';\nimport classNames from 'classnames';\nimport LanguageIcon from '@material-ui/icons/Language';\n\nimport { Tooltip } from '../Tooltip';\n\nimport styles from './TextLink.scss';\n\nexport type TextLinkProps = {\n  /**\n   * Component content\n   */\n  children?: ReactNode;\n  /**\n   * URI to navigate to\n   */\n  to?: string;\n  /**\n   * Target frame to open a link in. You'll most likely need `_self` for same tab or `_blank` for new tab\n   */\n  target?: HTMLAttributeAnchorTarget;\n  onClick?: MouseEventHandler<HTMLElement>;\n  disabled?: boolean;\n  disableTooltip?: boolean;\n  /**\n   * Component that will be rendered in place of an `<a/>` tag\n   */\n  component?: ComponentType<\n    Omit<TextLinkProps, 'component' | `disabled` | 'testId'> & {\n      'data-testid'?: string;\n    }\n  >;\n\n  className?: string;\n  testId?: string;\n};\n\nconst Anchor: TextLinkProps['component'] = forwardRef(({ to, children, ...props }, ref) => {\n  return (\n    <a {...props} href={to} ref={ref as Ref<HTMLAnchorElement>}>\n      {children}\n    </a>\n  );\n});\n\nexport const TextLink = forwardRef<HTMLAnchorElement, TextLinkProps>(\n  (\n    {\n      children,\n      className,\n      testId,\n      disableTooltip,\n      disabled,\n      component: Component = Anchor,\n      to,\n      onClick,\n      target = '_blank',\n      // Needed for Tooltip to work\n      ...rest\n    },\n    ref\n  ) => {\n    const linkClassName = classNames(styles.root, disabled ? styles.disabled : styles.enabled);\n\n    // Adding zero-width spaces (\"breaking non-spaces\") to href, so it would fit in the tooltip\n    const preparedTooltipText = to?.replaceAll('/', '/\\u200B');\n\n    return (\n      <Tooltip\n        title={\n          <div className={styles.tooltip}>\n            <LanguageIcon fontSize=\"small\" className={styles.icon} />\n            {preparedTooltipText}\n          </div>\n        }\n        disabled={disableTooltip}\n        placement=\"bottom-start\"\n      >\n        <span ref={ref} className={className}>\n          {disabled ? (\n            <span className={linkClassName}>{children}</span>\n          ) : (\n            <Component\n              onClick={onClick}\n              className={linkClassName}\n              data-testid={testId}\n              to={to}\n              target={target}\n              {...rest}\n            >\n              {children}\n            </Component>\n          )}\n        </span>\n      </Tooltip>\n    );\n  }\n);\n"],"names":["Anchor","forwardRef","ref","to","children","props","_jsx","TextLink","className","testId","disableTooltip","disabled","component","Component","onClick","target","rest","linkClassName","classNames","styles","root","enabled","preparedTooltipText","replaceAll","_jsxs","tooltip","icon"],"mappings":";;;;;;;;;;;;;AA4CA,IAAMA,MAAkC,GAAGC,UAAU,CAAC,UAAA,IAAA,EAA6BC,GAAG,EAAK;EAAA,IAAlCC,EAAE,QAAFA,EAAE;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;IAAKC,KAAK,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAC7E,EAAA,oBACEC,yCAAOD,KAAK,CAAA,EAAA,EAAA,EAAA;AAAE,IAAA,IAAI,EAAEF,EAAG;AAAC,IAAA,GAAG,EAAED,GAA8B;IAAA,QACxDE,EAAAA,QAAAA;GACC,CAAA,CAAA,CAAA;AAER,CAAC,CAAC,CAAA;IAEWG,QAAQ,GAAGN,UAAU,CAChC,UAAA,KAAA,EAcEC,GAAG,EACA;EAAA,IAbDE,QAAQ,SAARA,QAAQ;AACRI,IAAAA,SAAS,SAATA,SAAS;AACTC,IAAAA,MAAM,SAANA,MAAM;AACNC,IAAAA,cAAc,SAAdA,cAAc;AACdC,IAAAA,QAAQ,SAARA,QAAQ;AAAA,IAAA,eAAA,GAAA,KAAA,CACRC,SAAS;AAAEC,IAAAA,SAAS,gCAAGb,MAAM,GAAA,eAAA;AAC7BG,IAAAA,EAAE,SAAFA,EAAE;AACFW,IAAAA,OAAO,SAAPA,OAAO;AAAA,IAAA,YAAA,GAAA,KAAA,CACPC,MAAM;AAANA,IAAAA,MAAM,6BAAG,QAAQ,GAAA,YAAA;IAEdC,IAAI,GAAA,wBAAA,CAAA,KAAA,EAAA,UAAA,CAAA,CAAA;AAIT,EAAA,IAAMC,aAAa,GAAGC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAET,QAAQ,GAAGQ,MAAM,CAACR,QAAQ,GAAGQ,MAAM,CAACE,OAAO,CAAC,CAAA;;AAE1F;AACA,EAAA,IAAMC,mBAAmB,GAAGnB,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAFA,EAAE,CAAEoB,UAAU,CAAC,GAAG,EAAE,SAAS,CAAC,CAAA;AAE1D,EAAA,oBACEjB,IAAC,OAAO,EAAA;AACN,IAAA,KAAK,eACHkB,IAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEL,MAAM,CAACM,OAAQ;AAAA,MAAA,QAAA,EAAA,cAC7BnB,IAAC,YAAY,EAAA;AAAC,QAAA,QAAQ,EAAC,OAAO;QAAC,SAAS,EAAEa,MAAM,CAACO,IAAAA;AAAK,OAAA,CAAG,EACxDJ,mBAAmB,CAAA;KAEvB,CAAA;AACD,IAAA,QAAQ,EAAEZ,cAAe;AACzB,IAAA,SAAS,EAAC,cAAc;IAAA,QAExB,eAAAJ,GAAA,CAAA,MAAA,EAAA;AAAM,MAAA,GAAG,EAAEJ,GAAI;AAAC,MAAA,SAAS,EAAEM,SAAU;AAAA,MAAA,QAAA,EAClCG,QAAQ,gBACPL,GAAA,CAAA,MAAA,EAAA;AAAM,QAAA,SAAS,EAAEW,aAAc;QAAA,QAAEb,EAAAA,QAAAA;OAAgB,CAAA,gBAEjDE,IAAC,SAAS,EAAA,aAAA,CAAA,aAAA,CAAA;AACR,QAAA,OAAO,EAAEQ,OAAQ;AACjB,QAAA,SAAS,EAAEG,aAAc;AACzB,QAAA,aAAA,EAAaR,MAAO;AACpB,QAAA,EAAE,EAAEN,EAAG;AACP,QAAA,MAAM,EAAEY,MAAAA;AAAO,OAAA,EACXC,IAAI,CAAA,EAAA,EAAA,EAAA;QAAA,QAEPZ,EAAAA,QAAAA;AAAQ,OAAA,CAAA,CAAA;AAEZ,KAAA,CAAA;GAEK,CAAA,CAAA;AAEd,CAAC;;;;"}

package/componentsV2/TextLink/TextLink.scss.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"TextLink_root__QwRLL",enabled:"TextLink_enabled__xRVMs",disabled:"TextLink_disabled__zz9Bk",tooltip:"TextLink_tooltip__nVhOn",icon:"TextLink_icon__-wrDV"};e(".TextLink_root__QwRLL{cursor:pointer;font-size:inherit;letter-spacing:inherit;line-height:inherit;outline:none;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.TextLink_root__QwRLL.TextLink_enabled__xRVMs{color:var(--palette-primary-main)}.TextLink_root__QwRLL.TextLink_enabled__xRVMs:active,.TextLink_root__QwRLL.TextLink_enabled__xRVMs:focus,.TextLink_root__QwRLL.TextLink_enabled__xRVMs:hover,.TextLink_root__QwRLL.TextLink_enabled__xRVMs:visited{text-decoration:underline}.TextLink_root__QwRLL.TextLink_disabled__zz9Bk{color:var(--palette-primary-dark);pointer-events:none}.TextLink_tooltip__nVhOn{align-items:center;display:flex;max-width:300px;overflow:hidden;text-overflow:ellipsis}.TextLink_icon__-wrDV{margin-right:8px}");export{t as default};
+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.TextLink_root__QwRLL {\n  cursor: pointer;\n  text-decoration: none;\n  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n  outline: none;\n  font-size: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n}\n.TextLink_root__QwRLL.TextLink_enabled__xRVMs {\n  color: var(--palette-primary-main);\n}\n.TextLink_root__QwRLL.TextLink_enabled__xRVMs:hover, .TextLink_root__QwRLL.TextLink_enabled__xRVMs:focus, .TextLink_root__QwRLL.TextLink_enabled__xRVMs:active, .TextLink_root__QwRLL.TextLink_enabled__xRVMs:visited {\n  text-decoration: underline;\n}\n.TextLink_root__QwRLL.TextLink_disabled__zz9Bk {\n  pointer-events: none;\n  color: var(--palette-primary-dark);\n}\n.TextLink_tooltip__nVhOn {\n  display: flex;\n  align-items: center;\n  max-width: 300px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.TextLink_icon__-wrDV {\n  margin-right: 8px;\n}";
+var styles = {"spacing":"8","root":"TextLink_root__QwRLL","enabled":"TextLink_enabled__xRVMs","disabled":"TextLink_disabled__zz9Bk","tooltip":"TextLink_tooltip__nVhOn","icon":"TextLink_icon__-wrDV"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=TextLink.scss.js.map

package/componentsV2/TextLink/TextLink.scss.js.map

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

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js

@@ -1 +1,8 @@
-var e;!function(e){e.FullTextTestId="CorvaUI.TextMiddleTruncated.FullTextTestId",e.TruncatedTextTestId="CorvaUI.TextMiddleTruncated.TruncatedTextTestId"}(e||(e={}));export{e as TextMiddleTruncatedTestIds};
+var TextMiddleTruncatedTestIds;
+(function (TextMiddleTruncatedTestIds) {
+  TextMiddleTruncatedTestIds["FullTextTestId"] = "CorvaUI.TextMiddleTruncated.FullTextTestId";
+  TextMiddleTruncatedTestIds["TruncatedTextTestId"] = "CorvaUI.TextMiddleTruncated.TruncatedTextTestId";
+})(TextMiddleTruncatedTestIds || (TextMiddleTruncatedTestIds = {}));
+
+export { TextMiddleTruncatedTestIds };
+//# sourceMappingURL=TextMiddleTruncated.constants.js.map

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextMiddleTruncated.constants.js","sources":["../../../src/componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.ts"],"sourcesContent":["export enum TextMiddleTruncatedTestIds {\n  FullTextTestId = 'CorvaUI.TextMiddleTruncated.FullTextTestId',\n  TruncatedTextTestId = 'CorvaUI.TextMiddleTruncated.TruncatedTextTestId',\n}\n"],"names":["TextMiddleTruncatedTestIds"],"mappings":"AAAA,IAAYA,2BAA0B;AAGrC,CAAA,UAHWA,0BAA0B,EAAA;EAA1BA,0BAA0B,CAAA,gBAAA,CAAA,GAAA,4CAAA,CAAA;EAA1BA,0BAA0B,CAAA,qBAAA,CAAA,GAAA,iDAAA,CAAA;AAAA,CAA1BA,EAAAA,0BAA0B,KAA1BA,0BAA0B,GAAA,EAAA,CAAA,CAAA;;;;"}

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.js

@@ -1 +1,91 @@
-import{jsx as t,jsxs as r}from"react/jsx-runtime";import e from"classnames";import{useRef as n,useState as i,useLayoutEffect as o}from"react";import{debounce as s}from"lodash";import{Tooltip as c}from"../Tooltip/Tooltip.js";import{TextMiddleTruncatedTestIds as d}from"./TextMiddleTruncated.constants.js";import a from"./TextMiddleTruncated.scss.js";import{truncateInTheMiddle as l}from"../../utils/formatting.js";var u=function(u){var m=u.children,f=u.testId,v=u.className,p=u.disableTooltip,T=String(m),h=n(null),b=n(null),x=n(null),j=i(T),N=j[0],g=j[1];return o((function(){var t=s((function(){var t;if(h.current&&b.current){var r=h.current.clientWidth,e=b.current,n=e.scrollWidth,i=e.textContent;if(r===(null===(t=x.current)||void 0===t?void 0:t.clientWidth))return;g(l(i,r,n))}}),200,{leading:!0}),r=new ResizeObserver(t),e=new MutationObserver(t);return h.current&&b.current&&(r.observe(h.current),r.observe(b.current),e.observe(b.current,{subtree:!0,characterData:!0})),function(){r.disconnect(),e.disconnect()}}),[]),t(c,{title:T,disabled:p||N===T,children:r("div",{className:e(a.root,v),ref:h,"data-testid":f,children:[t("div",{className:a.inner,ref:x,"data-testid":d.TruncatedTextTestId,children:N}),t("div",{className:a.hiddenElement,ref:b,"data-testid":d.FullTextTestId,children:T})]})})};export{u as TextMiddleTruncated};
+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 { TextMiddleTruncatedTestIds } from './TextMiddleTruncated.constants.js';
+import styles from './TextMiddleTruncated.scss.js';
+import { truncateInTheMiddle } from '../../utils/formatting.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var TextMiddleTruncated = function TextMiddleTruncated(_ref) {
+  var children = _ref.children,
+    testId = _ref.testId,
+    className = _ref.className,
+    disableTooltip = _ref.disableTooltip;
+  var stringContent = String(children);
+  var containerRef = useRef(null);
+  var hiddenEltRef = useRef(null);
+  var innerRef = useRef(null);
+  var _useState = useState(stringContent),
+    _useState2 = _slicedToArray(_useState, 2),
+    truncatedContent = _useState2[0],
+    setTruncatedContent = _useState2[1];
+  useLayoutEffect(function () {
+    var onDimensionsOrContentChange = debounce(function () {
+      if (containerRef.current && hiddenEltRef.current) {
+        var _innerRef$current;
+        var clientWidth = containerRef.current.clientWidth;
+        var _hiddenEltRef$current = hiddenEltRef.current,
+          hiddenElementWidth = _hiddenEltRef$current.scrollWidth,
+          textContent = _hiddenEltRef$current.textContent;
+
+        // Fix for infinite shrinking in flex environments: we should not recalculate inner text again when
+        // size changes due to non-exact truncation which causes flex shrink and recalc, and there is no overflow
+        if (clientWidth === ((_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.clientWidth)) {
+          return;
+        }
+
+        // This calculation does not take into account the actual character width and relies on "average" width
+        // Measuring with canvas will produce exact results, but may be much more resource-intensive
+        // For benchmarks see https://www.measurethat.net/Benchmarks/Show/9887/2/measure-single-text
+        // Text measurement in canvas:
+        // canvasNode.getContext('2d').font = getComputedStyle(node).font;
+        // const measurements = canvasNode.getContext('2d').measureText('Text to measure')
+        setTruncatedContent(truncateInTheMiddle(textContent, clientWidth, hiddenElementWidth));
+      }
+    }, 200, {
+      leading: true
+    });
+    var resizeObserver = new ResizeObserver(onDimensionsOrContentChange);
+    var mutationObserver = new MutationObserver(onDimensionsOrContentChange);
+    if (containerRef.current && hiddenEltRef.current) {
+      // Account for available space change
+      resizeObserver.observe(containerRef.current);
+      // Account for styles change
+      resizeObserver.observe(hiddenEltRef.current);
+      // Account for text change
+      mutationObserver.observe(hiddenEltRef.current, {
+        subtree: true,
+        characterData: true
+      });
+    }
+    return function () {
+      resizeObserver.disconnect();
+      mutationObserver.disconnect();
+    };
+  }, []);
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: stringContent,
+    disabled: disableTooltip || truncatedContent === stringContent,
+    children: /*#__PURE__*/jsxs("div", {
+      className: classNames(styles.root, className),
+      ref: containerRef,
+      "data-testid": testId,
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.inner,
+        ref: innerRef,
+        "data-testid": TextMiddleTruncatedTestIds.TruncatedTextTestId,
+        children: truncatedContent
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.hiddenElement,
+        ref: hiddenEltRef,
+        "data-testid": TextMiddleTruncatedTestIds.FullTextTestId,
+        children: stringContent
+      })]
+    })
+  });
+};
+
+export { TextMiddleTruncated };
+//# sourceMappingURL=TextMiddleTruncated.js.map

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextMiddleTruncated.js","sources":["../../../src/componentsV2/TextMiddleTruncated/TextMiddleTruncated.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { useLayoutEffect, useRef, useState } from 'react';\nimport { debounce } from 'lodash';\n\nimport { Tooltip } from '../Tooltip';\n\nimport { TextMiddleTruncatedTestIds } from './TextMiddleTruncated.constants';\n\nimport styles from './TextMiddleTruncated.scss';\n\nimport { truncateInTheMiddle } from '~/utils/formatting';\n\nexport type TextMiddleTruncatedProps = {\n  /**\n   * Content\n   */\n  children: string | number;\n  disableTooltip?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const TextMiddleTruncated = ({\n  children,\n  testId,\n  className,\n  disableTooltip,\n}: TextMiddleTruncatedProps) => {\n  const stringContent = String(children);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const hiddenEltRef = useRef<HTMLDivElement>(null);\n  const innerRef = useRef<HTMLDivElement>(null);\n  const [truncatedContent, setTruncatedContent] = useState(stringContent);\n\n  useLayoutEffect(() => {\n    const onDimensionsOrContentChange = debounce(\n      () => {\n        if (containerRef.current && hiddenEltRef.current) {\n          const { clientWidth } = containerRef.current;\n          const { scrollWidth: hiddenElementWidth, textContent } = hiddenEltRef.current;\n\n          // Fix for infinite shrinking in flex environments: we should not recalculate inner text again when\n          // size changes due to non-exact truncation which causes flex shrink and recalc, and there is no overflow\n          if (clientWidth === innerRef.current?.clientWidth) {\n            return;\n          }\n\n          // This calculation does not take into account the actual character width and relies on \"average\" width\n          // Measuring with canvas will produce exact results, but may be much more resource-intensive\n          // For benchmarks see https://www.measurethat.net/Benchmarks/Show/9887/2/measure-single-text\n          // Text measurement in canvas:\n          // canvasNode.getContext('2d').font = getComputedStyle(node).font;\n          // const measurements = canvasNode.getContext('2d').measureText('Text to measure')\n          setTruncatedContent(truncateInTheMiddle(textContent, clientWidth, hiddenElementWidth));\n        }\n      },\n      200,\n      { leading: true }\n    );\n\n    const resizeObserver = new ResizeObserver(onDimensionsOrContentChange);\n    const mutationObserver = new MutationObserver(onDimensionsOrContentChange);\n\n    if (containerRef.current && hiddenEltRef.current) {\n      // Account for available space change\n      resizeObserver.observe(containerRef.current);\n      // Account for styles change\n      resizeObserver.observe(hiddenEltRef.current);\n      // Account for text change\n      mutationObserver.observe(hiddenEltRef.current, {\n        subtree: true,\n        characterData: true,\n      });\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n    };\n  }, []);\n\n  return (\n    <Tooltip title={stringContent} disabled={disableTooltip || truncatedContent === stringContent}>\n      <div className={classNames(styles.root, className)} ref={containerRef} data-testid={testId}>\n        <div\n          className={styles.inner}\n          ref={innerRef}\n          data-testid={TextMiddleTruncatedTestIds.TruncatedTextTestId}\n        >\n          {truncatedContent}\n        </div>\n        {/* This wrapper is needed to get text's measurements  */}\n        <div\n          className={styles.hiddenElement}\n          ref={hiddenEltRef}\n          data-testid={TextMiddleTruncatedTestIds.FullTextTestId}\n        >\n          {stringContent}\n        </div>\n      </div>\n    </Tooltip>\n  );\n};\n"],"names":["TextMiddleTruncated","children","testId","className","disableTooltip","stringContent","String","containerRef","useRef","hiddenEltRef","innerRef","useState","truncatedContent","setTruncatedContent","useLayoutEffect","onDimensionsOrContentChange","debounce","current","clientWidth","hiddenElementWidth","scrollWidth","textContent","truncateInTheMiddle","leading","resizeObserver","ResizeObserver","mutationObserver","MutationObserver","observe","subtree","characterData","disconnect","_jsx","_jsxs","classNames","styles","root","inner","TextMiddleTruncatedTestIds","TruncatedTextTestId","hiddenElement","FullTextTestId"],"mappings":";;;;;;;;;;AAuBaA,IAAAA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAKA,IAAA,EAAA;EAAA,IAJ9BC,QAAQ,QAARA,QAAQ;AACRC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,cAAc,QAAdA,cAAc,CAAA;AAEd,EAAA,IAAMC,aAAa,GAAGC,MAAM,CAACL,QAAQ,CAAC,CAAA;AAEtC,EAAA,IAAMM,YAAY,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AACjD,EAAA,IAAMC,YAAY,GAAGD,MAAM,CAAiB,IAAI,CAAC,CAAA;AACjD,EAAA,IAAME,QAAQ,GAAGF,MAAM,CAAiB,IAAI,CAAC,CAAA;EAC7C,IAAgDG,SAAAA,GAAAA,QAAQ,CAACN,aAAa,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAAhEO,gBAAgB,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,mBAAmB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAE5CC,EAAAA,eAAe,CAAC,YAAM;AACpB,IAAA,IAAMC,2BAA2B,GAAGC,QAAQ,CAC1C,YAAM;AACJ,MAAA,IAAIT,YAAY,CAACU,OAAO,IAAIR,YAAY,CAACQ,OAAO,EAAE;AAAA,QAAA,IAAA,iBAAA,CAAA;AAChD,QAAA,IAAQC,WAAW,GAAKX,YAAY,CAACU,OAAO,CAApCC,WAAW,CAAA;QACnB,IAAyDT,qBAAAA,GAAAA,YAAY,CAACQ,OAAO;AAAxDE,UAAAA,kBAAkB,yBAA/BC,WAAW;AAAsBC,UAAAA,WAAW,yBAAXA,WAAW,CAAA;;AAEpD;AACA;QACA,IAAIH,WAAW,2BAAKR,QAAQ,CAACO,OAAO,MAAhB,IAAA,IAAA,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAkBC,WAAW,CAAE,EAAA;AACjD,UAAA,OAAA;AACF,SAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;QACAL,mBAAmB,CAACS,mBAAmB,CAACD,WAAW,EAAEH,WAAW,EAAEC,kBAAkB,CAAC,CAAC,CAAA;AACxF,OAAA;KACD,EACD,GAAG,EACH;AAAEI,MAAAA,OAAO,EAAE,IAAA;AAAK,KAAC,CAClB,CAAA;AAED,IAAA,IAAMC,cAAc,GAAG,IAAIC,cAAc,CAACV,2BAA2B,CAAC,CAAA;AACtE,IAAA,IAAMW,gBAAgB,GAAG,IAAIC,gBAAgB,CAACZ,2BAA2B,CAAC,CAAA;AAE1E,IAAA,IAAIR,YAAY,CAACU,OAAO,IAAIR,YAAY,CAACQ,OAAO,EAAE;AAChD;AACAO,MAAAA,cAAc,CAACI,OAAO,CAACrB,YAAY,CAACU,OAAO,CAAC,CAAA;AAC5C;AACAO,MAAAA,cAAc,CAACI,OAAO,CAACnB,YAAY,CAACQ,OAAO,CAAC,CAAA;AAC5C;AACAS,MAAAA,gBAAgB,CAACE,OAAO,CAACnB,YAAY,CAACQ,OAAO,EAAE;AAC7CY,QAAAA,OAAO,EAAE,IAAI;AACbC,QAAAA,aAAa,EAAE,IAAA;AACjB,OAAC,CAAC,CAAA;AACJ,KAAA;AAEA,IAAA,OAAO,YAAM;MACXN,cAAc,CAACO,UAAU,EAAE,CAAA;MAC3BL,gBAAgB,CAACK,UAAU,EAAE,CAAA;KAC9B,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,oBACEC,IAAC,OAAO,EAAA;AAAC,IAAA,KAAK,EAAE3B,aAAc;AAAC,IAAA,QAAQ,EAAED,cAAc,IAAIQ,gBAAgB,KAAKP,aAAc;IAAA,QAC5F,eAAA4B,IAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEjC,SAAS,CAAE;AAAC,MAAA,GAAG,EAAEI,YAAa;AAAC,MAAA,aAAA,EAAaL,MAAO;MAAA,QACzF,EAAA,cAAA8B,GAAA,CAAA,KAAA,EAAA;QACE,SAAS,EAAEG,MAAM,CAACE,KAAM;AACxB,QAAA,GAAG,EAAE3B,QAAS;QACd,aAAa4B,EAAAA,0BAA0B,CAACC,mBAAoB;QAAA,QAE3D3B,EAAAA,gBAAAA;AAAgB,OAAA,CACb,eAENoB,GAAA,CAAA,KAAA,EAAA;QACE,SAAS,EAAEG,MAAM,CAACK,aAAc;AAChC,QAAA,GAAG,EAAE/B,YAAa;QAClB,aAAa6B,EAAAA,0BAA0B,CAACG,cAAe;QAAA,QAEtDpC,EAAAA,aAAAA;OACG,CAAA,CAAA;AAAA,KAAA,CAAA;GAEA,CAAA,CAAA;AAEd;;;;"}

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var d={root:"TextMiddleTruncated_root__sMHwy",inner:"TextMiddleTruncated_inner__sWwZy",hiddenElement:"TextMiddleTruncated_hiddenElement__JW0Og"};e(".TextMiddleTruncated_root__sMHwy{overflow:hidden;white-space:nowrap}.TextMiddleTruncated_inner__sWwZy{display:inline-block;vertical-align:top}.TextMiddleTruncated_hiddenElement__JW0Og{height:0;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden;width:0}");export{d as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".TextMiddleTruncated_root__sMHwy {\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.TextMiddleTruncated_inner__sWwZy {\n  display: inline-block;\n  vertical-align: top;\n}\n\n.TextMiddleTruncated_hiddenElement__JW0Og {\n  position: absolute;\n  width: 0;\n  height: 0;\n  overflow: hidden;\n  visibility: hidden;\n  pointer-events: none;\n}";
+var styles = {"root":"TextMiddleTruncated_root__sMHwy","inner":"TextMiddleTruncated_inner__sWwZy","hiddenElement":"TextMiddleTruncated_hiddenElement__JW0Og"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=TextMiddleTruncated.scss.js.map

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js.map

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

package/componentsV2/ToggleButtons/ToggleButtons.js

@@ -1 +1,67 @@
-import{__assign as e,__rest as t}from'./../../ext-esm/tslib/tslib.es6.js';import{useCallback as a,createElement as o}from"react";import{jsx as s}from"react/jsx-runtime";import{ToggleButtonGroup as l,ToggleButton as i}from"@material-ui/lab";import r from"classnames";import{Tooltip as m}from"../Tooltip/Tooltip.js";import n from"./ToggleButtons.scss.js";var u=function(a){var o=a.label,l=a.testId,u=a.className,d=a.tooltip,c=a.disabled,p=a.value,f=t(a,["label","testId","className","tooltip","disabled","value"]),v=s(i,e({disabled:c,"data-testid":l,className:r(n.button,u),value:p},f,{children:o}));return d?s(m,{title:d,children:v}):v},d=function(t){var i=t.testId,r=t.className,m=t.options,n=t.size,d=void 0===n?"medium":n,c=t.value,p=t.onChange,f=a((function(e,t){null!==t&&p&&p(t,e)}),[p]);return s(l,{className:r,"data-testid":i,onChange:f,value:c,exclusive:!0,size:d,children:m.map((function(t){return o(u,e({},t,{key:t.value}))}))})};export{d as ToggleButtons};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useCallback, createElement } from 'react';
+import { ToggleButtonGroup, ToggleButton } from '@material-ui/lab';
+import classNames from 'classnames';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import styles from './ToggleButtons.scss.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["label", "testId", "className", "tooltip", "disabled", "value"];
+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; }
+// This is needed to correctly handle props injected by MuiToggleButtonGroup
+var ButtonWithTooltip = function ButtonWithTooltip(_ref) {
+  var label = _ref.label,
+    testId = _ref.testId,
+    className = _ref.className,
+    tooltip = _ref.tooltip,
+    disabled = _ref.disabled,
+    value = _ref.value,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var button = /*#__PURE__*/jsx(ToggleButton, _objectSpread(_objectSpread({
+    disabled: disabled,
+    "data-testid": testId,
+    className: classNames(styles.button, className),
+    value: value
+  }, rest), {}, {
+    children: label
+  }));
+  if (tooltip) {
+    return /*#__PURE__*/jsx(Tooltip, {
+      title: tooltip,
+      children: button
+    });
+  }
+  return button;
+};
+var ToggleButtons = function ToggleButtons(_ref2) {
+  var testId = _ref2.testId,
+    className = _ref2.className,
+    options = _ref2.options,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
+    value = _ref2.value,
+    onChange = _ref2.onChange;
+  var onChangeHandler = useCallback(function (event, value) {
+    if (value !== null && onChange) {
+      onChange(value, event);
+    }
+  }, [onChange]);
+  return /*#__PURE__*/jsx(ToggleButtonGroup, {
+    className: className,
+    "data-testid": testId,
+    onChange: onChangeHandler,
+    value: value,
+    exclusive: true,
+    size: size,
+    children: options.map(function (option) {
+      return /*#__PURE__*/createElement(ButtonWithTooltip, _objectSpread(_objectSpread({}, option), {}, {
+        key: option.value
+      }));
+    })
+  });
+};
+
+export { ToggleButtons };
+//# sourceMappingURL=ToggleButtons.js.map

package/componentsV2/ToggleButtons/ToggleButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtons.js","sources":["../../../src/componentsV2/ToggleButtons/ToggleButtons.tsx"],"sourcesContent":["import { MouseEvent, ReactNode, useCallback } from 'react';\nimport {\n  ToggleButton as MuiToggleButton,\n  ToggleButtonGroup as MuiToggleButtonGroup,\n} from '@material-ui/lab';\nimport classNames from 'classnames';\n\nimport { Tooltip } from '../Tooltip';\n\nimport styles from './ToggleButtons.scss';\n\nexport type ToggleButtonsProps = {\n  options: {\n    label: ReactNode;\n    value: string;\n    disabled?: boolean;\n    tooltip?: ReactNode;\n\n    className?: string;\n    testId?: string;\n  }[];\n  value?: string;\n  onChange?: (value: string, event: MouseEvent<HTMLElement>) => void;\n  size?: 'small' | 'medium' | 'large';\n\n  className?: string;\n  testId?: string;\n};\n\n// This is needed to correctly handle props injected by MuiToggleButtonGroup\nconst ButtonWithTooltip = ({\n  label,\n  testId,\n  className,\n  tooltip,\n  disabled,\n  value,\n  // Other props injected by MuiToggleButtonGroup\n  ...rest\n}: ToggleButtonsProps['options'][number]) => {\n  const button = (\n    <MuiToggleButton\n      disabled={disabled}\n      data-testid={testId}\n      className={classNames(styles.button, className)}\n      value={value}\n      {...rest}\n    >\n      {label}\n    </MuiToggleButton>\n  );\n\n  if (tooltip) {\n    return <Tooltip title={tooltip}>{button}</Tooltip>;\n  }\n\n  return button;\n};\n\nexport const ToggleButtons = ({\n  testId,\n  className,\n  options,\n  size = 'medium',\n  value,\n  onChange,\n}: ToggleButtonsProps) => {\n  const onChangeHandler = useCallback(\n    (event: MouseEvent<HTMLElement>, value: string | null) => {\n      if (value !== null && onChange) {\n        onChange(value, event);\n      }\n    },\n    [onChange]\n  );\n\n  return (\n    <MuiToggleButtonGroup\n      className={className}\n      data-testid={testId}\n      onChange={onChangeHandler}\n      value={value}\n      exclusive\n      size={size}\n    >\n      {options.map(option => (\n        <ButtonWithTooltip {...option} key={option.value} />\n      ))}\n    </MuiToggleButtonGroup>\n  );\n};\n"],"names":["ButtonWithTooltip","label","testId","className","tooltip","disabled","value","rest","button","_jsx","MuiToggleButton","classNames","styles","ToggleButtons","options","size","onChange","onChangeHandler","useCallback","event","MuiToggleButtonGroup","map","option","_createElement"],"mappings":";;;;;;;;;;;;AA6BA;AACA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiB,CASsB,IAAA,EAAA;EAAA,IAR3CC,KAAK,QAALA,KAAK;AACLC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,OAAO,QAAPA,OAAO;AACPC,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,KAAK,QAALA,KAAK;IAEFC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAEP,IAAMC,MAAM,gBACVC,GAAA,CAACC,YAAe,EAAA,aAAA,CAAA,aAAA,CAAA;AACd,IAAA,QAAQ,EAAEL,QAAS;AACnB,IAAA,aAAA,EAAaH,MAAO;IACpB,SAAS,EAAES,UAAU,CAACC,MAAM,CAACJ,MAAM,EAAEL,SAAS,CAAE;AAChD,IAAA,KAAK,EAAEG,KAAAA;AAAM,GAAA,EACTC,IAAI,CAAA,EAAA,EAAA,EAAA;IAAA,QAEPN,EAAAA,KAAAA;GAEJ,CAAA,CAAA,CAAA;AAED,EAAA,IAAIG,OAAO,EAAE;AACX,IAAA,oBAAOK,IAAC,OAAO,EAAA;AAAC,MAAA,KAAK,EAAEL,OAAQ;MAAA,QAAEI,EAAAA,MAAAA;KAAiB,CAAA,CAAA;AACpD,GAAA;AAEA,EAAA,OAAOA,MAAM,CAAA;AACf,CAAC,CAAA;AAEYK,IAAAA,aAAa,GAAG,SAAhBA,aAAa,CAOA,KAAA,EAAA;EAAA,IANxBX,MAAM,SAANA,MAAM;AACNC,IAAAA,SAAS,SAATA,SAAS;AACTW,IAAAA,OAAO,SAAPA,OAAO;AAAA,IAAA,UAAA,GAAA,KAAA,CACPC,IAAI;AAAJA,IAAAA,IAAI,2BAAG,QAAQ,GAAA,UAAA;AACfT,IAAAA,KAAK,SAALA,KAAK;AACLU,IAAAA,QAAQ,SAARA,QAAQ,CAAA;EAER,IAAMC,eAAe,GAAGC,WAAW,CACjC,UAACC,KAA8B,EAAEb,KAAoB,EAAK;AACxD,IAAA,IAAIA,KAAK,KAAK,IAAI,IAAIU,QAAQ,EAAE;AAC9BA,MAAAA,QAAQ,CAACV,KAAK,EAAEa,KAAK,CAAC,CAAA;AACxB,KAAA;AACF,GAAC,EACD,CAACH,QAAQ,CAAC,CACX,CAAA;AAED,EAAA,oBACEP,IAACW,iBAAoB,EAAA;AACnB,IAAA,SAAS,EAAEjB,SAAU;AACrB,IAAA,aAAA,EAAaD,MAAO;AACpB,IAAA,QAAQ,EAAEe,eAAgB;AAC1B,IAAA,KAAK,EAAEX,KAAM;IACb,SAAS,EAAA,IAAA;AACT,IAAA,IAAI,EAAES,IAAK;AAAA,IAAA,QAAA,EAEVD,OAAO,CAACO,GAAG,CAAC,UAAAC,MAAM,EAAA;MAAA,oBACjBC,aAAA,CAAC,iBAAiB,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAAKD,MAAM,CAAA,EAAA,EAAA,EAAA;QAAE,GAAG,EAAEA,MAAM,CAAChB,KAAAA;OAAS,CAAA,CAAA,CAAA;KACrD,CAAA;GACoB,CAAA,CAAA;AAE3B;;;;"}

package/componentsV2/ToggleButtons/ToggleButtons.scss.js

@@ -1 +1,8 @@
-import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",button:"ToggleButtons_button__GH4OM"};t(".ToggleButtons_button__GH4OM{margin:0!important;transition:.15s cubic-bezier(.4,0,.2,1);transition-property:color,background}.ToggleButtons_button__GH4OM:focus,.ToggleButtons_button__GH4OM:hover{background:rgb(from var(--palette-primary-text-1) r g b/.12);color:var(--palette-primary-text-1)}");export{o as default};
+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.ToggleButtons_button__GH4OM {\n  transition: cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n  transition-property: color, background;\n  margin: 0 !important;\n}\n.ToggleButtons_button__GH4OM:hover, .ToggleButtons_button__GH4OM:focus {\n  background: rgb(from var(--palette-primary-text-1) r g b / 0.12);\n  color: var(--palette-primary-text-1);\n}";
+var styles = {"spacing":"8","button":"ToggleButtons_button__GH4OM"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=ToggleButtons.scss.js.map

package/componentsV2/ToggleButtons/ToggleButtons.scss.js.map

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