@widergy/energy-ui 3.172.1 → 3.172.3

package/dist/esm/components/UTTable/utils.js

@@ -1,186 +1 @@
-import { objectIsEmpty } from '@widergy/web-utils/lib/object';
-import { INTEGRATION_TYPES } from '../../constants/UTTable';
-import { getPageSizeOptions } from './components/TableFooter/components/PageSizeSelector/utils';
-import { ROW_SIDE_PADDING, ROW_PADDING, ROW_SPACING, ROWS_BORDER_SIZE, CELL_SIDE_PADDING, CELL_TYPES, COLUMN_POSITION, COLUMN_SIZES } from './constants';
-export const getColumnDefinition = (columnns, isResponsive) => {
-  const secondaryColumns = [];
-  const primaryActions = [];
-  const secondaryActions = [];
-  const fixedLeftColumns = [];
-  const fixedRightColumns = [];
-  columnns.forEach(column => {
-    if (isResponsive) {
-      if (column.type === CELL_TYPES.ACTION_BUTTON) {
-        primaryActions.push(column);
-      } else if (column.type === CELL_TYPES.ACTION_ICONS) {
-        secondaryActions.push(column);
-      } else {
-        secondaryColumns.push(column);
-      }
-    } else if (column.position === COLUMN_POSITION.LEFT) {
-      fixedLeftColumns.push(column);
-    } else if (column.position === COLUMN_POSITION.RIGHT) {
-      fixedRightColumns.push(column);
-    } else {
-      secondaryColumns.push(column);
-    }
-  });
-  return {
-    secondaryColumns,
-    primaryActions,
-    secondaryActions,
-    fixedLeftColumns,
-    fixedRightColumns
-  };
-};
-export const customSort = (a, b, order) => {
-  const firstValue = a[order.key] || '';
-  const secondValue = b[order.key] || '';
-  if (firstValue < secondValue) return order.direction === 'asc' ? -1 : 1;
-  if (firstValue > secondValue) return order.direction === 'asc' ? 1 : -1;
-  return 0;
-};
-export const orderRows = (rows, order, defaultRows, columns) => {
-  if (objectIsEmpty(order)) return defaultRows;
-  const ordererRows = [...rows];
-  const sortFunction = columns.find(_ref => {
-    let {
-      key
-    } = _ref;
-    return key === order.key;
-  }).customSort || customSort;
-  ordererRows.sort((a, b) => sortFunction(a, b, order));
-  return ordererRows;
-};
-export const getCurrentRows = (rows, currentPage, rowsPerPage) => {
-  const initialIndex = currentPage * rowsPerPage;
-  const lastIndex = (currentPage + 1) * rowsPerPage;
-  return rows.slice(initialIndex, lastIndex);
-};
-export const createRowStyles = (rowPadding, rowSpacing, headerPadding, isResponsive) => {
-  const margin = ROW_SPACING[rowSpacing] || ROW_SPACING.none;
-  const paddingValue = ROW_PADDING[rowPadding] || ROW_PADDING.small;
-  const headerPaddingValue = ROW_PADDING[headerPadding] || ROW_PADDING.medium;
-  const borderRadius = margin === ROW_SPACING.none && 0;
-  return {
-    fixedRowsLeft: {
-      borderRadius,
-      borderWidth: "".concat(ROWS_BORDER_SIZE, "px"),
-      paddingLeft: CELL_SIDE_PADDING
-    },
-    fixedRowsRight: {
-      borderRadius,
-      borderWidth: "".concat(ROWS_BORDER_SIZE, "px"),
-      paddingRight: CELL_SIDE_PADDING
-    },
-    rowBorderTop: {
-      borderTopWidth: "".concat(ROWS_BORDER_SIZE, "px"),
-      left: ROW_SIDE_PADDING,
-      marginTop: margin,
-      marginBottom: "-".concat(ROWS_BORDER_SIZE, "px"),
-      width: "calc(100% - ".concat(ROW_SIDE_PADDING * 2, "px)")
-    },
-    rowBorderBottom: {
-      borderTopWidth: "".concat(ROWS_BORDER_SIZE, "px"),
-      left: ROW_SIDE_PADDING,
-      marginTop: "-".concat(ROWS_BORDER_SIZE, "px"),
-      width: "calc(100% - ".concat(ROW_SIDE_PADDING * 2, "px)")
-    },
-    cell: {
-      paddingBottom: paddingValue,
-      paddingLeft: CELL_SIDE_PADDING,
-      paddingRight: CELL_SIDE_PADDING,
-      paddingTop: paddingValue
-    },
-    headerCell: {
-      paddingBottom: headerPaddingValue,
-      paddingLeft: CELL_SIDE_PADDING,
-      paddingRight: CELL_SIDE_PADDING,
-      paddingTop: headerPaddingValue
-    },
-    rowBackground: {
-      borderRadius,
-      borderBottomWidth: "".concat(ROWS_BORDER_SIZE, "px"),
-      borderTopWidth: "".concat(ROWS_BORDER_SIZE, "px"),
-      borderLeftWidth: 0,
-      borderRightWidth: 0
-    },
-    rowContainer: {
-      marginBottom: margin,
-      marginTop: margin
-    },
-    headerRowContainer: {
-      marginTop: 0
-    },
-    selectCell: {
-      paddingBottom: paddingValue,
-      paddingLeft: isResponsive ? 0 : CELL_SIDE_PADDING,
-      paddingRight: CELL_SIDE_PADDING,
-      paddingTop: paddingValue
-    },
-    responsiveCell: {
-      padding: CELL_SIDE_PADDING
-    }
-  };
-};
-export const getSelectableRowIds = (rows, rowKey, disableRowSelection) => (disableRowSelection ? rows.filter(_row => !disableRowSelection(_row)) : rows).map(_row => _row[rowKey]);
-export const getInitialValidRowsPerPage = (externalOption, originalOptions, data, integrationType, totalRows) => {
-  if (externalOption === undefined) return originalOptions[0];
-  const options = getPageSizeOptions(originalOptions, integrationType === INTEGRATION_TYPES.EXTERNAL ? totalRows : data.length).map(_ref2 => {
-    let {
-      value
-    } = _ref2;
-    return value;
-  });
-  return options.includes(externalOption) ? externalOption : options[0];
-};
-export const getInitialValidPage = (externalPage, rowsPerPage, data, integrationType) => integrationType === INTEGRATION_TYPES.EXTERNAL ? externalPage : externalPage === undefined || Math.floor(data.length / rowsPerPage) < externalPage ? 0 : externalPage;
-export const getColumnsSizes = _ref3 => {
-  let {
-    columns,
-    fitColumnsWidth,
-    selectable
-  } = _ref3;
-  const columnSizes = {};
-  if (fitColumnsWidth) {
-    let columnsFullSize = 0;
-    let leftColumnsSize = selectable ? 54 : 0;
-    let secondaryColumnsSize = 0;
-    let rightColumnsSize = 0;
-    columns.forEach(_ref4 => {
-      let {
-        position,
-        size
-      } = _ref4;
-      const columnSize = COLUMN_SIZES[size] || COLUMN_SIZES.medium;
-      columnsFullSize += columnSize;
-      if (position === COLUMN_POSITION.LEFT) leftColumnsSize += columnSize;else if (position === COLUMN_POSITION.RIGHT) rightColumnsSize += columnSize;else secondaryColumnsSize += columnSize;
-    });
-    columns.forEach(_ref5 => {
-      let {
-        key,
-        position,
-        size
-      } = _ref5;
-      const columnSize = COLUMN_SIZES[size] || COLUMN_SIZES.medium;
-      const finalSize = columnSize * 100 / (position === COLUMN_POSITION.LEFT ? leftColumnsSize : position === COLUMN_POSITION.RIGHT ? rightColumnsSize : secondaryColumnsSize);
-      columnSizes[key] = "".concat(finalSize, "%");
-    });
-    columnSizes.leftColumnsSize = "".concat(leftColumnsSize * 100 / columnsFullSize, "%");
-    columnSizes.secondaryColumnsSize = "".concat(secondaryColumnsSize * 100 / columnsFullSize, "%");
-    columnSizes.rightColumnsSize = "".concat(rightColumnsSize * 100 / columnsFullSize, "%");
-  } else {
-    columns.forEach(_ref6 => {
-      let {
-        key,
-        size
-      } = _ref6;
-      columnSizes[key] = COLUMN_SIZES[size] || COLUMN_SIZES.medium;
-    });
-    columnSizes.leftColumnsSize = 'auto';
-    columnSizes.secondaryColumnsSize = 'auto';
-    columnSizes.rightColumnsSize = 'auto';
-  }
-  return columnSizes;
-};
-export const getEnabledHeader = columns => columns.some(column => column.name);
+import{objectIsEmpty}from"@widergy/web-utils/lib/object";import{INTEGRATION_TYPES}from"../../constants/UTTable";import{getPageSizeOptions}from"./components/TableFooter/components/PageSizeSelector/utils";import{ROW_SIDE_PADDING,ROW_PADDING,ROW_SPACING,ROWS_BORDER_SIZE,CELL_SIDE_PADDING,CELL_TYPES,COLUMN_POSITION,COLUMN_SIZES}from"./constants";export const getColumnDefinition=(columnns,isResponsive)=>{const secondaryColumns=[],primaryActions=[],secondaryActions=[],fixedLeftColumns=[],fixedRightColumns=[];return columnns.forEach(column=>{isResponsive?column.type===CELL_TYPES.ACTION_BUTTON?primaryActions.push(column):column.type===CELL_TYPES.ACTION_ICONS?secondaryActions.push(column):secondaryColumns.push(column):column.position===COLUMN_POSITION.LEFT?fixedLeftColumns.push(column):column.position===COLUMN_POSITION.RIGHT?fixedRightColumns.push(column):secondaryColumns.push(column)}),{secondaryColumns:secondaryColumns,primaryActions:primaryActions,secondaryActions:secondaryActions,fixedLeftColumns:fixedLeftColumns,fixedRightColumns:fixedRightColumns}};export const customSort=(a,b,order)=>{const firstValue=a[order.key]||"",secondValue=b[order.key]||"";return firstValue<secondValue?"asc"===order.direction?-1:1:firstValue>secondValue?"asc"===order.direction?1:-1:0};export const orderRows=(rows,order,defaultRows,columns)=>{if(objectIsEmpty(order))return defaultRows;const ordererRows=[...rows],sortFunction=columns.find(_ref=>{let{key:key}=_ref;return key===order.key}).customSort||customSort;return ordererRows.sort((a,b)=>sortFunction(a,b,order)),ordererRows};export const getCurrentRows=(rows,currentPage,rowsPerPage)=>{const initialIndex=currentPage*rowsPerPage,lastIndex=(currentPage+1)*rowsPerPage;return rows.slice(initialIndex,lastIndex)};export const createRowStyles=(rowPadding,rowSpacing,headerPadding,isResponsive)=>{const margin=ROW_SPACING[rowSpacing]||ROW_SPACING.none,paddingValue=ROW_PADDING[rowPadding]||ROW_PADDING.small,headerPaddingValue=ROW_PADDING[headerPadding]||ROW_PADDING.medium,borderRadius=margin===ROW_SPACING.none&&0;return{fixedRowsLeft:{borderRadius:borderRadius,borderWidth:"".concat(ROWS_BORDER_SIZE,"px"),paddingLeft:CELL_SIDE_PADDING},fixedRowsRight:{borderRadius:borderRadius,borderWidth:"".concat(ROWS_BORDER_SIZE,"px"),paddingRight:CELL_SIDE_PADDING},rowBorderTop:{borderTopWidth:"".concat(ROWS_BORDER_SIZE,"px"),left:ROW_SIDE_PADDING,marginTop:margin,marginBottom:"-".concat(ROWS_BORDER_SIZE,"px"),width:"calc(100% - ".concat(2*ROW_SIDE_PADDING,"px)")},rowBorderBottom:{borderTopWidth:"".concat(ROWS_BORDER_SIZE,"px"),left:ROW_SIDE_PADDING,marginTop:"-".concat(ROWS_BORDER_SIZE,"px"),width:"calc(100% - ".concat(2*ROW_SIDE_PADDING,"px)")},cell:{paddingBottom:paddingValue,paddingLeft:CELL_SIDE_PADDING,paddingRight:CELL_SIDE_PADDING,paddingTop:paddingValue},headerCell:{paddingBottom:headerPaddingValue,paddingLeft:CELL_SIDE_PADDING,paddingRight:CELL_SIDE_PADDING,paddingTop:headerPaddingValue},rowBackground:{borderRadius:borderRadius,borderBottomWidth:"".concat(ROWS_BORDER_SIZE,"px"),borderTopWidth:"".concat(ROWS_BORDER_SIZE,"px"),borderLeftWidth:0,borderRightWidth:0},rowContainer:{marginBottom:margin,marginTop:margin},headerRowContainer:{marginTop:0},selectCell:{paddingBottom:paddingValue,paddingLeft:isResponsive?0:CELL_SIDE_PADDING,paddingRight:CELL_SIDE_PADDING,paddingTop:paddingValue},responsiveCell:{padding:CELL_SIDE_PADDING}}};export const getSelectableRowIds=(rows,rowKey,disableRowSelection)=>(disableRowSelection?rows.filter(_row=>!disableRowSelection(_row)):rows).map(_row=>_row[rowKey]);export const getInitialValidRowsPerPage=(externalOption,originalOptions,data,integrationType,totalRows)=>{if(void 0===externalOption)return originalOptions[0];const options=getPageSizeOptions(originalOptions,integrationType===INTEGRATION_TYPES.EXTERNAL?totalRows:data.length).map(_ref2=>{let{value:value}=_ref2;return value});return options.includes(externalOption)?externalOption:options[0]};export const getInitialValidPage=(externalPage,rowsPerPage,data,integrationType)=>integrationType===INTEGRATION_TYPES.EXTERNAL?externalPage:void 0===externalPage||Math.floor(data.length/rowsPerPage)<externalPage?0:externalPage;export const getColumnsSizes=_ref3=>{let{columns:columns,fitColumnsWidth:fitColumnsWidth,selectable:selectable}=_ref3;const columnSizes={};if(fitColumnsWidth){let columnsFullSize=0,leftColumnsSize=selectable?54:0,secondaryColumnsSize=0,rightColumnsSize=0;columns.forEach(_ref4=>{let{position:position,size:size}=_ref4;const columnSize=COLUMN_SIZES[size]||COLUMN_SIZES.medium;columnsFullSize+=columnSize,position===COLUMN_POSITION.LEFT?leftColumnsSize+=columnSize:position===COLUMN_POSITION.RIGHT?rightColumnsSize+=columnSize:secondaryColumnsSize+=columnSize}),columns.forEach(_ref5=>{let{key:key,position:position,size:size}=_ref5;const finalSize=100*(COLUMN_SIZES[size]||COLUMN_SIZES.medium)/(position===COLUMN_POSITION.LEFT?leftColumnsSize:position===COLUMN_POSITION.RIGHT?rightColumnsSize:secondaryColumnsSize);columnSizes[key]="".concat(finalSize,"%")}),columnSizes.leftColumnsSize="".concat(100*leftColumnsSize/columnsFullSize,"%"),columnSizes.secondaryColumnsSize="".concat(100*secondaryColumnsSize/columnsFullSize,"%"),columnSizes.rightColumnsSize="".concat(100*rightColumnsSize/columnsFullSize,"%")}else columns.forEach(_ref6=>{let{key:key,size:size}=_ref6;columnSizes[key]=COLUMN_SIZES[size]||COLUMN_SIZES.medium}),columnSizes.leftColumnsSize="auto",columnSizes.secondaryColumnsSize="auto",columnSizes.rightColumnsSize="auto";return columnSizes};export const getEnabledHeader=columns=>columns.some(column=>column.name);

package/dist/esm/components/UTTabs/components/TooltipTab/index.js

@@ -1,43 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { memo } from 'react';
-import { bool, func, string, object } from 'prop-types';
-import UTTooltip from '../../../UTTooltip';
-import { refType } from '../../../../types/commonTypes';
-import styles from './styles.module.scss';
-const TooltipTab = _ref => {
-  let {
-    children,
-    buttonRef,
-    className,
-    isDisabled,
-    onClick,
-    tooltip,
-    tooltipProps = {},
-    ...props
-  } = _ref;
-  const tippyProps = {
-    appendTo: () => document.body,
-    interactive: false,
-    ...tooltipProps
-  };
-  const handleClick = event => {
-    if (!isDisabled) onClick(event);
-  };
-  return /*#__PURE__*/React.createElement(UTTooltip, {
-    content: tooltip,
-    tippyProps: tippyProps
-  }, /*#__PURE__*/React.createElement("button", _extends({
-    className: "".concat(className, " ").concat(styles.button),
-    ref: buttonRef,
-    onClick: handleClick
-  }, props), children));
-};
-TooltipTab.propTypes = {
-  buttonRef: refType,
-  className: string,
-  isDisabled: bool,
-  onClick: func,
-  tooltip: string,
-  tooltipProps: object
-};
-export default /*#__PURE__*/memo(TooltipTab);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import React,{memo}from"react";import{bool,func,string,object}from"prop-types";import UTTooltip from"../../../UTTooltip";import{refType}from"../../../../types/commonTypes";import styles from"./styles.module.scss";const TooltipTab=_ref=>{let{children:children,buttonRef:buttonRef,className:className,isDisabled:isDisabled,onClick:onClick,tooltip:tooltip,tooltipProps:tooltipProps={},...props}=_ref;const tippyProps={appendTo:()=>document.body,interactive:!1,...tooltipProps};return React.createElement(UTTooltip,{content:tooltip,tippyProps:tippyProps},React.createElement("button",_extends({className:"".concat(className," ").concat(styles.button),ref:buttonRef,onClick:event=>{isDisabled||onClick(event)}},props),children))};TooltipTab.propTypes={buttonRef:refType,className:string,isDisabled:bool,onClick:func,tooltip:string,tooltipProps:object};export default memo(TooltipTab);

package/dist/esm/components/UTTabs/constants.js

@@ -1,10 +1 @@
-export const DEFAULT_TABS_PROPS = {
-  variant: 'fullWidth',
-  orientation: 'horizontal'
-};
-export const variants = {
-  BASE: 'base',
-  SECONDARY: 'secondary'
-};
-export const DEFAULT_VARIANT = variants.BASE;
-export const DEFAULT_TAB_COMPONENT = 'button';
+export const DEFAULT_TABS_PROPS={variant:"fullWidth",orientation:"horizontal"};export const variants={BASE:"base",SECONDARY:"secondary"};export const DEFAULT_VARIANT=variants.BASE;export const DEFAULT_TAB_COMPONENT="button";

package/dist/esm/components/UTTabs/index.js

@@ -1,119 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { PureComponent, forwardRef } from 'react';
-import Tabs from '@material-ui/core/Tabs';
-import Tab from '@material-ui/core/Tab';
-import { object, arrayOf, shape, string, elementType, bool, func, number, oneOfType, node, objectOf } from 'prop-types';
-import { isEmpty } from '@widergy/web-utils/lib/array';
-import WithTheme from '../WithTheme';
-import { TEST_IDS } from '../../constants/testIds';
-import { mergeClasses } from '../../utils/classesUtils';
-import TooltipTab from './components/TooltipTab';
-import { DEFAULT_TABS_PROPS, DEFAULT_VARIANT, DEFAULT_TAB_COMPONENT } from './constants';
-import { retrieveClassNamesFromVariants } from './utils';
-import { retrieveStyle } from './theme';
-import badgeStyles from './styles.module.scss';
-const {
-  tabs
-} = TEST_IDS;
-class UTTabs extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "handleChange", (_, value) => this.props.onChange(value));
-  }
-  render() {
-    const {
-      badges,
-      classes: themeClasses,
-      classNames,
-      lastOptionProps,
-      options,
-      tabProps,
-      tabsProps,
-      tabTooltipProps,
-      variant
-    } = this.props;
-    const classes = mergeClasses(themeClasses, classNames);
-    const styles = retrieveClassNamesFromVariants(variant, classes);
-    return /*#__PURE__*/React.createElement(Tabs, _extends({
-      value: this.props.value,
-      onChange: this.handleChange,
-      classes: {
-        root: "".concat(styles.tabsRoot, " ").concat(classes.tabsRoot),
-        flexContainer: classes.flexContainer
-      },
-      TabIndicatorProps: {
-        className: "".concat(styles.indicator, " ").concat(classes.indicator),
-        children: /*#__PURE__*/React.createElement("div", null)
-      }
-    }, tabsProps), options.map((opt, i) => {
-      const tabComponent = opt.tooltip ? /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React.createElement(TooltipTab, _extends({}, props, {
-        buttonRef: ref,
-        isDisabled: opt.disabled,
-        tooltip: opt.tooltip,
-        tooltipProps: tabTooltipProps
-      }))) : DEFAULT_TAB_COMPONENT;
-      const lastOption = i + 1 === options.length;
-      const lastOptionPropsFinal = lastOption && !!lastOptionProps ? lastOptionProps : {};
-      return /*#__PURE__*/React.createElement(Tab, _extends({
-        classes: {
-          root: "".concat(styles.tabRoot, " ").concat(classes.tabRoot),
-          selected: "".concat(styles.selected, " ").concat(classes.selected),
-          textColorPrimary: "".concat(styles.textColorPrimary, " ").concat(classes.textColorPrimary),
-          wrapper: "".concat(styles.label, " ").concat(classes.label)
-        },
-        key: opt.value,
-        value: opt.value,
-        label: opt.label,
-        disabled: opt.disabled,
-        icon: opt.icon,
-        component: tabComponent,
-        "data-testid": tabProps !== null && tabProps !== void 0 && tabProps.dataTestId ? "".concat(tabProps === null || tabProps === void 0 ? void 0 : tabProps.dataTestId).concat(i) : "".concat(tabs.tab).concat(i)
-      }, tabProps, lastOptionPropsFinal));
-    }), !isEmpty(badges) && badges.map(badge => /*#__PURE__*/React.createElement("div", {
-      className: "".concat(badge.styles, " ").concat(!badge.show && badgeStyles.hiddenBadge)
-    })));
-  }
-}
-UTTabs.defaultProps = {
-  badges: [],
-  classes: {},
-  classNames: {},
-  options: [],
-  variant: DEFAULT_VARIANT,
-  tabsProps: DEFAULT_TABS_PROPS
-};
-UTTabs.propTypes = {
-  badges: arrayOf(shape({
-    show: bool,
-    styles: string
-  })),
-  classes: shape({
-    tabsRoot: string,
-    tabRoot: string,
-    selected: string,
-    indicator: string,
-    textColorPrimary: string,
-    label: string
-  }),
-  classNames: objectOf(string),
-  lastOptionProps: object,
-  onChange: func.isRequired,
-  options: arrayOf(shape({
-    label: string,
-    disabled: bool,
-    icon: oneOfType([node, elementType, string]),
-    tooltip: oneOfType([bool, string])
-  })),
-  variant: string,
-  tabProps: object,
-  tabsProps: shape({
-    variant: string,
-    orientation: string
-  }),
-  tabTooltipProps: object,
-  value: oneOfType([string, number])
-};
-export default WithTheme(retrieveStyle)(UTTabs);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==typeof i?i:i+""}function _toPrimitive(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}import React,{PureComponent,forwardRef}from"react";import Tabs from"@material-ui/core/Tabs";import Tab from"@material-ui/core/Tab";import{object,arrayOf,shape,string,elementType,bool,func,number,oneOfType,node,objectOf}from"prop-types";import{isEmpty}from"@widergy/web-utils/lib/array";import WithTheme from"../WithTheme";import{TEST_IDS}from"../../constants/testIds";import{mergeClasses}from"../../utils/classesUtils";import TooltipTab from"./components/TooltipTab";import{DEFAULT_TABS_PROPS,DEFAULT_VARIANT,DEFAULT_TAB_COMPONENT}from"./constants";import{retrieveClassNamesFromVariants}from"./utils";import{retrieveStyle}from"./theme";import badgeStyles from"./styles.module.scss";const{tabs:tabs}=TEST_IDS;class UTTabs extends PureComponent{constructor(){super(...arguments),_defineProperty(this,"handleChange",(_,value)=>this.props.onChange(value))}render(){const{badges:badges,classes:themeClasses,classNames:classNames,lastOptionProps:lastOptionProps,options:options,tabProps:tabProps,tabsProps:tabsProps,tabTooltipProps:tabTooltipProps,variant:variant}=this.props,classes=mergeClasses(themeClasses,classNames),styles=retrieveClassNamesFromVariants(variant,classes);return React.createElement(Tabs,_extends({value:this.props.value,onChange:this.handleChange,classes:{root:"".concat(styles.tabsRoot," ").concat(classes.tabsRoot),flexContainer:classes.flexContainer},TabIndicatorProps:{className:"".concat(styles.indicator," ").concat(classes.indicator),children:React.createElement("div",null)}},tabsProps),options.map((opt,i)=>{const tabComponent=opt.tooltip?forwardRef((props,ref)=>React.createElement(TooltipTab,_extends({},props,{buttonRef:ref,isDisabled:opt.disabled,tooltip:opt.tooltip,tooltipProps:tabTooltipProps}))):DEFAULT_TAB_COMPONENT,lastOptionPropsFinal=i+1===options.length&&lastOptionProps?lastOptionProps:{};return React.createElement(Tab,_extends({classes:{root:"".concat(styles.tabRoot," ").concat(classes.tabRoot),selected:"".concat(styles.selected," ").concat(classes.selected),textColorPrimary:"".concat(styles.textColorPrimary," ").concat(classes.textColorPrimary),wrapper:"".concat(styles.label," ").concat(classes.label)},key:opt.value,value:opt.value,label:opt.label,disabled:opt.disabled,icon:opt.icon,component:tabComponent,"data-testid":null!=tabProps&&tabProps.dataTestId?"".concat(null==tabProps?void 0:tabProps.dataTestId).concat(i):"".concat(tabs.tab).concat(i)},tabProps,lastOptionPropsFinal))}),!isEmpty(badges)&&badges.map(badge=>React.createElement("div",{className:"".concat(badge.styles," ").concat(!badge.show&&badgeStyles.hiddenBadge)})))}}UTTabs.defaultProps={badges:[],classes:{},classNames:{},options:[],variant:DEFAULT_VARIANT,tabsProps:DEFAULT_TABS_PROPS},UTTabs.propTypes={badges:arrayOf(shape({show:bool,styles:string})),classes:shape({tabsRoot:string,tabRoot:string,selected:string,indicator:string,textColorPrimary:string,label:string}),classNames:objectOf(string),lastOptionProps:object,onChange:func.isRequired,options:arrayOf(shape({label:string,disabled:bool,icon:oneOfType([node,elementType,string]),tooltip:oneOfType([bool,string])})),variant:string,tabProps:object,tabsProps:shape({variant:string,orientation:string}),tabTooltipProps:object,value:oneOfType([string,number])};export default WithTheme(retrieveStyle)(UTTabs);

package/dist/esm/components/UTTabs/theme.js

@@ -1,121 +1 @@
-import { getIn } from 'seamless-immutable';
-import Colors from '../../scss/variables/colors.module.scss';
-export const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    baseTabsRoot: {
-      border: getIn(theme, ['UTTabs', 'baseTabsRoot', 'border'], 0),
-      minHeight: getIn(theme, ['UTTabs', 'baseTabsRoot', 'minHeight'], 0),
-      minWidth: getIn(theme, ['UTTabs', 'baseTabsRoot', 'minWidth'], 0)
-    },
-    secondaryTabsRoot: {
-      border: getIn(theme, ['UTTabs', 'secondaryTabsRoot', 'border'], 0),
-      minHeight: getIn(theme, ['UTTabs', 'secondaryTabsRoot', 'minHeight'], 0),
-      minWidth: getIn(theme, ['UTTabs', 'secondaryTabsRoot', 'minWidth'], 0)
-    },
-    baseTabRoot: {
-      flex: getIn(theme, ['UTTabs', 'baseTabRoot', 'flex']),
-      fontFamily: getIn(theme, ['UTTabs', 'baseTabRoot', 'fontFamily']),
-      fontSize: getIn(theme, ['UTTabs', 'baseTabRoot', 'fontSize'], '12px'),
-      fontWeight: getIn(theme, ['UTTabs', 'baseTabRoot', 'fontWeight'], 'normal'),
-      textTransform: getIn(theme, ['UTTabs', 'baseTabRoot', 'textTransform'], 'none'),
-      padding: getIn(theme, ['UTTabs', 'baseTabRoot', 'padding']),
-      maxHeight: getIn(theme, ['UTTabs', 'baseTabRoot', 'maxHeight']),
-      minHeight: getIn(theme, ['UTTabs', 'baseTabRoot', 'minHeight']),
-      maxWidth: getIn(theme, ['UTTabs', 'baseTabRoot', 'maxWidth']),
-      minWidth: getIn(theme, ['UTTabs', 'baseTabRoot', 'minWidth']),
-      width: getIn(theme, ['UTTabs', 'baseTabRoot', 'width']),
-      height: getIn(theme, ['UTTabs', 'baseTabRoot', 'height']),
-      color: getIn(theme, ['UTTabs', 'baseTabRoot', 'color'], Colors.black),
-      backgroundColor: getIn(theme, ['UTTabs', 'baseTabRoot', 'backgroundColor'], 'transparent'),
-      borderRadius: getIn(theme, ['UTTabs', 'baseTabRoot', 'borderRadius'], 0),
-      opacity: getIn(theme, ['UTTabs', 'baseTabRoot', 'opacity']),
-      transition: getIn(theme, ['UTTabs', 'baseTabRoot', 'transition'], "all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"),
-      willChange: getIn(theme, ['UTTabs', 'baseTabRoot', 'willChange']),
-      '&:hover:not($baseSelected)': {
-        backgroundColor: getIn(theme, ['UTTabs', 'baseTabRoot', '&:hover:not($baseSelected)', 'backgroundColor'], 'transparent'),
-        transition: getIn(theme, ['UTTabs', 'baseTabRoot', '&:hover:not($baseSelected)', 'transition'], 'box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;')
-      }
-    },
-    secondaryTabRoot: {
-      flex: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'flex']),
-      fontFamily: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'fontFamily']),
-      fontSize: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'fontSize'], '12px'),
-      fontWeight: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'fontWeight'], 'normal'),
-      textTransform: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'textTransform'], 'none'),
-      padding: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'padding']),
-      maxHeight: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'maxHeight']),
-      minHeight: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'minHeight']),
-      maxWidth: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'maxWidth']),
-      minWidth: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'minWidth']),
-      width: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'width']),
-      height: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'height']),
-      color: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'color'], Colors.black),
-      backgroundColor: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'backgroundColor'], 'transparent'),
-      borderRadius: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'borderRadius'], 0),
-      opacity: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'opacity']),
-      transition: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'transition'], "all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"),
-      willChange: getIn(theme, ['UTTabs', 'secondaryTabRoot', 'willChange']),
-      '&:hover:not($secondarySelected)': {
-        backgroundColor: getIn(theme, ['UTTabs', 'secondaryTabRoot', '&:hover:not($secondarySelected)', 'backgroundColor'], 'transparent'),
-        transition: getIn(theme, ['UTTabs', 'secondaryTabRoot', '&:hover:not($secondarySelected)', 'transition'], 'box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;')
-      }
-    },
-    baseSelected: {
-      fontWeight: getIn(theme, ['UTTabs', 'baseSelected', 'fontWeight'], 'normal'),
-      color: getIn(theme, ['UTTabs', 'baseSelected', 'color'], Colors.black),
-      backgroundColor: getIn(theme, ['UTTabs', 'baseSelected', 'backgroundColor'], 'transparent')
-    },
-    secondarySelected: {
-      fontWeight: getIn(theme, ['UTTabs', 'secondarySelected', 'fontWeight'], 'normal'),
-      color: getIn(theme, ['UTTabs', 'secondarySelected', 'color'], Colors.black),
-      backgroundColor: getIn(theme, ['UTTabs', 'secondarySelected', 'backgroundColor'], 'transparent')
-    },
-    baseIndicator: {
-      flex: getIn(theme, ['UTTabs', 'baseIndicator', 'flex']),
-      height: getIn(theme, ['UTTabs', 'baseIndicator', 'height'], 3),
-      bottom: getIn(theme, ['UTTabs', 'baseIndicator', 'bottom'], 'initial'),
-      display: getIn(theme, ['UTTabs', 'baseIndicator', 'display'], 'flex'),
-      justifyContent: getIn(theme, ['UTTabs', 'baseIndicator', 'justifyContent'], 'center'),
-      backgroundColor: getIn(theme, ['UTTabs', 'baseIndicator', 'backgroundColor'], 'transparent'),
-      '& > div': {
-        borderRadius: getIn(theme, ['UTTabs', 'baseIndicator', '& > div', 'borderRadius'], 0),
-        maxWidth: getIn(theme, ['UTTabs', 'baseIndicator', '& > div', 'maxWidth'], '100%'),
-        width: getIn(theme, ['UTTabs', 'baseIndicator', '& > div', 'width'], '100%'),
-        backgroundColor: getIn(theme, ['UTTabs', 'baseIndicator', '& > div', 'backgroundColor'], Colors.black)
-      },
-      borderRadius: getIn(theme, ['UTTabs', 'baseIndicator', 'borderRadius'])
-    },
-    secondaryIndicator: {
-      flex: getIn(theme, ['UTTabs', 'secondaryIndicator', 'flex']),
-      height: getIn(theme, ['UTTabs', 'secondaryIndicator', 'height'], 3),
-      bottom: getIn(theme, ['UTTabs', 'secondaryIndicator', 'bottom'], 'initial'),
-      display: getIn(theme, ['UTTabs', 'secondaryIndicator', 'display'], 'flex'),
-      justifyContent: getIn(theme, ['UTTabs', 'secondaryIndicator', 'justifyContent'], 'center'),
-      backgroundColor: getIn(theme, ['UTTabs', 'secondaryIndicator', 'backgroundColor'], 'transparent'),
-      '& > div': {
-        borderRadius: getIn(theme, ['UTTabs', 'secondaryIndicator', '& > div', 'borderRadius'], 0),
-        maxWidth: getIn(theme, ['UTTabs', 'secondaryIndicator', '& > div', 'maxWidth'], '100%'),
-        width: getIn(theme, ['UTTabs', 'secondaryIndicator', '& > div', 'width'], '100%'),
-        backgroundColor: getIn(theme, ['UTTabs', 'secondaryIndicator', '& > div', 'backgroundColor'], Colors.black)
-      },
-      borderRadius: getIn(theme, ['UTTabs', 'secondaryIndicator', 'borderRadius'])
-    },
-    baseTextColorPrimary: {
-      color: getIn(theme, ['UTTabs', 'baseTextColorPrimary', 'color'])
-    },
-    secondaryTextColorPrimary: {
-      color: getIn(theme, ['UTTabs', 'secondaryTextColorPrimary', 'color'])
-    },
-    baseLabel: {
-      fontSize: getIn(theme, ['UTTabs', 'baseLabel', 'fontSize']),
-      fontWeight: getIn(theme, ['UTTabs', 'baseLabel', 'fontWeight'])
-    },
-    secondaryLabel: {
-      fontSize: getIn(theme, ['UTTabs', 'secondaryLabel', 'fontSize']),
-      fontWeight: getIn(theme, ['UTTabs', 'secondaryLabel', 'fontWeight'])
-    }
-  };
-};
+import{getIn}from"seamless-immutable";import Colors from"../../scss/variables/colors.module.scss";export const retrieveStyle=_ref=>{let{theme:theme}=_ref;return{baseTabsRoot:{border:getIn(theme,["UTTabs","baseTabsRoot","border"],0),minHeight:getIn(theme,["UTTabs","baseTabsRoot","minHeight"],0),minWidth:getIn(theme,["UTTabs","baseTabsRoot","minWidth"],0)},secondaryTabsRoot:{border:getIn(theme,["UTTabs","secondaryTabsRoot","border"],0),minHeight:getIn(theme,["UTTabs","secondaryTabsRoot","minHeight"],0),minWidth:getIn(theme,["UTTabs","secondaryTabsRoot","minWidth"],0)},baseTabRoot:{flex:getIn(theme,["UTTabs","baseTabRoot","flex"]),fontFamily:getIn(theme,["UTTabs","baseTabRoot","fontFamily"]),fontSize:getIn(theme,["UTTabs","baseTabRoot","fontSize"],"12px"),fontWeight:getIn(theme,["UTTabs","baseTabRoot","fontWeight"],"normal"),textTransform:getIn(theme,["UTTabs","baseTabRoot","textTransform"],"none"),padding:getIn(theme,["UTTabs","baseTabRoot","padding"]),maxHeight:getIn(theme,["UTTabs","baseTabRoot","maxHeight"]),minHeight:getIn(theme,["UTTabs","baseTabRoot","minHeight"]),maxWidth:getIn(theme,["UTTabs","baseTabRoot","maxWidth"]),minWidth:getIn(theme,["UTTabs","baseTabRoot","minWidth"]),width:getIn(theme,["UTTabs","baseTabRoot","width"]),height:getIn(theme,["UTTabs","baseTabRoot","height"]),color:getIn(theme,["UTTabs","baseTabRoot","color"],Colors.black),backgroundColor:getIn(theme,["UTTabs","baseTabRoot","backgroundColor"],"transparent"),borderRadius:getIn(theme,["UTTabs","baseTabRoot","borderRadius"],0),opacity:getIn(theme,["UTTabs","baseTabRoot","opacity"]),transition:getIn(theme,["UTTabs","baseTabRoot","transition"],"all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"),willChange:getIn(theme,["UTTabs","baseTabRoot","willChange"]),"&:hover:not($baseSelected)":{backgroundColor:getIn(theme,["UTTabs","baseTabRoot","&:hover:not($baseSelected)","backgroundColor"],"transparent"),transition:getIn(theme,["UTTabs","baseTabRoot","&:hover:not($baseSelected)","transition"],"box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;")}},secondaryTabRoot:{flex:getIn(theme,["UTTabs","secondaryTabRoot","flex"]),fontFamily:getIn(theme,["UTTabs","secondaryTabRoot","fontFamily"]),fontSize:getIn(theme,["UTTabs","secondaryTabRoot","fontSize"],"12px"),fontWeight:getIn(theme,["UTTabs","secondaryTabRoot","fontWeight"],"normal"),textTransform:getIn(theme,["UTTabs","secondaryTabRoot","textTransform"],"none"),padding:getIn(theme,["UTTabs","secondaryTabRoot","padding"]),maxHeight:getIn(theme,["UTTabs","secondaryTabRoot","maxHeight"]),minHeight:getIn(theme,["UTTabs","secondaryTabRoot","minHeight"]),maxWidth:getIn(theme,["UTTabs","secondaryTabRoot","maxWidth"]),minWidth:getIn(theme,["UTTabs","secondaryTabRoot","minWidth"]),width:getIn(theme,["UTTabs","secondaryTabRoot","width"]),height:getIn(theme,["UTTabs","secondaryTabRoot","height"]),color:getIn(theme,["UTTabs","secondaryTabRoot","color"],Colors.black),backgroundColor:getIn(theme,["UTTabs","secondaryTabRoot","backgroundColor"],"transparent"),borderRadius:getIn(theme,["UTTabs","secondaryTabRoot","borderRadius"],0),opacity:getIn(theme,["UTTabs","secondaryTabRoot","opacity"]),transition:getIn(theme,["UTTabs","secondaryTabRoot","transition"],"all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"),willChange:getIn(theme,["UTTabs","secondaryTabRoot","willChange"]),"&:hover:not($secondarySelected)":{backgroundColor:getIn(theme,["UTTabs","secondaryTabRoot","&:hover:not($secondarySelected)","backgroundColor"],"transparent"),transition:getIn(theme,["UTTabs","secondaryTabRoot","&:hover:not($secondarySelected)","transition"],"box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;")}},baseSelected:{fontWeight:getIn(theme,["UTTabs","baseSelected","fontWeight"],"normal"),color:getIn(theme,["UTTabs","baseSelected","color"],Colors.black),backgroundColor:getIn(theme,["UTTabs","baseSelected","backgroundColor"],"transparent")},secondarySelected:{fontWeight:getIn(theme,["UTTabs","secondarySelected","fontWeight"],"normal"),color:getIn(theme,["UTTabs","secondarySelected","color"],Colors.black),backgroundColor:getIn(theme,["UTTabs","secondarySelected","backgroundColor"],"transparent")},baseIndicator:{flex:getIn(theme,["UTTabs","baseIndicator","flex"]),height:getIn(theme,["UTTabs","baseIndicator","height"],3),bottom:getIn(theme,["UTTabs","baseIndicator","bottom"],"initial"),display:getIn(theme,["UTTabs","baseIndicator","display"],"flex"),justifyContent:getIn(theme,["UTTabs","baseIndicator","justifyContent"],"center"),backgroundColor:getIn(theme,["UTTabs","baseIndicator","backgroundColor"],"transparent"),"& > div":{borderRadius:getIn(theme,["UTTabs","baseIndicator","& > div","borderRadius"],0),maxWidth:getIn(theme,["UTTabs","baseIndicator","& > div","maxWidth"],"100%"),width:getIn(theme,["UTTabs","baseIndicator","& > div","width"],"100%"),backgroundColor:getIn(theme,["UTTabs","baseIndicator","& > div","backgroundColor"],Colors.black)},borderRadius:getIn(theme,["UTTabs","baseIndicator","borderRadius"])},secondaryIndicator:{flex:getIn(theme,["UTTabs","secondaryIndicator","flex"]),height:getIn(theme,["UTTabs","secondaryIndicator","height"],3),bottom:getIn(theme,["UTTabs","secondaryIndicator","bottom"],"initial"),display:getIn(theme,["UTTabs","secondaryIndicator","display"],"flex"),justifyContent:getIn(theme,["UTTabs","secondaryIndicator","justifyContent"],"center"),backgroundColor:getIn(theme,["UTTabs","secondaryIndicator","backgroundColor"],"transparent"),"& > div":{borderRadius:getIn(theme,["UTTabs","secondaryIndicator","& > div","borderRadius"],0),maxWidth:getIn(theme,["UTTabs","secondaryIndicator","& > div","maxWidth"],"100%"),width:getIn(theme,["UTTabs","secondaryIndicator","& > div","width"],"100%"),backgroundColor:getIn(theme,["UTTabs","secondaryIndicator","& > div","backgroundColor"],Colors.black)},borderRadius:getIn(theme,["UTTabs","secondaryIndicator","borderRadius"])},baseTextColorPrimary:{color:getIn(theme,["UTTabs","baseTextColorPrimary","color"])},secondaryTextColorPrimary:{color:getIn(theme,["UTTabs","secondaryTextColorPrimary","color"])},baseLabel:{fontSize:getIn(theme,["UTTabs","baseLabel","fontSize"]),fontWeight:getIn(theme,["UTTabs","baseLabel","fontWeight"])},secondaryLabel:{fontSize:getIn(theme,["UTTabs","secondaryLabel","fontSize"]),fontWeight:getIn(theme,["UTTabs","secondaryLabel","fontWeight"])}}};

package/dist/esm/components/UTTabs/utils.js

@@ -1,23 +1 @@
-import { variants } from './constants';
-export const retrieveClassNamesFromVariants = (variant, classes) => {
-  switch (variant) {
-    case variants.SECONDARY:
-      return {
-        tabsRoot: classes.secondaryTabsRoot,
-        tabRoot: classes.secondaryTabRoot,
-        selected: classes.secondarySelected,
-        indicator: classes.secondaryIndicator,
-        textColorPrimary: classes.secondaryTextColorPrimary,
-        label: classes.secondaryLabel
-      };
-    default:
-      return {
-        tabsRoot: classes.baseTabsRoot,
-        tabRoot: classes.baseTabRoot,
-        selected: classes.baseSelected,
-        indicator: classes.baseIndicator,
-        textColorPrimary: classes.baseTextColorPrimary,
-        label: classes.baseLabel
-      };
-  }
-};
+import{variants}from"./constants";export const retrieveClassNamesFromVariants=(variant,classes)=>variant===variants.SECONDARY?{tabsRoot:classes.secondaryTabsRoot,tabRoot:classes.secondaryTabRoot,selected:classes.secondarySelected,indicator:classes.secondaryIndicator,textColorPrimary:classes.secondaryTextColorPrimary,label:classes.secondaryLabel}:{tabsRoot:classes.baseTabsRoot,tabRoot:classes.baseTabRoot,selected:classes.baseSelected,indicator:classes.baseIndicator,textColorPrimary:classes.baseTextColorPrimary,label:classes.baseLabel};

package/dist/esm/components/UTTextArea/index.js

@@ -1,19 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import V0 from './versions/V0';
-import V1 from './versions/V1';
-const UTTextArea = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0,
-    V1
-  }[version];
-  return /*#__PURE__*/React.createElement(Component, props);
-};
-UTTextArea.propTypes = {
-  version: string
-};
-export default UTTextArea;
+import React from"react";import{string}from"prop-types";import V0 from"./versions/V0";import V1 from"./versions/V1";const UTTextArea=_ref=>{let{version:version="V0",...props}=_ref;const Component={V0:V0,V1:V1}[version];return React.createElement(Component,props)};UTTextArea.propTypes={version:string};export default UTTextArea;

package/dist/esm/components/UTTextArea/versions/V0/constants.js

@@ -1,5 +1 @@
-export const tippyProps = {
-  appendTo: () => document.body,
-  interactive: false
-};
-export const LIMIT_WARNING_FACTOR = 0.9;
+export const tippyProps={appendTo:()=>document.body,interactive:!1};export const LIMIT_WARNING_FACTOR=.9;