@widergy/energy-ui 3.173.2 → 3.173.4

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=(t,o)=>{const e=[],n=[],i=[],r=[],s=[];return t.forEach(t=>{o?t.type===CELL_TYPES.ACTION_BUTTON?n.push(t):t.type===CELL_TYPES.ACTION_ICONS?i.push(t):e.push(t):t.position===COLUMN_POSITION.LEFT?r.push(t):t.position===COLUMN_POSITION.RIGHT?s.push(t):e.push(t)}),{secondaryColumns:e,primaryActions:n,secondaryActions:i,fixedLeftColumns:r,fixedRightColumns:s}};export const customSort=(t,o,e)=>{const n=t[e.key]||"",i=o[e.key]||"";return n<i?"asc"===e.direction?-1:1:n>i?"asc"===e.direction?1:-1:0};export const orderRows=(t,o,e,n)=>{if(objectIsEmpty(o))return e;const i=[...t],r=n.find(t=>{let{key:e}=t;return e===o.key}).customSort||customSort;return i.sort((t,e)=>r(t,e,o)),i};export const getCurrentRows=(t,o,e)=>{const n=o*e,i=(o+1)*e;return t.slice(n,i)};export const createRowStyles=(t,o,e,n)=>{const i=ROW_SPACING[o]||ROW_SPACING.none,r=ROW_PADDING[t]||ROW_PADDING.small,s=ROW_PADDING[e]||ROW_PADDING.medium,I=i===ROW_SPACING.none&&0;return{fixedRowsLeft:{borderRadius:I,borderWidth:"".concat(ROWS_BORDER_SIZE,"px"),paddingLeft:CELL_SIDE_PADDING},fixedRowsRight:{borderRadius:I,borderWidth:"".concat(ROWS_BORDER_SIZE,"px"),paddingRight:CELL_SIDE_PADDING},rowBorderTop:{borderTopWidth:"".concat(ROWS_BORDER_SIZE,"px"),left:ROW_SIDE_PADDING,marginTop:i,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:r,paddingLeft:CELL_SIDE_PADDING,paddingRight:CELL_SIDE_PADDING,paddingTop:r},headerCell:{paddingBottom:s,paddingLeft:CELL_SIDE_PADDING,paddingRight:CELL_SIDE_PADDING,paddingTop:s},rowBackground:{borderRadius:I,borderBottomWidth:"".concat(ROWS_BORDER_SIZE,"px"),borderTopWidth:"".concat(ROWS_BORDER_SIZE,"px"),borderLeftWidth:0,borderRightWidth:0},rowContainer:{marginBottom:i,marginTop:i},headerRowContainer:{marginTop:0},selectCell:{paddingBottom:r,paddingLeft:n?0:CELL_SIDE_PADDING,paddingRight:CELL_SIDE_PADDING,paddingTop:r},responsiveCell:{padding:CELL_SIDE_PADDING}}};export const getSelectableRowIds=(t,o,e)=>(e?t.filter(t=>!e(t)):t).map(t=>t[o]);export const getInitialValidRowsPerPage=(t,o,e,n,i)=>{if(void 0===t)return o[0];const r=getPageSizeOptions(o,n===INTEGRATION_TYPES.EXTERNAL?i:e.length).map(t=>{let{value:o}=t;return o});return r.includes(t)?t:r[0]};export const getInitialValidPage=(t,o,e,n)=>n===INTEGRATION_TYPES.EXTERNAL?t:void 0===t||Math.floor(e.length/o)<t?0:t;export const getColumnsSizes=t=>{let{columns:o,fitColumnsWidth:e,selectable:n}=t;const i={};if(e){let t=0,e=n?54:0,r=0,s=0;o.forEach(o=>{let{position:n,size:i}=o;const I=COLUMN_SIZES[i]||COLUMN_SIZES.medium;t+=I,n===COLUMN_POSITION.LEFT?e+=I:n===COLUMN_POSITION.RIGHT?s+=I:r+=I}),o.forEach(t=>{let{key:o,position:n,size:I}=t;const c=100*(COLUMN_SIZES[I]||COLUMN_SIZES.medium)/(n===COLUMN_POSITION.LEFT?e:n===COLUMN_POSITION.RIGHT?s:r);i[o]="".concat(c,"%")}),i.leftColumnsSize="".concat(100*e/t,"%"),i.secondaryColumnsSize="".concat(100*r/t,"%"),i.rightColumnsSize="".concat(100*s/t,"%")}else o.forEach(t=>{let{key:o,size:e}=t;i[o]=COLUMN_SIZES[e]||COLUMN_SIZES.medium}),i.leftColumnsSize="auto",i.secondaryColumnsSize="auto",i.rightColumnsSize="auto";return i};export const getEnabledHeader=t=>t.some(t=>t.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(t){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var n in e)({}).hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t},_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=t=>{let{children:o,buttonRef:e,className:n,isDisabled:r,onClick:s,tooltip:p,tooltipProps:i={},...l}=t;const c={appendTo:()=>document.body,interactive:!1,...i};return React.createElement(UTTooltip,{content:p,tippyProps:c},React.createElement("button",_extends({className:"".concat(n," ").concat(styles.button),ref:e,onClick:t=>{r||s(t)}},l),o))};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(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var r in o)({}).hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},_extends.apply(null,arguments)}function _defineProperty(t,e,o){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function _toPropertyKey(t){var e=_toPrimitive(t,"string");return"symbol"==typeof e?e:e+""}function _toPrimitive(t,e){if("object"!=typeof t||!t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var r=o.call(t,e||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?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",(t,e)=>this.props.onChange(e))}render(){const{badges:t,classes:e,classNames:o,lastOptionProps:r,options:a,tabProps:s,tabsProps:n,tabTooltipProps:i,variant:l}=this.props,c=mergeClasses(e,o),p=retrieveClassNamesFromVariants(l,c);return React.createElement(Tabs,_extends({value:this.props.value,onChange:this.handleChange,classes:{root:"".concat(p.tabsRoot," ").concat(c.tabsRoot),flexContainer:c.flexContainer},TabIndicatorProps:{className:"".concat(p.indicator," ").concat(c.indicator),children:React.createElement("div",null)}},n),a.map((t,e)=>{const o=t.tooltip?forwardRef((e,o)=>React.createElement(TooltipTab,_extends({},e,{buttonRef:o,isDisabled:t.disabled,tooltip:t.tooltip,tooltipProps:i}))):DEFAULT_TAB_COMPONENT,n=e+1===a.length&&r?r:{};return React.createElement(Tab,_extends({classes:{root:"".concat(p.tabRoot," ").concat(c.tabRoot),selected:"".concat(p.selected," ").concat(c.selected),textColorPrimary:"".concat(p.textColorPrimary," ").concat(c.textColorPrimary),wrapper:"".concat(p.label," ").concat(c.label)},key:t.value,value:t.value,label:t.label,disabled:t.disabled,icon:t.icon,component:o,"data-testid":null!=s&&s.dataTestId?"".concat(null==s?void 0:s.dataTestId).concat(e):"".concat(tabs.tab).concat(e)},s,n))}),!isEmpty(t)&&t.map(t=>React.createElement("div",{className:"".concat(t.styles," ").concat(!t.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=o=>{let{theme:a}=o;return{baseTabsRoot:{border:getIn(a,["UTTabs","baseTabsRoot","border"],0),minHeight:getIn(a,["UTTabs","baseTabsRoot","minHeight"],0),minWidth:getIn(a,["UTTabs","baseTabsRoot","minWidth"],0)},secondaryTabsRoot:{border:getIn(a,["UTTabs","secondaryTabsRoot","border"],0),minHeight:getIn(a,["UTTabs","secondaryTabsRoot","minHeight"],0),minWidth:getIn(a,["UTTabs","secondaryTabsRoot","minWidth"],0)},baseTabRoot:{flex:getIn(a,["UTTabs","baseTabRoot","flex"]),fontFamily:getIn(a,["UTTabs","baseTabRoot","fontFamily"]),fontSize:getIn(a,["UTTabs","baseTabRoot","fontSize"],"12px"),fontWeight:getIn(a,["UTTabs","baseTabRoot","fontWeight"],"normal"),textTransform:getIn(a,["UTTabs","baseTabRoot","textTransform"],"none"),padding:getIn(a,["UTTabs","baseTabRoot","padding"]),maxHeight:getIn(a,["UTTabs","baseTabRoot","maxHeight"]),minHeight:getIn(a,["UTTabs","baseTabRoot","minHeight"]),maxWidth:getIn(a,["UTTabs","baseTabRoot","maxWidth"]),minWidth:getIn(a,["UTTabs","baseTabRoot","minWidth"]),width:getIn(a,["UTTabs","baseTabRoot","width"]),height:getIn(a,["UTTabs","baseTabRoot","height"]),color:getIn(a,["UTTabs","baseTabRoot","color"],Colors.black),backgroundColor:getIn(a,["UTTabs","baseTabRoot","backgroundColor"],"transparent"),borderRadius:getIn(a,["UTTabs","baseTabRoot","borderRadius"],0),opacity:getIn(a,["UTTabs","baseTabRoot","opacity"]),transition:getIn(a,["UTTabs","baseTabRoot","transition"],"all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"),willChange:getIn(a,["UTTabs","baseTabRoot","willChange"]),"&:hover:not($baseSelected)":{backgroundColor:getIn(a,["UTTabs","baseTabRoot","&:hover:not($baseSelected)","backgroundColor"],"transparent"),transition:getIn(a,["UTTabs","baseTabRoot","&:hover:not($baseSelected)","transition"],"box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;")}},secondaryTabRoot:{flex:getIn(a,["UTTabs","secondaryTabRoot","flex"]),fontFamily:getIn(a,["UTTabs","secondaryTabRoot","fontFamily"]),fontSize:getIn(a,["UTTabs","secondaryTabRoot","fontSize"],"12px"),fontWeight:getIn(a,["UTTabs","secondaryTabRoot","fontWeight"],"normal"),textTransform:getIn(a,["UTTabs","secondaryTabRoot","textTransform"],"none"),padding:getIn(a,["UTTabs","secondaryTabRoot","padding"]),maxHeight:getIn(a,["UTTabs","secondaryTabRoot","maxHeight"]),minHeight:getIn(a,["UTTabs","secondaryTabRoot","minHeight"]),maxWidth:getIn(a,["UTTabs","secondaryTabRoot","maxWidth"]),minWidth:getIn(a,["UTTabs","secondaryTabRoot","minWidth"]),width:getIn(a,["UTTabs","secondaryTabRoot","width"]),height:getIn(a,["UTTabs","secondaryTabRoot","height"]),color:getIn(a,["UTTabs","secondaryTabRoot","color"],Colors.black),backgroundColor:getIn(a,["UTTabs","secondaryTabRoot","backgroundColor"],"transparent"),borderRadius:getIn(a,["UTTabs","secondaryTabRoot","borderRadius"],0),opacity:getIn(a,["UTTabs","secondaryTabRoot","opacity"]),transition:getIn(a,["UTTabs","secondaryTabRoot","transition"],"all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"),willChange:getIn(a,["UTTabs","secondaryTabRoot","willChange"]),"&:hover:not($secondarySelected)":{backgroundColor:getIn(a,["UTTabs","secondaryTabRoot","&:hover:not($secondarySelected)","backgroundColor"],"transparent"),transition:getIn(a,["UTTabs","secondaryTabRoot","&:hover:not($secondarySelected)","transition"],"box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;")}},baseSelected:{fontWeight:getIn(a,["UTTabs","baseSelected","fontWeight"],"normal"),color:getIn(a,["UTTabs","baseSelected","color"],Colors.black),backgroundColor:getIn(a,["UTTabs","baseSelected","backgroundColor"],"transparent")},secondarySelected:{fontWeight:getIn(a,["UTTabs","secondarySelected","fontWeight"],"normal"),color:getIn(a,["UTTabs","secondarySelected","color"],Colors.black),backgroundColor:getIn(a,["UTTabs","secondarySelected","backgroundColor"],"transparent")},baseIndicator:{flex:getIn(a,["UTTabs","baseIndicator","flex"]),height:getIn(a,["UTTabs","baseIndicator","height"],3),bottom:getIn(a,["UTTabs","baseIndicator","bottom"],"initial"),display:getIn(a,["UTTabs","baseIndicator","display"],"flex"),justifyContent:getIn(a,["UTTabs","baseIndicator","justifyContent"],"center"),backgroundColor:getIn(a,["UTTabs","baseIndicator","backgroundColor"],"transparent"),"& > div":{borderRadius:getIn(a,["UTTabs","baseIndicator","& > div","borderRadius"],0),maxWidth:getIn(a,["UTTabs","baseIndicator","& > div","maxWidth"],"100%"),width:getIn(a,["UTTabs","baseIndicator","& > div","width"],"100%"),backgroundColor:getIn(a,["UTTabs","baseIndicator","& > div","backgroundColor"],Colors.black)},borderRadius:getIn(a,["UTTabs","baseIndicator","borderRadius"])},secondaryIndicator:{flex:getIn(a,["UTTabs","secondaryIndicator","flex"]),height:getIn(a,["UTTabs","secondaryIndicator","height"],3),bottom:getIn(a,["UTTabs","secondaryIndicator","bottom"],"initial"),display:getIn(a,["UTTabs","secondaryIndicator","display"],"flex"),justifyContent:getIn(a,["UTTabs","secondaryIndicator","justifyContent"],"center"),backgroundColor:getIn(a,["UTTabs","secondaryIndicator","backgroundColor"],"transparent"),"& > div":{borderRadius:getIn(a,["UTTabs","secondaryIndicator","& > div","borderRadius"],0),maxWidth:getIn(a,["UTTabs","secondaryIndicator","& > div","maxWidth"],"100%"),width:getIn(a,["UTTabs","secondaryIndicator","& > div","width"],"100%"),backgroundColor:getIn(a,["UTTabs","secondaryIndicator","& > div","backgroundColor"],Colors.black)},borderRadius:getIn(a,["UTTabs","secondaryIndicator","borderRadius"])},baseTextColorPrimary:{color:getIn(a,["UTTabs","baseTextColorPrimary","color"])},secondaryTextColorPrimary:{color:getIn(a,["UTTabs","secondaryTextColorPrimary","color"])},baseLabel:{fontSize:getIn(a,["UTTabs","baseLabel","fontSize"]),fontWeight:getIn(a,["UTTabs","baseLabel","fontWeight"])},secondaryLabel:{fontSize:getIn(a,["UTTabs","secondaryLabel","fontSize"]),fontWeight:getIn(a,["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=(a,o)=>a===variants.SECONDARY?{tabsRoot:o.secondaryTabsRoot,tabRoot:o.secondaryTabRoot,selected:o.secondarySelected,indicator:o.secondaryIndicator,textColorPrimary:o.secondaryTextColorPrimary,label:o.secondaryLabel}:{tabsRoot:o.baseTabsRoot,tabRoot:o.baseTabRoot,selected:o.baseSelected,indicator:o.baseIndicator,textColorPrimary:o.baseTextColorPrimary,label:o.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=r=>{let{version:e="V0",...t}=r;const o={V0:V0,V1:V1}[e];return React.createElement(o,t)};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;