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

package/componentsV2/Switch/Switch.js

@@ -0,0 +1,78 @@
+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

package/componentsV2/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../src/componentsV2/Switch/Switch.tsx"],"sourcesContent":["import { ChangeEvent, forwardRef, ReactNode, Ref, useCallback } from 'react';\nimport classNames from 'classnames';\nimport { Switch as MuiSwitch, SwitchProps as MuiSwitchProps } from '@material-ui/core';\n\nimport { Text, TextProps } from '../Text';\n\nimport styles from './Switch.scss';\n\nexport type SwitchProps = {\n  onLabel?: ReactNode;\n  offLabel?: ReactNode;\n\n  /**\n   * Checked state\n   */\n  checked?: boolean;\n  disabled?: boolean;\n  onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  size?: 'small' | 'medium';\n\n  /**\n   * If set to `true`, Switch will have the colors/styles as  if it's checked. Labels will change color depending on checked status\n   */\n  disableOffState?: boolean;\n\n  /**\n   * Ref to underlying input\n   */\n  inputRef?: Ref<HTMLInputElement>;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToLabelSizeMap: Record<Required<SwitchProps>['size'], TextProps['size']> = {\n  medium: 16,\n  small: 14,\n};\n\nconst SizeToClassMap: Record<Required<SwitchProps>['size'], string> = {\n  medium: styles.medium,\n  small: styles.small,\n};\n\ntype SwitchLabelProps = {\n  label: ReactNode;\n  active: boolean;\n  size: Required<SwitchProps>['size'];\n  disabled?: boolean;\n};\n\nconst SwitchLabel = ({ label, active, size, disabled }: SwitchLabelProps) => {\n  const baseColor = active ? 'T1' : 'T7';\n  const actualColor = disabled ? 'T8' : baseColor;\n\n  return label ? (\n    <Text size={SizeToLabelSizeMap[size]} color={actualColor} className={styles.label}>\n      {label}\n    </Text>\n  ) : null;\n};\n\nexport const Switch = forwardRef<HTMLLabelElement, SwitchProps>(\n  (\n    {\n      onChange,\n      disabled,\n      size = 'medium',\n      className,\n      inputRef,\n      checked,\n      onLabel,\n      offLabel,\n      testId,\n      disableOffState,\n      // Needed for Tooltip to work\n      ...rest\n    },\n    ref\n  ) => {\n    const onChangeHandler = useCallback<Required<MuiSwitchProps>['onChange']>(\n      (event, checked) => onChange?.(checked, event),\n      [onChange]\n    );\n\n    return (\n      <label\n        className={classNames(\n          styles.root,\n          SizeToClassMap[size],\n          disabled && styles.disabled,\n          disableOffState && styles.alwaysChecked,\n          className\n        )}\n        data-testid={testId}\n        ref={ref}\n        {...rest}\n      >\n        <SwitchLabel\n          label={offLabel}\n          active={!disableOffState || !checked}\n          size={size}\n          disabled={disabled}\n        />\n\n        <MuiSwitch\n          checked={!!checked}\n          disabled={disabled}\n          inputRef={inputRef}\n          onChange={onChangeHandler}\n          size={size}\n          color=\"primary\"\n        />\n\n        <SwitchLabel\n          label={onLabel}\n          active={!disableOffState || !!checked}\n          size={size}\n          disabled={disabled}\n        />\n      </label>\n    );\n  }\n);\n"],"names":["SizeToLabelSizeMap","medium","small","SizeToClassMap","styles","SwitchLabel","label","active","size","disabled","baseColor","actualColor","_jsx","Switch","forwardRef","ref","onChange","className","inputRef","checked","onLabel","offLabel","testId","disableOffState","rest","onChangeHandler","useCallback","event","_jsxs","classNames","root","alwaysChecked","MuiSwitch"],"mappings":"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"}

package/componentsV2/Switch/Switch.scss.js

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

package/componentsV2/Switch/Switch.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/Tabs/Tabs.js

@@ -0,0 +1,95 @@
+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

package/componentsV2/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/componentsV2/Tabs/Tabs.tsx"],"sourcesContent":["import { Tab as MuiTab, Tabs as MuiTabs } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { forwardRef, ReactNode, useCallback } from 'react';\n\nimport { Tooltip } from '../Tooltip';\n\nimport styles from './Tabs.scss';\n\nexport type TabsProps = {\n  items: {\n    label: ReactNode;\n    value: string;\n\n    prefix?: ReactNode;\n\n    tooltip?: ReactNode;\n\n    disabled?: boolean;\n    className?: string;\n    testId?: string;\n  }[];\n  onChange?: (value: string) => void;\n  value?: string;\n  size?: 'small' | 'medium';\n  type?: 'primary' | 'secondary' | 'tertiary';\n  direction?: 'horizontal' | 'vertical';\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<TabsProps>['size'], string> = {\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst TypeToClassMap: Record<Required<TabsProps>['type'], string> = {\n  primary: styles.primary,\n  secondary: styles.secondary,\n  tertiary: styles.tertiary,\n};\n\nconst DirectionToClassMap: Record<Required<TabsProps>['direction'], string> = {\n  horizontal: styles.horizontal,\n  vertical: styles.vertical,\n};\n\ntype TabProps = {\n  item: TabsProps['items'][number];\n  type: Required<TabsProps>['type'];\n  size: Required<TabsProps>['size'];\n} & Record<string, unknown>;\n\nconst Tab = forwardRef<HTMLDivElement, TabProps>(({ item, type, size, ...restProps }, ref) => {\n  const { className, disabled, prefix, testId, label, value, tooltip } = item;\n\n  return (\n    <Tooltip title={tooltip} disabled={!tooltip}>\n      <MuiTab\n        {...restProps}\n        label={\n          <>\n            {prefix && <span className={styles.prefix}>{prefix}</span>}\n            {label}\n          </>\n        }\n        value={value}\n        disabled={disabled}\n        className={classNames(styles.tab, TypeToClassMap[type], SizeToClassMap[size], className)}\n        data-testid={testId}\n        ref={ref}\n      />\n    </Tooltip>\n  );\n});\n\nexport const Tabs = ({\n  testId,\n  items,\n  className,\n  onChange,\n  type = 'primary',\n  size = 'medium',\n  direction = 'horizontal',\n  value,\n}: TabsProps) => {\n  const changeHandler = useCallback(\n    (_event: object, value: string) => onChange?.(value),\n    [onChange]\n  );\n\n  return (\n    <MuiTabs\n      className={classNames(\n        styles.root,\n        DirectionToClassMap[direction],\n        type !== 'primary' && styles.noIndicator,\n        className\n      )}\n      onChange={changeHandler}\n      data-testid={testId}\n      scrollButtons=\"off\"\n      value={value}\n      indicatorColor=\"primary\"\n      orientation={direction}\n    >\n      {items.map(item => (\n        // ⚠️⚠️⚠️ `value` prop is obligatory, MuiTabs relies on it\n        <Tab key={item.value} size={size} type={type} item={item} value={item.value} />\n      ))}\n    </MuiTabs>\n  );\n};\n"],"names":["SizeToClassMap","medium","styles","small","TypeToClassMap","primary","secondary","tertiary","DirectionToClassMap","horizontal","vertical","Tab","forwardRef","ref","item","type","size","restProps","className","disabled","prefix","testId","label","value","tooltip","_jsx","MuiTab","_jsxs","_Fragment","classNames","tab","Tabs","items","onChange","direction","changeHandler","useCallback","_event","MuiTabs","root","noIndicator","map"],"mappings":"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"}

package/componentsV2/Tabs/Tabs.scss.js

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

package/componentsV2/Tabs/Tabs.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/Text/Text.js

@@ -0,0 +1,66 @@
+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

package/componentsV2/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../src/componentsV2/Text/Text.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { forwardRef, ReactNode } from 'react';\n\nimport styles from './Text.scss';\n\nexport type TextProps = {\n  /**\n   * Content\n   */\n  children?: ReactNode;\n  size?: 36 | 32 | 24 | 20 | 18 | 16 | 14 | 12 | 10;\n  weight?: 'regular' | 'medium' | 'bold';\n  italic?: boolean;\n  color?: 'T1' | 'T6' | 'T7' | 'T8' | 'T9' | 'inherit';\n  /**\n   * Tag that will be rendered\n   */\n  tagName?: keyof JSX.IntrinsicElements;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizesMap: Record<Required<TextProps>['size'], string> = {\n  36: styles.size_36,\n  32: styles.size_32,\n  24: styles.size_24,\n  20: styles.size_20,\n  18: styles.size_18,\n  16: styles.size_16,\n  14: styles.size_14,\n  12: styles.size_12,\n  10: styles.size_10,\n};\n\nconst WeightMap: Record<Required<TextProps>['weight'], string> = {\n  bold: styles.bold,\n  medium: styles.medium,\n  regular: styles.regular,\n};\n\nconst ColorMap: Record<Required<TextProps>['color'], string> = {\n  T1: styles.color_t1,\n  T6: styles.color_t6,\n  T7: styles.color_t7,\n  T8: styles.color_t8,\n  T9: styles.color_t9,\n  inherit: styles.color_inherit,\n};\n\nexport const Text = forwardRef<HTMLElement, TextProps>(\n  (\n    {\n      children,\n      size = 16,\n      weight = 'regular',\n      color = 'T1',\n      italic = false,\n      tagName: TagName = 'span',\n      className,\n      testId,\n      // Needed for Tooltip to work\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      // @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\n      <TagName\n        // @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\n        ref={ref}\n        className={classNames(\n          styles.root,\n          SizesMap[size],\n          WeightMap[weight],\n          ColorMap[color],\n          italic && styles.italic,\n          className\n        )}\n        data-testid={testId}\n        {...rest}\n      >\n        {children}\n      </TagName>\n    );\n  }\n);\n"],"names":["SizesMap","styles","size_36","size_32","size_24","size_20","size_18","size_16","size_14","size_12","size_10","WeightMap","bold","medium","regular","ColorMap","T1","color_t1","T6","color_t6","T7","color_t7","T8","color_t8","T9","color_t9","inherit","color_inherit","Text","forwardRef","ref","children","size","weight","color","italic","tagName","TagName","className","testId","rest","_jsx","classNames","root"],"mappings":";;;;;;;;;;AAuBA,IAAMA,QAAqD,GAAG;EAC5D,EAAE,EAAEC,MAAM,CAACC,OAAO;EAClB,EAAE,EAAED,MAAM,CAACE,OAAO;EAClB,EAAE,EAAEF,MAAM,CAACG,OAAO;EAClB,EAAE,EAAEH,MAAM,CAACI,OAAO;EAClB,EAAE,EAAEJ,MAAM,CAACK,OAAO;EAClB,EAAE,EAAEL,MAAM,CAACM,OAAO;EAClB,EAAE,EAAEN,MAAM,CAACO,OAAO;EAClB,EAAE,EAAEP,MAAM,CAACQ,OAAO;EAClB,EAAE,EAAER,MAAM,CAACS,OAAAA;AACb,CAAC,CAAA;AAED,IAAMC,SAAwD,GAAG;EAC/DC,IAAI,EAAEX,MAAM,CAACW,IAAI;EACjBC,MAAM,EAAEZ,MAAM,CAACY,MAAM;EACrBC,OAAO,EAAEb,MAAM,CAACa,OAAAA;AAClB,CAAC,CAAA;AAED,IAAMC,QAAsD,GAAG;EAC7DC,EAAE,EAAEf,MAAM,CAACgB,QAAQ;EACnBC,EAAE,EAAEjB,MAAM,CAACkB,QAAQ;EACnBC,EAAE,EAAEnB,MAAM,CAACoB,QAAQ;EACnBC,EAAE,EAAErB,MAAM,CAACsB,QAAQ;EACnBC,EAAE,EAAEvB,MAAM,CAACwB,QAAQ;EACnBC,OAAO,EAAEzB,MAAM,CAAC0B,aAAAA;AAClB,CAAC,CAAA;IAEYC,IAAI,GAAGC,UAAU,CAC5B,UAAA,IAAA,EAaEC,GAAG,EACA;EAAA,IAZDC,QAAQ,QAARA,QAAQ;AAAA,IAAA,SAAA,GAAA,IAAA,CACRC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,EAAE,GAAA,SAAA;AAAA,IAAA,WAAA,GAAA,IAAA,CACTC,MAAM;AAANA,IAAAA,MAAM,4BAAG,SAAS,GAAA,WAAA;AAAA,IAAA,UAAA,GAAA,IAAA,CAClBC,KAAK;AAALA,IAAAA,KAAK,2BAAG,IAAI,GAAA,UAAA;AAAA,IAAA,WAAA,GAAA,IAAA,CACZC,MAAM;AAANA,IAAAA,MAAM,4BAAG,KAAK,GAAA,WAAA;AAAA,IAAA,YAAA,GAAA,IAAA,CACdC,OAAO;AAAEC,IAAAA,OAAO,6BAAG,MAAM,GAAA,YAAA;AACzBC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,MAAM,QAANA,MAAM;IAEHC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAIT,EAAA;AAAA;AACE;IACAC,GAAC,CAAA,OAAA;AACC;AAAA,MAAA,aAAA,CAAA,aAAA,CAAA;AACA,MAAA,GAAG,EAAEX,GAAI;AACT,MAAA,SAAS,EAAEY,UAAU,CACnBzC,MAAM,CAAC0C,IAAI,EACX3C,QAAQ,CAACgC,IAAI,CAAC,EACdrB,SAAS,CAACsB,MAAM,CAAC,EACjBlB,QAAQ,CAACmB,KAAK,CAAC,EACfC,MAAM,IAAIlC,MAAM,CAACkC,MAAM,EACvBG,SAAS,CACT;MACF,aAAaC,EAAAA,MAAAA;AAAO,KAAA,EAChBC,IAAI,CAAA,EAAA,EAAA,EAAA;MAAA,QAEPT,EAAAA,QAAAA;AAAQ,KAAA,CAAA,CAAA;AACD,IAAA;AAEd,CAAC;;;;"}

package/componentsV2/Text/Text.scss.js

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

package/componentsV2/Text/Text.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/TextEndTruncated/TextEndTruncated.js

@@ -0,0 +1,70 @@
+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

package/componentsV2/TextEndTruncated/TextEndTruncated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEndTruncated.js","sources":["../../../src/componentsV2/TextEndTruncated/TextEndTruncated.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { useLayoutEffect, useRef, useState } from 'react';\nimport { debounce } from 'lodash';\n\nimport { Tooltip } from '../Tooltip';\n\nimport styles from './TextEndTruncated.scss';\n\nexport type TextEndTruncatedProps = {\n  /**\n   * Content\n   */\n  children?: React.ReactNode;\n  /**\n   * Forces the component not to show its tooltip\n   */\n  disableTooltip?: boolean;\n  maxLines?: number;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const TextEndTruncated = ({\n  children,\n  disableTooltip,\n  maxLines = 1,\n  testId,\n  className,\n}: TextEndTruncatedProps) => {\n  const isMultiline = maxLines > 1;\n  const containerRef = useRef<HTMLDivElement>(null);\n  const multilineRef = useRef<boolean>(isMultiline);\n  const [tooltipContent, setTooltipContent] = useState<string | null>(null);\n  const [dimensionsDisabled, setDimensionsDisabled] = useState(true);\n\n  multilineRef.current = isMultiline;\n\n  useLayoutEffect(() => {\n    const onDimensionsOrContentChange = debounce(() => {\n      const container = containerRef.current;\n      if (container) {\n        setTooltipContent(container.textContent);\n        setDimensionsDisabled(\n          container.scrollWidth <= container.clientWidth &&\n            // multilineRef is needed to handle an edgecase when there's a `lineHeight` that's smaller than the space needed to render a font, so\n            // `scrollHeight` is bigger than `clientHeight`\n            (container.scrollHeight <= container.clientHeight || !multilineRef.current)\n        );\n      }\n    }, 200);\n\n    const resizeObserver = new ResizeObserver(onDimensionsOrContentChange);\n    const mutationObserver = new MutationObserver(onDimensionsOrContentChange);\n\n    if (containerRef.current /* && innerRef.current */) {\n      resizeObserver.observe(containerRef.current);\n      mutationObserver.observe(containerRef.current, {\n        childList: true,\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={tooltipContent} disabled={dimensionsDisabled || disableTooltip}>\n      <div\n        className={classNames(\n          styles.root,\n          isMultiline ? styles.multiLine : styles.singleLine,\n          className\n        )}\n        style={isMultiline ? { WebkitLineClamp: maxLines } : undefined}\n        ref={containerRef}\n        data-testid={testId}\n      >\n        {children}\n      </div>\n    </Tooltip>\n  );\n};\n"],"names":["TextEndTruncated","children","disableTooltip","maxLines","testId","className","isMultiline","containerRef","useRef","multilineRef","useState","tooltipContent","setTooltipContent","dimensionsDisabled","setDimensionsDisabled","current","useLayoutEffect","onDimensionsOrContentChange","debounce","container","textContent","scrollWidth","clientWidth","scrollHeight","clientHeight","resizeObserver","ResizeObserver","mutationObserver","MutationObserver","observe","childList","subtree","characterData","disconnect","_jsx","classNames","styles","root","multiLine","singleLine","WebkitLineClamp","undefined"],"mappings":"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"}

package/componentsV2/TextEndTruncated/TextEndTruncated.scss.js

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

package/componentsV2/TextEndTruncated/TextEndTruncated.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/TextInput.js

@@ -0,0 +1,122 @@
+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":";;;;;;;;;;;;AAoBA,IAAMA,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAgB,EAAK;AACzC;AACA,EAAA,IAAIC,cAAc,CAACD,KAAK,CAAC,EAAE;AACzB;IACA,OAAOE,YAAY,CAACF,KAAK,EAAE;AAAEG,MAAAA,IAAI,EAAE,EAAA;AAAG,KAAC,CAAW,CAAA;AACpD,GAAA;;AAEA;AACA,EAAA,IAAIH,KAAK,EAAE;IACT,oBAAOI,GAAA,CAAA,GAAA,EAAA;MAAA,QAAIJ,EAAAA,KAAAA;KAAU,CAAA,CAAA;AACvB,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AA0BD,IAAMK,oBAAwE,GAAG;EAC/EC,KAAK,EAAEC,MAAM,CAACD,KAAK;AACnBE,EAAAA,OAAO,EAAE,EAAA;AACX,CAAC,CAAA;AAED,IAAMC,qBAA0E,GAAG;EACjFC,MAAM,EAAEH,MAAM,CAACG,MAAM;EACrBC,KAAK,EAAEJ,MAAM,CAACI,KAAAA;AAChB,CAAC,CAAA;AAED,IAAMC,SAAS,GAAG,SAAZA,SAAS,CAkBO,IAAA,EAAA;EAAA,IAjBpBC,IAAI,QAAJA,IAAI;AACJC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,MAAM,QAANA,MAAM;AACGC,IAAAA,WAAW,QAApBC,OAAO;AACCC,IAAAA,UAAU,QAAlBC,MAAM;AAAA,IAAA,UAAA,GAAA,IAAA,CACNC,KAAK;AAALA,IAAAA,KAAK,2BAAG,EAAE,GAAA,UAAA;AACVC,IAAAA,OAAO,QAAPA,OAAO;AAAA,IAAA,YAAA,GAAA,IAAA,CACPC,OAAO;AAAPA,IAAAA,OAAO,6BAAG,QAAQ,GAAA,YAAA;AAClBC,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,WAAW,QAAXA,WAAW;AACXC,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,KAAK,QAALA,KAAK;AACLC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,OAAO,QAAPA,OAAO,CAAA;AAEP,EAAA,IAAMC,YAAY,GAAGC,WAAW,CAC9B,UAAAC,KAAK,EAAA;AAAA,IAAA,OAAIT,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAQ,CAAGS,KAAK,CAACC,MAAM,CAACb,KAAK,EAAEY,KAAK,CAAkC,CAAA;GAC/E,EAAA,CAACT,QAAQ,CAAC,CACX,CAAA;;AAED;EACA,IAAMW,UAAU,GAAGC,OAAO,CACxB,YAAA;IAAA,OAAO;AACLC,MAAAA,cAAc,EAAEtB,MAAM,iBACpBZ,GAAA,CAAC,cAAc,EAAA;AAAC,QAAA,QAAQ,EAAC,OAAO;QAAC,SAAS,EAAEG,MAAM,CAACgC,SAAU;QAAC,iBAAiB,EAAA,IAAA;QAAA,QAC5ExC,EAAAA,YAAY,CAACiB,MAAM,CAAA;OAEvB,CAAA;MACDwB,YAAY,EAAE,CAACvB,MAAM,IAAIS,MAAM,KAAK,SAAS,kBAC3Ce,IAAA,CAAC,cAAc,EAAA;AAAC,QAAA,QAAQ,EAAC,KAAK;QAAC,SAAS,EAAElC,MAAM,CAACgC,SAAU;QAAC,iBAAiB,EAAA,IAAA;AAAA,QAAA,QAAA,EAAA,CAC1Eb,MAAM,KAAK,SAAS,iBAAItB,IAAC,cAAc,EAAA;AAAC,UAAA,IAAI,EAAC,IAAI;UAAC,SAAS,EAAEG,MAAM,CAACmC,MAAAA;AAAO,SAAA,CAAG,EAC9E3C,YAAY,CAACkB,MAAM,CAAC,CAAA;AAAA,OAAA,CAAA;KAG1B,CAAA;GAAC,EACF,CAACD,MAAM,EAAEC,MAAM,EAAES,MAAM,CAAC,CACzB,CAAA;EAED,IAAMiB,WAAW,GAAGC,SAAS,CAAC;AAAE1B,IAAAA,WAAW,EAAXA,WAAW;AAAEE,IAAAA,UAAU,EAAVA,UAAU;AAAEE,IAAAA,KAAK,EAALA,KAAK;AAAEN,IAAAA,MAAM,EAANA,MAAM;AAAEC,IAAAA,MAAM,EAANA,MAAM;AAAES,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA;EAEzF,oBACEtB,GAAA,CAAA,OAAA,EAAA;IACE,SAAS,EAAEyC,UAAU,CACnBtC,MAAM,CAACuC,IAAI,EACXpB,MAAM,IAAIrB,oBAAoB,CAACqB,MAAM,CAAC,EACtCjB,qBAAqB,CAACe,OAAO,CAAC,EAC9BV,SAAS,CACT;AACF,IAAA,aAAA,EAAaC,MAAO;AAAA,IAAA,QAAA,eAEpBX,IAAC,SAAS,EAAA,aAAA,CAAA;AACR,MAAA,KAAK,EAAEkB,KAAM;AACb,MAAA,QAAQ,EAAEU,YAAa;MACvB,KAAK,eAAE5B,IAAC,gBAAgB,EAAA;QAAA,QAAEyB,EAAAA,KAAAA;OAA0B,CAAA;AACpD,MAAA,UAAU,EAAEO,UAAW;AACvB,MAAA,IAAI,EAAEvB,IAAK;MACX,SAAS,EAAA,IAAA;AACT,MAAA,MAAM,EAAEW,OAAQ;AAChB,MAAA,UAAU,EAAED,OAAQ;MACpB,KAAK,EAAEG,MAAM,KAAK,OAAQ;AAC1B,MAAA,QAAQ,EAAEE,QAAS;AACnB,MAAA,WAAW,EAAED,WAAY;AACzB,MAAA,SAAS,EAAEG,SAAU;AACrB,MAAA,OAAO,EAAEC,OAAAA;AAAQ,KAAA,EACbY,WAAW,CAAA,CAAA;GAEX,CAAA,CAAA;AAEZ,EAAC;AAED/B,SAAS,CAACmC,KAAK,GAAG,UAAA,KAAA,EAAA;EAAA,IAAGC,QAAQ,SAARA,QAAQ;AAAElC,IAAAA,SAAS,SAATA,SAAS,CAAA;EAAA,oBACtCV,GAAA,CAAA,GAAA,EAAA;AAAG,IAAA,SAAS,EAAEU,SAAU;IAAA,QAAEkC,EAAAA,QAAAA;GAAa,CAAA,CAAA;AAAA,CACxC;;;;"}

package/componentsV2/TextInput/TextInput.scss.js

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