@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/components/UTTable/utils.js

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

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

@@ -1 +1,51 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_commonTypes=require("../../../../types/commonTypes"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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)}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.default.createElement(_UTTooltip.default,{content:tooltip,tippyProps:tippyProps},_react.default.createElement("button",_extends({className:"".concat(className," ").concat(_stylesModule.default.button),ref:buttonRef,onClick:event=>{isDisabled||onClick(event)}},props),children))};TooltipTab.propTypes={buttonRef:_commonTypes.refType,className:_propTypes.string,isDisabled:_propTypes.bool,onClick:_propTypes.func,tooltip:_propTypes.string,tooltipProps:_propTypes.object};var _default=exports.default=(0,_react.memo)(TooltipTab);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
+var _commonTypes = require("../../../../types/commonTypes");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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); }
+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.default.createElement(_UTTooltip.default, {
+    content: tooltip,
+    tippyProps: tippyProps
+  }, /*#__PURE__*/_react.default.createElement("button", _extends({
+    className: "".concat(className, " ").concat(_stylesModule.default.button),
+    ref: buttonRef,
+    onClick: handleClick
+  }, props), children));
+};
+TooltipTab.propTypes = {
+  buttonRef: _commonTypes.refType,
+  className: _propTypes.string,
+  isDisabled: _propTypes.bool,
+  onClick: _propTypes.func,
+  tooltip: _propTypes.string,
+  tooltipProps: _propTypes.object
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(TooltipTab);

package/dist/components/UTTabs/constants.js

@@ -1 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.variants=exports.DEFAULT_VARIANT=exports.DEFAULT_TAB_COMPONENT=exports.DEFAULT_TABS_PROPS=void 0;const DEFAULT_TABS_PROPS=exports.DEFAULT_TABS_PROPS={variant:"fullWidth",orientation:"horizontal"},variants=exports.variants={BASE:"base",SECONDARY:"secondary"},DEFAULT_VARIANT=exports.DEFAULT_VARIANT=variants.BASE,DEFAULT_TAB_COMPONENT=exports.DEFAULT_TAB_COMPONENT="button";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.variants = exports.DEFAULT_VARIANT = exports.DEFAULT_TAB_COMPONENT = exports.DEFAULT_TABS_PROPS = void 0;
+const DEFAULT_TABS_PROPS = exports.DEFAULT_TABS_PROPS = {
+  variant: 'fullWidth',
+  orientation: 'horizontal'
+};
+const variants = exports.variants = {
+  BASE: 'base',
+  SECONDARY: 'secondary'
+};
+const DEFAULT_VARIANT = exports.DEFAULT_VARIANT = variants.BASE;
+const DEFAULT_TAB_COMPONENT = exports.DEFAULT_TAB_COMPONENT = 'button';

package/dist/components/UTTabs/index.js

@@ -1 +1,127 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_Tabs=_interopRequireDefault(require("@material-ui/core/Tabs")),_Tab=_interopRequireDefault(require("@material-ui/core/Tab")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_testIds=require("../../constants/testIds"),_classesUtils=require("../../utils/classesUtils"),_TooltipTab=_interopRequireDefault(require("./components/TooltipTab")),_constants=require("./constants"),_utils=require("./utils"),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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)}const{tabs:tabs}=_testIds.TEST_IDS;class UTTabs extends _react.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=(0,_classesUtils.mergeClasses)(themeClasses,classNames),styles=(0,_utils.retrieveClassNamesFromVariants)(variant,classes);return _react.default.createElement(_Tabs.default,_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.default.createElement("div",null)}},tabsProps),options.map((opt,i)=>{const tabComponent=opt.tooltip?(0,_react.forwardRef)((props,ref)=>_react.default.createElement(_TooltipTab.default,_extends({},props,{buttonRef:ref,isDisabled:opt.disabled,tooltip:opt.tooltip,tooltipProps:tabTooltipProps}))):_constants.DEFAULT_TAB_COMPONENT,lastOptionPropsFinal=i+1===options.length&&lastOptionProps?lastOptionProps:{};return _react.default.createElement(_Tab.default,_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))}),!(0,_array.isEmpty)(badges)&&badges.map(badge=>_react.default.createElement("div",{className:"".concat(badge.styles," ").concat(!badge.show&&_stylesModule.default.hiddenBadge)})))}}UTTabs.defaultProps={badges:[],classes:{},classNames:{},options:[],variant:_constants.DEFAULT_VARIANT,tabsProps:_constants.DEFAULT_TABS_PROPS},UTTabs.propTypes={badges:(0,_propTypes.arrayOf)((0,_propTypes.shape)({show:_propTypes.bool,styles:_propTypes.string})),classes:(0,_propTypes.shape)({tabsRoot:_propTypes.string,tabRoot:_propTypes.string,selected:_propTypes.string,indicator:_propTypes.string,textColorPrimary:_propTypes.string,label:_propTypes.string}),classNames:(0,_propTypes.objectOf)(_propTypes.string),lastOptionProps:_propTypes.object,onChange:_propTypes.func.isRequired,options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({label:_propTypes.string,disabled:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.node,_propTypes.elementType,_propTypes.string]),tooltip:(0,_propTypes.oneOfType)([_propTypes.bool,_propTypes.string])})),variant:_propTypes.string,tabProps:_propTypes.object,tabsProps:(0,_propTypes.shape)({variant:_propTypes.string,orientation:_propTypes.string}),tabTooltipProps:_propTypes.object,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTTabs);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Tabs = _interopRequireDefault(require("@material-ui/core/Tabs"));
+var _Tab = _interopRequireDefault(require("@material-ui/core/Tab"));
+var _propTypes = require("prop-types");
+var _array = require("@widergy/web-utils/lib/array");
+var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _testIds = require("../../constants/testIds");
+var _classesUtils = require("../../utils/classesUtils");
+var _TooltipTab = _interopRequireDefault(require("./components/TooltipTab"));
+var _constants = require("./constants");
+var _utils = require("./utils");
+var _theme = require("./theme");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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); }
+const {
+  tabs
+} = _testIds.TEST_IDS;
+class UTTabs extends _react.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 = (0, _classesUtils.mergeClasses)(themeClasses, classNames);
+    const styles = (0, _utils.retrieveClassNamesFromVariants)(variant, classes);
+    return /*#__PURE__*/_react.default.createElement(_Tabs.default, _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.default.createElement("div", null)
+      }
+    }, tabsProps), options.map((opt, i) => {
+      const tabComponent = opt.tooltip ? /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_TooltipTab.default, _extends({}, props, {
+        buttonRef: ref,
+        isDisabled: opt.disabled,
+        tooltip: opt.tooltip,
+        tooltipProps: tabTooltipProps
+      }))) : _constants.DEFAULT_TAB_COMPONENT;
+      const lastOption = i + 1 === options.length;
+      const lastOptionPropsFinal = lastOption && !!lastOptionProps ? lastOptionProps : {};
+      return /*#__PURE__*/_react.default.createElement(_Tab.default, _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));
+    }), !(0, _array.isEmpty)(badges) && badges.map(badge => /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(badge.styles, " ").concat(!badge.show && _stylesModule.default.hiddenBadge)
+    })));
+  }
+}
+UTTabs.defaultProps = {
+  badges: [],
+  classes: {},
+  classNames: {},
+  options: [],
+  variant: _constants.DEFAULT_VARIANT,
+  tabsProps: _constants.DEFAULT_TABS_PROPS
+};
+UTTabs.propTypes = {
+  badges: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    show: _propTypes.bool,
+    styles: _propTypes.string
+  })),
+  classes: (0, _propTypes.shape)({
+    tabsRoot: _propTypes.string,
+    tabRoot: _propTypes.string,
+    selected: _propTypes.string,
+    indicator: _propTypes.string,
+    textColorPrimary: _propTypes.string,
+    label: _propTypes.string
+  }),
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  lastOptionProps: _propTypes.object,
+  onChange: _propTypes.func.isRequired,
+  options: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    label: _propTypes.string,
+    disabled: _propTypes.bool,
+    icon: (0, _propTypes.oneOfType)([_propTypes.node, _propTypes.elementType, _propTypes.string]),
+    tooltip: (0, _propTypes.oneOfType)([_propTypes.bool, _propTypes.string])
+  })),
+  variant: _propTypes.string,
+  tabProps: _propTypes.object,
+  tabsProps: (0, _propTypes.shape)({
+    variant: _propTypes.string,
+    orientation: _propTypes.string
+  }),
+  tabTooltipProps: _propTypes.object,
+  value: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number])
+};
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTabs);

package/dist/components/UTTabs/theme.js

@@ -1 +1,129 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _seamlessImmutable=require("seamless-immutable"),_colorsModule=_interopRequireDefault(require("../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const retrieveStyle=_ref=>{let{theme:theme}=_ref;return{baseTabsRoot:{border:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabsRoot","border"],0),minHeight:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabsRoot","minHeight"],0),minWidth:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabsRoot","minWidth"],0)},secondaryTabsRoot:{border:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabsRoot","border"],0),minHeight:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabsRoot","minHeight"],0),minWidth:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabsRoot","minWidth"],0)},baseTabRoot:{flex:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","flex"]),fontFamily:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","fontFamily"]),fontSize:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","fontSize"],"12px"),fontWeight:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","fontWeight"],"normal"),textTransform:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","textTransform"],"none"),padding:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","padding"]),maxHeight:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","maxHeight"]),minHeight:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","minHeight"]),maxWidth:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","maxWidth"]),minWidth:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","minWidth"]),width:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","width"]),height:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","height"]),color:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","color"],_colorsModule.default.black),backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","backgroundColor"],"transparent"),borderRadius:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","borderRadius"],0),opacity:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","opacity"]),transition:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","transition"],"all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"),willChange:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","willChange"]),"&:hover:not($baseSelected)":{backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","&:hover:not($baseSelected)","backgroundColor"],"transparent"),transition:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTabRoot","&:hover:not($baseSelected)","transition"],"box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;")}},secondaryTabRoot:{flex:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","flex"]),fontFamily:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","fontFamily"]),fontSize:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","fontSize"],"12px"),fontWeight:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","fontWeight"],"normal"),textTransform:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","textTransform"],"none"),padding:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","padding"]),maxHeight:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","maxHeight"]),minHeight:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","minHeight"]),maxWidth:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","maxWidth"]),minWidth:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","minWidth"]),width:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","width"]),height:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","height"]),color:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","color"],_colorsModule.default.black),backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","backgroundColor"],"transparent"),borderRadius:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","borderRadius"],0),opacity:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","opacity"]),transition:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","transition"],"all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"),willChange:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","willChange"]),"&:hover:not($secondarySelected)":{backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","&:hover:not($secondarySelected)","backgroundColor"],"transparent"),transition:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTabRoot","&:hover:not($secondarySelected)","transition"],"box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;")}},baseSelected:{fontWeight:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseSelected","fontWeight"],"normal"),color:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseSelected","color"],_colorsModule.default.black),backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseSelected","backgroundColor"],"transparent")},secondarySelected:{fontWeight:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondarySelected","fontWeight"],"normal"),color:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondarySelected","color"],_colorsModule.default.black),backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondarySelected","backgroundColor"],"transparent")},baseIndicator:{flex:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseIndicator","flex"]),height:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseIndicator","height"],3),bottom:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseIndicator","bottom"],"initial"),display:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseIndicator","display"],"flex"),justifyContent:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseIndicator","justifyContent"],"center"),backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseIndicator","backgroundColor"],"transparent"),"& > div":{borderRadius:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseIndicator","& > div","borderRadius"],0),maxWidth:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseIndicator","& > div","maxWidth"],"100%"),width:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseIndicator","& > div","width"],"100%"),backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseIndicator","& > div","backgroundColor"],_colorsModule.default.black)},borderRadius:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseIndicator","borderRadius"])},secondaryIndicator:{flex:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryIndicator","flex"]),height:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryIndicator","height"],3),bottom:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryIndicator","bottom"],"initial"),display:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryIndicator","display"],"flex"),justifyContent:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryIndicator","justifyContent"],"center"),backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryIndicator","backgroundColor"],"transparent"),"& > div":{borderRadius:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryIndicator","& > div","borderRadius"],0),maxWidth:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryIndicator","& > div","maxWidth"],"100%"),width:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryIndicator","& > div","width"],"100%"),backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryIndicator","& > div","backgroundColor"],_colorsModule.default.black)},borderRadius:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryIndicator","borderRadius"])},baseTextColorPrimary:{color:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseTextColorPrimary","color"])},secondaryTextColorPrimary:{color:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryTextColorPrimary","color"])},baseLabel:{fontSize:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseLabel","fontSize"]),fontWeight:(0,_seamlessImmutable.getIn)(theme,["UTTabs","baseLabel","fontWeight"])},secondaryLabel:{fontSize:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryLabel","fontSize"]),fontWeight:(0,_seamlessImmutable.getIn)(theme,["UTTabs","secondaryLabel","fontWeight"])}}};exports.retrieveStyle=retrieveStyle;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+var _seamlessImmutable = require("seamless-immutable");
+var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const retrieveStyle = _ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    baseTabsRoot: {
+      border: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabsRoot', 'border'], 0),
+      minHeight: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabsRoot', 'minHeight'], 0),
+      minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabsRoot', 'minWidth'], 0)
+    },
+    secondaryTabsRoot: {
+      border: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabsRoot', 'border'], 0),
+      minHeight: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabsRoot', 'minHeight'], 0),
+      minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabsRoot', 'minWidth'], 0)
+    },
+    baseTabRoot: {
+      flex: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'flex']),
+      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'fontFamily']),
+      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'fontSize'], '12px'),
+      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'fontWeight'], 'normal'),
+      textTransform: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'textTransform'], 'none'),
+      padding: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'padding']),
+      maxHeight: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'maxHeight']),
+      minHeight: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'minHeight']),
+      maxWidth: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'maxWidth']),
+      minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'minWidth']),
+      width: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'width']),
+      height: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'height']),
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'color'], _colorsModule.default.black),
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'backgroundColor'], 'transparent'),
+      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'borderRadius'], 0),
+      opacity: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'opacity']),
+      transition: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'transition'], "all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"),
+      willChange: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', 'willChange']),
+      '&:hover:not($baseSelected)': {
+        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', '&:hover:not($baseSelected)', 'backgroundColor'], 'transparent'),
+        transition: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTabRoot', '&:hover:not($baseSelected)', 'transition'], 'box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;')
+      }
+    },
+    secondaryTabRoot: {
+      flex: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'flex']),
+      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'fontFamily']),
+      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'fontSize'], '12px'),
+      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'fontWeight'], 'normal'),
+      textTransform: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'textTransform'], 'none'),
+      padding: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'padding']),
+      maxHeight: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'maxHeight']),
+      minHeight: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'minHeight']),
+      maxWidth: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'maxWidth']),
+      minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'minWidth']),
+      width: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'width']),
+      height: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'height']),
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'color'], _colorsModule.default.black),
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'backgroundColor'], 'transparent'),
+      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'borderRadius'], 0),
+      opacity: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'opacity']),
+      transition: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'transition'], "all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"),
+      willChange: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', 'willChange']),
+      '&:hover:not($secondarySelected)': {
+        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', '&:hover:not($secondarySelected)', 'backgroundColor'], 'transparent'),
+        transition: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTabRoot', '&:hover:not($secondarySelected)', 'transition'], 'box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;')
+      }
+    },
+    baseSelected: {
+      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseSelected', 'fontWeight'], 'normal'),
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseSelected', 'color'], _colorsModule.default.black),
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseSelected', 'backgroundColor'], 'transparent')
+    },
+    secondarySelected: {
+      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondarySelected', 'fontWeight'], 'normal'),
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondarySelected', 'color'], _colorsModule.default.black),
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondarySelected', 'backgroundColor'], 'transparent')
+    },
+    baseIndicator: {
+      flex: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseIndicator', 'flex']),
+      height: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseIndicator', 'height'], 3),
+      bottom: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseIndicator', 'bottom'], 'initial'),
+      display: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseIndicator', 'display'], 'flex'),
+      justifyContent: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseIndicator', 'justifyContent'], 'center'),
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseIndicator', 'backgroundColor'], 'transparent'),
+      '& > div': {
+        borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseIndicator', '& > div', 'borderRadius'], 0),
+        maxWidth: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseIndicator', '& > div', 'maxWidth'], '100%'),
+        width: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseIndicator', '& > div', 'width'], '100%'),
+        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseIndicator', '& > div', 'backgroundColor'], _colorsModule.default.black)
+      },
+      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseIndicator', 'borderRadius'])
+    },
+    secondaryIndicator: {
+      flex: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryIndicator', 'flex']),
+      height: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryIndicator', 'height'], 3),
+      bottom: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryIndicator', 'bottom'], 'initial'),
+      display: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryIndicator', 'display'], 'flex'),
+      justifyContent: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryIndicator', 'justifyContent'], 'center'),
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryIndicator', 'backgroundColor'], 'transparent'),
+      '& > div': {
+        borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryIndicator', '& > div', 'borderRadius'], 0),
+        maxWidth: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryIndicator', '& > div', 'maxWidth'], '100%'),
+        width: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryIndicator', '& > div', 'width'], '100%'),
+        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryIndicator', '& > div', 'backgroundColor'], _colorsModule.default.black)
+      },
+      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryIndicator', 'borderRadius'])
+    },
+    baseTextColorPrimary: {
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseTextColorPrimary', 'color'])
+    },
+    secondaryTextColorPrimary: {
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryTextColorPrimary', 'color'])
+    },
+    baseLabel: {
+      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseLabel', 'fontSize']),
+      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'baseLabel', 'fontWeight'])
+    },
+    secondaryLabel: {
+      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryLabel', 'fontSize']),
+      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTabs', 'secondaryLabel', 'fontWeight'])
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;

package/dist/components/UTTabs/utils.js

@@ -1 +1,30 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveClassNamesFromVariants=void 0;var _constants=require("./constants");const retrieveClassNamesFromVariants=(variant,classes)=>variant===_constants.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};exports.retrieveClassNamesFromVariants=retrieveClassNamesFromVariants;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveClassNamesFromVariants = void 0;
+var _constants = require("./constants");
+const retrieveClassNamesFromVariants = (variant, classes) => {
+  switch (variant) {
+    case _constants.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
+      };
+  }
+};
+exports.retrieveClassNamesFromVariants = retrieveClassNamesFromVariants;