@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/components/UTTable/utils.js

@@ -1,202 +1 @@
-"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;
+"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;

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

@@ -1,51 +1 @@
-"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);
+"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);

package/dist/components/UTTabs/constants.js

@@ -1,16 +1 @@
-"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';
+"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";

package/dist/components/UTTabs/index.js

@@ -1,127 +1 @@
-"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);
+"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);

package/dist/components/UTTabs/theme.js

@@ -1,129 +1 @@
-"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;
+"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;

package/dist/components/UTTabs/utils.js

@@ -1,30 +1 @@
-"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;
+"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;