@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/deprecated/UTBarChart/index.js

@@ -1 +1,379 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),d3=_interopRequireWildcard(require("d3")),_reactPerfectScrollbar=_interopRequireDefault(require("react-perfect-scrollbar")),_array=require("@widergy/web-utils/lib/array"),_propTypes=require("prop-types"),_energyHooks=require("@widergy/energy-hooks"),_classesUtils=require("../../utils/classesUtils"),_commonTypes=require("../../types/commonTypes"),_WithTheme=_interopRequireDefault(require("../../components/WithTheme")),_theme=require("./theme"),_utils=require("./utils"),_useDynamicMargins=_interopRequireDefault(require("./hooks/use-dynamic-margins")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_YAxis=_interopRequireDefault(require("./components/YAxis")),_XAxis=_interopRequireDefault(require("./components/XAxis")),_Bars=_interopRequireDefault(require("./components/Bars")),_LinearPlot=_interopRequireDefault(require("./components/LinearPlot")),_Levels=_interopRequireDefault(require("./components/Levels")),_Pagination=_interopRequireDefault(require("./components/Pagination")),_Legend=_interopRequireDefault(require("./components/Legend")),_types=require("./types");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 UTBarChart=_ref=>{var _xAxisDefinition$filt,_formattedData$,_formattedData$2;let{barBorderRadius:barBorderRadius,barData:barData,barPadding:barPadding,barPaddingOuter:barPaddingOuter,buttonProps:buttonProps,center:center,classes:theme,className:className,classNames:classNames,decoratorRenderer:decoratorRenderer,displayLegendAs:displayLegendAs,fitLegend:fitLegend,fullSizeBars:fullSizeBars,gradientGenerator:gradientGenerator,gridType:gridType="grid",hideYAxis:hideYAxis,highlightWidth:highlightWidth,labelFormatters:labelFormatters,labels:labels,levels:levels,linearData:linearData,minBarWidth:minBarWidth,NoDataComponent:NoDataComponent,onBarClick:onBarClick,pagination:pagination,references:references,selectable:selectable,showEmptyGraphic:showEmptyGraphic,showGrid:showGrid,singleYAxis:singleYAxis,spacingOptions:spacingOptions,title:title,transitionDuration:transitionDuration,units:units,valuesOnTop:valuesOnTop,xAxisDefinition:xAxisDefinition,yAxisProps:yAxisProps={},yAxisTicks:yAxisTicks}=_ref;const classes=(0,_classesUtils.mergeClasses)(theme,classNames),{useMaxBarValue:useMaxBarValue=!1}=yAxisProps||{},[currentPage,setCurrentPage]=(0,_react.useState)(0),[currentLabel,setCurrentLabel]=(0,_react.useState)(),{marginLeftRef:marginLeftRef,marginRightRef:marginRightRef,marginBottomRef:marginBottomRef,marginBottom:marginBottom,marginRight:marginRight,marginLeft:marginLeft}=(0,_useDynamicMargins.default)(center,spacingOptions),{ref:containerRef,width:containerWidth,height:containerHeight}=(0,_energyHooks.useComponentDimensions)(),{y:parentYPosition}=(0,_energyHooks.useComponentPosition)({externalRef:containerRef}),paginationRef=(0,_react.useRef)(),barRef=(0,_react.useRef)({}),groups=barData.length,totalPages=(0,_react.useMemo)(()=>(0,_utils.getPages)(barData[0],pagination),[barData,pagination]),formattedData=(0,_react.useMemo)(()=>pagination?null==barData?void 0:barData.map(data=>(0,_utils.getFormattedData)(data,pagination,currentPage)):barData,[pagination,barData,currentPage]),formattedLinearData=(0,_react.useMemo)(()=>null==linearData?void 0:linearData.map(_ref2=>{let{data:data,...config}=_ref2;const filteredData=xAxisDefinition&&xAxisDefinition.length>0?data.filter(point=>{const maxIndex=xAxisDefinition.length-1;return point.xCoordinate>=0&&point.xCoordinate<=maxIndex}):data;return{data:pagination?(0,_utils.getFormattedLinearData)(filteredData,currentPage,pagination):filteredData,...config}}),[pagination,linearData,currentPage,xAxisDefinition]),flattenedAndReducedBarData=(0,_utils.flattenAndReduceBarData)(barData),{flatBarData:flatBarData,flatLinearData:flatLinearData}=(0,_utils.flattenData)(formattedData,linearData),{flatBarData:fullFlatBarData}=(0,_utils.flattenData)(barData,linearData),{maxBarValue:maxBarValue,maxLinearValue:maxLinearValue}=(0,_utils.getMaxValues)(flattenedAndReducedBarData,flatLinearData,levels),withLinearData=!(0,_array.isEmpty)(flatLinearData),withBarData=!(0,_array.isEmpty)(fullFlatBarData),visibleLabelsCount=(null==xAxisDefinition||null===(_xAxisDefinition$filt=xAxisDefinition.filter(item=>item.mainLabel||item.secondaryLabel))||void 0===_xAxisDefinition$filt?void 0:_xAxisDefinition$filt.length)||0,{TOTAL_HEIGHT:TOTAL_HEIGHT,TOTAL_WIDTH:TOTAL_WIDTH,GRAPH_X_END:GRAPH_X_END,GRAPH_X_START:GRAPH_X_START,GRAPH_Y_END:GRAPH_Y_END,GRAPH_Y_START:GRAPH_Y_START}=(0,_utils.getGraphAttributes)(containerWidth,containerHeight,marginLeft,marginRight,marginBottom,pagination?0:minBarWidth,(null===(_formattedData$=formattedData[0])||void 0===_formattedData$?void 0:_formattedData$.length)||visibleLabelsCount,barPadding,groups,spacingOptions),[linearLowerBound,linearUpperBound]=(0,_utils.getBounds)(maxLinearValue,yAxisTicks),[barLowerBound,barUpperBound]=(0,_utils.getBounds)(maxBarValue,yAxisTicks,useMaxBarValue),maxAbsoluteValue=Math.max(linearUpperBound,barUpperBound),barMaxValue=singleYAxis?maxAbsoluteValue:barUpperBound,yAxis=d3.scaleLinear().domain([barLowerBound,barMaxValue]).range([GRAPH_Y_START,GRAPH_Y_END]),xAxis=d3.scaleBand().domain(d3.range((null===(_formattedData$2=formattedData[0])||void 0===_formattedData$2?void 0:_formattedData$2.length)||(null==xAxisDefinition?void 0:xAxisDefinition.length)||0)).range([GRAPH_X_START,GRAPH_X_END]).paddingInner(barPadding).paddingOuter(null!=barPaddingOuter?barPaddingOuter:barPadding),groupWidth=fullSizeBars?GRAPH_X_END:xAxis.bandwidth(),xSubAxis=d3.scaleBand().domain(d3.range(groups)).range([0,groupWidth]).padding(barPadding),barWidth=xSubAxis.bandwidth(),linearYAxis=singleYAxis?yAxis:d3.scaleLinear().domain([linearLowerBound,linearUpperBound]).range([GRAPH_Y_START,GRAPH_Y_END]);(0,_react.useEffect)(()=>{setCurrentPage(0)},[barData]),(0,_react.useEffect)(()=>{setCurrentLabel(null)},[currentPage]);const{bar:barAxisLabelFormatter,linear:linearAxisLabelFormatter}=labelFormatters,{bar:barUnit,barSubtitle:barUnitSubtitle,linear:linearUnit,linearSubtitle:linearUnitSubtitle}=units,Wrapper=pagination?"div":_reactPerfectScrollbar.default,wrapperProps=pagination?{}:{suppressScrollX:!!pagination,suppressScrollY:!0};return withBarData||showEmptyGraphic?_react.default.createElement("div",{className:_stylesModule.default.container},_react.default.createElement("div",{ref:containerRef,className:className},_react.default.createElement(Wrapper,_extends({},wrapperProps,{className:_stylesModule.default.scroll}),_react.default.createElement("svg",{height:TOTAL_HEIGHT,width:TOTAL_WIDTH},null==gradientGenerator?void 0:gradientGenerator(),showGrid&&_react.default.createElement(_Levels.default,{classes:classes,graphXEnd:GRAPH_X_END,graphXStart:GRAPH_X_START,graphYStart:GRAPH_Y_START,levels:(0,_utils.getGrid)(yAxisTicks,barMaxValue,gridType),yAxis:yAxis}),formattedData.map((data,group)=>_react.default.createElement(_Bars.default,{barBorderRadius:barBorderRadius,barData:data,barWidth:barWidth,classes:classes,currentPage:currentPage,fullSizeBars:fullSizeBars,graphXStart:GRAPH_X_START,graphYStart:GRAPH_Y_START,graphYEnd:GRAPH_Y_END,group:group,groups:groups,groupWidth:groupWidth,highlightWidth:highlightWidth,maxBarValue:barUpperBound,onBarClick:onBarClick,padding:barPadding,selectable:selectable,setCurrentLabel:setCurrentLabel,spacingOptions:spacingOptions,totalData:barData,transitionDuration:transitionDuration,valuesOnTop:valuesOnTop,xAxis:xAxis,xSubAxis:xSubAxis,yAxis:yAxis,barRef:barRef})),formattedLinearData.map(_ref3=>{let{data:data,type:type,color:color,customLineProps:customLineProps,markers:markers}=_ref3;return _react.default.createElement(_LinearPlot.default,{barWidth:groupWidth,color:color,customLineProps:customLineProps,data:data,graphYStart:GRAPH_Y_START,markers:markers,type:type,xAxis:xAxis,yAxis:linearYAxis,classes:classes})}),_react.default.createElement(_Levels.default,{classes:classes,graphXEnd:GRAPH_X_END,graphXStart:GRAPH_X_START,graphYStart:GRAPH_Y_START,levels:levels,yAxis:yAxis}),!hideYAxis&&_react.default.createElement(_YAxis.default,{classes:classes,graphYEnd:GRAPH_Y_END,graphYStart:GRAPH_Y_START,maxValue:barMaxValue,setRef:marginLeftRef,textAnchor:"end",unit:barUnit,valueDecorator:barAxisLabelFormatter,x:marginLeft,yAxis:yAxis,yAxisTicks:yAxisTicks,unitSubtitle:barUnitSubtitle,graphXEnd:GRAPH_X_END}),!hideYAxis&&withLinearData&&!singleYAxis&&_react.default.createElement(_YAxis.default,{classes:classes,graphYEnd:GRAPH_Y_END,graphYStart:GRAPH_Y_START,maxValue:linearUpperBound,setRef:marginRightRef,textAnchor:"start",unit:linearUnit,unitSubtitle:linearUnitSubtitle,valueDecorator:linearAxisLabelFormatter,x:TOTAL_WIDTH-marginRight,yAxis:linearYAxis,yAxisTicks:yAxisTicks,graphXEnd:GRAPH_X_END,linearData:!0}),_react.default.createElement(_XAxis.default,{barWidth:groupWidth,classes:classes,currentLabel:currentLabel,currentPage:currentPage,data:formattedData,decoratorRenderer:decoratorRenderer,fullSizeBars:fullSizeBars,graphXEnd:GRAPH_X_END,graphXStart:GRAPH_X_START,graphYStart:GRAPH_Y_START,initialHeight:marginBottom,pagination:pagination,paginationRef:paginationRef,setRef:marginBottomRef,xAxisDefinition:pagination?xAxisDefinition.slice(currentPage*pagination,(currentPage+1)*pagination):xAxisDefinition,xAxis:xAxis,barRef:barRef})),!!pagination&&_react.default.createElement(_Pagination.default,{anchor:paginationRef,classes:classes,currentPage:currentPage,graphXEnd:GRAPH_X_END,graphXStart:GRAPH_X_START,parentYPosition:parentYPosition,setCurrentPage:setCurrentPage,totalPages:totalPages}))),_react.default.createElement(_Legend.default,{buttonProps:buttonProps,classes:classes,displayAs:displayLegendAs,style:{width:fitLegend?containerWidth-2*GRAPH_X_START:containerWidth,margin:fitLegend?"0":"0 auto"},flatData:{bar:flatBarData,linear:flatLinearData,levels:levels},references:references,title:title,labels:labels})):NoDataComponent?_react.default.createElement(NoDataComponent,null):null};UTBarChart.propTypes={barBorderRadius:_propTypes.number,barData:_types.barDataType,barPadding:_propTypes.number,barPaddingOuter:_propTypes.number,buttonProps:_types.buttonPropsTypes,center:_propTypes.bool,classes:_commonTypes.classesType,className:_propTypes.string,classNames:_commonTypes.classesType,decoratorRenderer:_propTypes.func,displayLegendAs:_propTypes.string,fitLegend:_propTypes.bool,fullSizeBars:_propTypes.bool,gradientGenerator:_propTypes.func,gridType:_propTypes.string,hideYAxis:_propTypes.bool,highlightWidth:_propTypes.number,labelFormatters:(0,_propTypes.objectOf)(_propTypes.func),labels:(0,_propTypes.objectOf)(_propTypes.string),levels:_types.levelsType,linearData:_types.linearDataType,minBarWidth:_propTypes.number,NoDataComponent:_propTypes.func,onBarClick:_propTypes.func,pagination:_propTypes.number,references:_types.referencesType,selectable:_propTypes.bool,showEmptyGraphic:_propTypes.bool,showGrid:_propTypes.bool,singleYAxis:_propTypes.bool,spacingOptions:(0,_propTypes.objectOf)(_propTypes.number),title:_propTypes.string,transitionDuration:_propTypes.number,units:(0,_propTypes.objectOf)(_propTypes.string),valuesOnTop:_propTypes.bool,xAxisDefinition:_types.xAxisDefinitionType,yAxisProps:(0,_propTypes.objectOf)((0,_propTypes.shape)({useMaxBarValue:_propTypes.bool})),yAxisTicks:_propTypes.number},UTBarChart.defaultProps={barBorderRadius:5,barData:[],barPadding:.15,buttonProps:{},center:!0,classes:{},classNames:{},highlightWidth:1,labelFormatters:{},labels:{},levels:[],linearData:[],minBarWidth:35,NoDataComponent:null,pagination:0,showEmptyGraphic:!1,spacingOptions:{},transitionDuration:0,units:{},yAxisTicks:6};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTBarChart);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var d3 = _interopRequireWildcard(require("d3"));
+var _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
+var _array = require("@widergy/web-utils/lib/array");
+var _propTypes = require("prop-types");
+var _energyHooks = require("@widergy/energy-hooks");
+var _classesUtils = require("../../utils/classesUtils");
+var _commonTypes = require("../../types/commonTypes");
+var _WithTheme = _interopRequireDefault(require("../../components/WithTheme"));
+var _theme = require("./theme");
+var _utils = require("./utils");
+var _useDynamicMargins = _interopRequireDefault(require("./hooks/use-dynamic-margins"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+var _YAxis = _interopRequireDefault(require("./components/YAxis"));
+var _XAxis = _interopRequireDefault(require("./components/XAxis"));
+var _Bars = _interopRequireDefault(require("./components/Bars"));
+var _LinearPlot = _interopRequireDefault(require("./components/LinearPlot"));
+var _Levels = _interopRequireDefault(require("./components/Levels"));
+var _Pagination = _interopRequireDefault(require("./components/Pagination"));
+var _Legend = _interopRequireDefault(require("./components/Legend"));
+var _types = require("./types");
+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 UTBarChart = _ref => {
+  var _xAxisDefinition$filt, _formattedData$, _formattedData$2;
+  let {
+    barBorderRadius,
+    barData,
+    barPadding,
+    barPaddingOuter,
+    buttonProps,
+    center,
+    classes: theme,
+    className,
+    classNames,
+    decoratorRenderer,
+    displayLegendAs,
+    fitLegend,
+    fullSizeBars,
+    gradientGenerator,
+    gridType = 'grid',
+    hideYAxis,
+    highlightWidth,
+    labelFormatters,
+    labels,
+    levels,
+    linearData,
+    minBarWidth,
+    NoDataComponent,
+    onBarClick,
+    pagination,
+    references,
+    selectable,
+    showEmptyGraphic,
+    showGrid,
+    singleYAxis,
+    spacingOptions,
+    title,
+    transitionDuration,
+    units,
+    valuesOnTop,
+    xAxisDefinition,
+    yAxisProps = {},
+    yAxisTicks
+  } = _ref;
+  const classes = (0, _classesUtils.mergeClasses)(theme, classNames);
+  const {
+    useMaxBarValue = false
+  } = yAxisProps || {};
+  const [currentPage, setCurrentPage] = (0, _react.useState)(0);
+  const [currentLabel, setCurrentLabel] = (0, _react.useState)();
+  const {
+    marginLeftRef,
+    marginRightRef,
+    marginBottomRef,
+    marginBottom,
+    marginRight,
+    marginLeft
+  } = (0, _useDynamicMargins.default)(center, spacingOptions);
+  const {
+    ref: containerRef,
+    width: containerWidth,
+    height: containerHeight
+  } = (0, _energyHooks.useComponentDimensions)();
+  const {
+    y: parentYPosition
+  } = (0, _energyHooks.useComponentPosition)({
+    externalRef: containerRef
+  });
+  const paginationRef = (0, _react.useRef)();
+  const barRef = (0, _react.useRef)({});
+  const groups = barData.length;
+  const totalPages = (0, _react.useMemo)(() => (0, _utils.getPages)(barData[0], pagination), [barData, pagination]);
+  const formattedData = (0, _react.useMemo)(() => pagination ? barData === null || barData === void 0 ? void 0 : barData.map(data => (0, _utils.getFormattedData)(data, pagination, currentPage)) : barData, [pagination, barData, currentPage]);
+  const formattedLinearData = (0, _react.useMemo)(() => linearData === null || linearData === void 0 ? void 0 : linearData.map(_ref2 => {
+    let {
+      data,
+      ...config
+    } = _ref2;
+    const filteredData = xAxisDefinition && xAxisDefinition.length > 0 ? data.filter(point => {
+      const maxIndex = xAxisDefinition.length - 1;
+      return point.xCoordinate >= 0 && point.xCoordinate <= maxIndex;
+    }) : data;
+    return {
+      data: pagination ? (0, _utils.getFormattedLinearData)(filteredData, currentPage, pagination) : filteredData,
+      ...config
+    };
+  }), [pagination, linearData, currentPage, xAxisDefinition]);
+  const flattenedAndReducedBarData = (0, _utils.flattenAndReduceBarData)(barData);
+  const {
+    flatBarData,
+    flatLinearData
+  } = (0, _utils.flattenData)(formattedData, linearData);
+  const {
+    flatBarData: fullFlatBarData
+  } = (0, _utils.flattenData)(barData, linearData);
+  const {
+    maxBarValue,
+    maxLinearValue
+  } = (0, _utils.getMaxValues)(flattenedAndReducedBarData, flatLinearData, levels);
+  const withLinearData = !(0, _array.isEmpty)(flatLinearData);
+  const withBarData = !(0, _array.isEmpty)(fullFlatBarData);
+  const visibleLabelsCount = (xAxisDefinition === null || xAxisDefinition === void 0 || (_xAxisDefinition$filt = xAxisDefinition.filter(item => item.mainLabel || item.secondaryLabel)) === null || _xAxisDefinition$filt === void 0 ? void 0 : _xAxisDefinition$filt.length) || 0;
+  const {
+    TOTAL_HEIGHT,
+    TOTAL_WIDTH,
+    GRAPH_X_END,
+    GRAPH_X_START,
+    GRAPH_Y_END,
+    GRAPH_Y_START
+  } = (0, _utils.getGraphAttributes)(containerWidth, containerHeight, marginLeft, marginRight, marginBottom, pagination ? 0 : minBarWidth, ((_formattedData$ = formattedData[0]) === null || _formattedData$ === void 0 ? void 0 : _formattedData$.length) || visibleLabelsCount, barPadding, groups, spacingOptions);
+  const [linearLowerBound, linearUpperBound] = (0, _utils.getBounds)(maxLinearValue, yAxisTicks);
+  const [barLowerBound, barUpperBound] = (0, _utils.getBounds)(maxBarValue, yAxisTicks, useMaxBarValue);
+  const maxAbsoluteValue = Math.max(linearUpperBound, barUpperBound);
+  const barMaxValue = singleYAxis ? maxAbsoluteValue : barUpperBound;
+  const yAxis = d3.scaleLinear().domain([barLowerBound, barMaxValue]).range([GRAPH_Y_START, GRAPH_Y_END]);
+  const xAxis = d3.scaleBand().domain(d3.range(((_formattedData$2 = formattedData[0]) === null || _formattedData$2 === void 0 ? void 0 : _formattedData$2.length) || (xAxisDefinition === null || xAxisDefinition === void 0 ? void 0 : xAxisDefinition.length) || 0)).range([GRAPH_X_START, GRAPH_X_END]).paddingInner(barPadding).paddingOuter(barPaddingOuter !== null && barPaddingOuter !== void 0 ? barPaddingOuter : barPadding);
+  const groupWidth = fullSizeBars ? GRAPH_X_END : xAxis.bandwidth();
+  const xSubAxis = d3.scaleBand().domain(d3.range(groups)).range([0, groupWidth]).padding(barPadding);
+  const barWidth = xSubAxis.bandwidth();
+  const linearYAxis = singleYAxis ? yAxis : d3.scaleLinear().domain([linearLowerBound, linearUpperBound]).range([GRAPH_Y_START, GRAPH_Y_END]);
+  (0, _react.useEffect)(() => {
+    setCurrentPage(0);
+  }, [barData]);
+  (0, _react.useEffect)(() => {
+    setCurrentLabel(null);
+  }, [currentPage]);
+  const {
+    bar: barAxisLabelFormatter,
+    linear: linearAxisLabelFormatter
+  } = labelFormatters;
+  const {
+    bar: barUnit,
+    barSubtitle: barUnitSubtitle,
+    linear: linearUnit,
+    linearSubtitle: linearUnitSubtitle
+  } = units;
+  const Wrapper = pagination ? 'div' : _reactPerfectScrollbar.default;
+  const wrapperProps = pagination ? {} : {
+    suppressScrollX: !!pagination,
+    suppressScrollY: true
+  };
+  return !withBarData && !showEmptyGraphic ? NoDataComponent ? /*#__PURE__*/_react.default.createElement(NoDataComponent, null) : null : /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.container
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: containerRef,
+    className: className
+  }, /*#__PURE__*/_react.default.createElement(Wrapper, _extends({}, wrapperProps, {
+    className: _stylesModule.default.scroll
+  }), /*#__PURE__*/_react.default.createElement("svg", {
+    height: TOTAL_HEIGHT,
+    width: TOTAL_WIDTH
+  }, gradientGenerator === null || gradientGenerator === void 0 ? void 0 : gradientGenerator(), showGrid && /*#__PURE__*/_react.default.createElement(_Levels.default, {
+    classes: classes,
+    graphXEnd: GRAPH_X_END,
+    graphXStart: GRAPH_X_START,
+    graphYStart: GRAPH_Y_START,
+    levels: (0, _utils.getGrid)(yAxisTicks, barMaxValue, gridType),
+    yAxis: yAxis
+  }), formattedData.map((data, group) => /*#__PURE__*/_react.default.createElement(_Bars.default, {
+    barBorderRadius: barBorderRadius,
+    barData: data,
+    barWidth: barWidth,
+    classes: classes,
+    currentPage: currentPage,
+    fullSizeBars: fullSizeBars,
+    graphXStart: GRAPH_X_START,
+    graphYStart: GRAPH_Y_START,
+    graphYEnd: GRAPH_Y_END,
+    group: group,
+    groups: groups,
+    groupWidth: groupWidth,
+    highlightWidth: highlightWidth,
+    maxBarValue: barUpperBound,
+    onBarClick: onBarClick,
+    padding: barPadding,
+    selectable: selectable,
+    setCurrentLabel: setCurrentLabel,
+    spacingOptions: spacingOptions,
+    totalData: barData,
+    transitionDuration: transitionDuration,
+    valuesOnTop: valuesOnTop,
+    xAxis: xAxis,
+    xSubAxis: xSubAxis,
+    yAxis: yAxis,
+    barRef: barRef
+  })), formattedLinearData.map(_ref3 => {
+    let {
+      data,
+      type,
+      color,
+      customLineProps,
+      markers
+    } = _ref3;
+    return /*#__PURE__*/_react.default.createElement(_LinearPlot.default, {
+      barWidth: groupWidth,
+      color: color,
+      customLineProps: customLineProps,
+      data: data,
+      graphYStart: GRAPH_Y_START,
+      markers: markers,
+      type: type,
+      xAxis: xAxis,
+      yAxis: linearYAxis,
+      classes: classes
+    });
+  }), /*#__PURE__*/_react.default.createElement(_Levels.default, {
+    classes: classes,
+    graphXEnd: GRAPH_X_END,
+    graphXStart: GRAPH_X_START,
+    graphYStart: GRAPH_Y_START,
+    levels: levels,
+    yAxis: yAxis
+  }), !hideYAxis && /*#__PURE__*/_react.default.createElement(_YAxis.default, {
+    classes: classes,
+    graphYEnd: GRAPH_Y_END,
+    graphYStart: GRAPH_Y_START,
+    maxValue: barMaxValue,
+    setRef: marginLeftRef,
+    textAnchor: "end",
+    unit: barUnit,
+    valueDecorator: barAxisLabelFormatter,
+    x: marginLeft,
+    yAxis: yAxis,
+    yAxisTicks: yAxisTicks,
+    unitSubtitle: barUnitSubtitle,
+    graphXEnd: GRAPH_X_END
+  }), !hideYAxis && withLinearData && !singleYAxis && /*#__PURE__*/_react.default.createElement(_YAxis.default, {
+    classes: classes,
+    graphYEnd: GRAPH_Y_END,
+    graphYStart: GRAPH_Y_START,
+    maxValue: linearUpperBound,
+    setRef: marginRightRef,
+    textAnchor: "start",
+    unit: linearUnit,
+    unitSubtitle: linearUnitSubtitle,
+    valueDecorator: linearAxisLabelFormatter,
+    x: TOTAL_WIDTH - marginRight,
+    yAxis: linearYAxis,
+    yAxisTicks: yAxisTicks,
+    graphXEnd: GRAPH_X_END,
+    linearData: true
+  }), /*#__PURE__*/_react.default.createElement(_XAxis.default, {
+    barWidth: groupWidth,
+    classes: classes,
+    currentLabel: currentLabel,
+    currentPage: currentPage,
+    data: formattedData,
+    decoratorRenderer: decoratorRenderer,
+    fullSizeBars: fullSizeBars,
+    graphXEnd: GRAPH_X_END,
+    graphXStart: GRAPH_X_START,
+    graphYStart: GRAPH_Y_START,
+    initialHeight: marginBottom,
+    pagination: pagination,
+    paginationRef: paginationRef,
+    setRef: marginBottomRef,
+    xAxisDefinition: pagination ? xAxisDefinition.slice(currentPage * pagination, (currentPage + 1) * pagination) : xAxisDefinition,
+    xAxis: xAxis,
+    barRef: barRef
+  })), !!pagination && /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+    anchor: paginationRef,
+    classes: classes,
+    currentPage: currentPage,
+    graphXEnd: GRAPH_X_END,
+    graphXStart: GRAPH_X_START,
+    parentYPosition: parentYPosition,
+    setCurrentPage: setCurrentPage,
+    totalPages: totalPages
+  }))), /*#__PURE__*/_react.default.createElement(_Legend.default, {
+    buttonProps: buttonProps,
+    classes: classes,
+    displayAs: displayLegendAs,
+    style: {
+      width: fitLegend ? containerWidth - 2 * GRAPH_X_START : containerWidth,
+      margin: fitLegend ? '0' : '0 auto'
+    },
+    flatData: {
+      bar: flatBarData,
+      linear: flatLinearData,
+      levels
+    },
+    references: references,
+    title: title,
+    labels: labels
+  }));
+};
+UTBarChart.propTypes = {
+  barBorderRadius: _propTypes.number,
+  barData: _types.barDataType,
+  barPadding: _propTypes.number,
+  barPaddingOuter: _propTypes.number,
+  buttonProps: _types.buttonPropsTypes,
+  center: _propTypes.bool,
+  classes: _commonTypes.classesType,
+  className: _propTypes.string,
+  classNames: _commonTypes.classesType,
+  decoratorRenderer: _propTypes.func,
+  displayLegendAs: _propTypes.string,
+  fitLegend: _propTypes.bool,
+  fullSizeBars: _propTypes.bool,
+  gradientGenerator: _propTypes.func,
+  gridType: _propTypes.string,
+  hideYAxis: _propTypes.bool,
+  highlightWidth: _propTypes.number,
+  labelFormatters: (0, _propTypes.objectOf)(_propTypes.func),
+  labels: (0, _propTypes.objectOf)(_propTypes.string),
+  levels: _types.levelsType,
+  linearData: _types.linearDataType,
+  minBarWidth: _propTypes.number,
+  NoDataComponent: _propTypes.func,
+  onBarClick: _propTypes.func,
+  pagination: _propTypes.number,
+  references: _types.referencesType,
+  selectable: _propTypes.bool,
+  showEmptyGraphic: _propTypes.bool,
+  showGrid: _propTypes.bool,
+  singleYAxis: _propTypes.bool,
+  spacingOptions: (0, _propTypes.objectOf)(_propTypes.number),
+  title: _propTypes.string,
+  transitionDuration: _propTypes.number,
+  units: (0, _propTypes.objectOf)(_propTypes.string),
+  valuesOnTop: _propTypes.bool,
+  xAxisDefinition: _types.xAxisDefinitionType,
+  yAxisProps: (0, _propTypes.objectOf)((0, _propTypes.shape)({
+    useMaxBarValue: _propTypes.bool
+  })),
+  yAxisTicks: _propTypes.number
+};
+UTBarChart.defaultProps = {
+  barBorderRadius: 5,
+  barData: [],
+  barPadding: 0.15,
+  buttonProps: {},
+  center: true,
+  classes: {},
+  classNames: {},
+  highlightWidth: 1,
+  labelFormatters: {},
+  labels: {},
+  levels: [],
+  linearData: [],
+  minBarWidth: 35,
+  NoDataComponent: null,
+  pagination: 0,
+  showEmptyGraphic: false,
+  spacingOptions: {},
+  transitionDuration: 0,
+  units: {},
+  yAxisTicks: 6
+};
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTBarChart);

package/dist/deprecated/UTBarChart/theme.js

@@ -1 +1,120 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _seamlessImmutable=require("seamless-immutable"),_classesUtils=require("../../utils/classesUtils");const retrieveStyle=_ref=>{var _theme$UTBarChart,_theme$UTBarChart2,_theme$UTBarChart3,_theme$UTBarChart4,_theme$UTBarChart5,_theme$UTBarChart6;let{theme:theme}=_ref;return{solidLevel:{strokeWidth:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","solidLevel","strokeWidth"],1),stroke:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","solidLevel","stroke"])},dashedLevel:{strokeWidth:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","dashedLevel","strokeWidth"],1),strokeDasharray:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","dashedLevel","strokeDasharray"],2.2),stroke:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","dashedLevel","stroke"])},dottedLevel:{strokeWidth:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","dottedLevel","strokeWidth"],2),strokeDasharray:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","dottedLevel","strokeDasharray"],4),stroke:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","dottedLevel","stroke"])},gridLine:{strokeWidth:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","gridLine","strokeWidth"],1),strokeDasharray:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","gridLine","strokeDasharray"],5.5),stroke:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","gridLine","stroke"])},legendItemLabel:{fontSize:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","legendItemLabel","fontSize"]),fontWeight:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","legendItemLabel","fontWeight"]),fontFamily:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","Fonts","fontFamily"]),color:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","legendItemLabel","color"]),userSelect:"none"},showLegendButton:{backgroundColor:(0,_classesUtils.withImportant)(null==theme||null===(_theme$UTBarChart=theme.UTBarChart)||void 0===_theme$UTBarChart||null===(_theme$UTBarChart=_theme$UTBarChart.showLegendButton)||void 0===_theme$UTBarChart?void 0:_theme$UTBarChart.backgroundColor),padding:(0,_classesUtils.withImportant)(null==theme||null===(_theme$UTBarChart2=theme.UTBarChart)||void 0===_theme$UTBarChart2||null===(_theme$UTBarChart2=_theme$UTBarChart2.showLegendButton)||void 0===_theme$UTBarChart2?void 0:_theme$UTBarChart2.padding),borderRadius:"0 !important"},showLegendIcon:{color:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","showLegendIcon","color"]),marginRight:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","showLegendIcon","marginRight"],10)},showLegendLabel:{color:(0,_classesUtils.withImportant)(null==theme||null===(_theme$UTBarChart3=theme.UTBarChart)||void 0===_theme$UTBarChart3||null===(_theme$UTBarChart3=_theme$UTBarChart3.showLegendLabel)||void 0===_theme$UTBarChart3?void 0:_theme$UTBarChart3.color),fontFamily:null==theme||null===(_theme$UTBarChart4=theme.UTBarChart)||void 0===_theme$UTBarChart4||null===(_theme$UTBarChart4=_theme$UTBarChart4.Fonts)||void 0===_theme$UTBarChart4?void 0:_theme$UTBarChart4.fontFamily,fontSize:(0,_classesUtils.withImportant)(null==theme||null===(_theme$UTBarChart5=theme.UTBarChart)||void 0===_theme$UTBarChart5||null===(_theme$UTBarChart5=_theme$UTBarChart5.showLegendLabel)||void 0===_theme$UTBarChart5?void 0:_theme$UTBarChart5.fontSize),fontWeight:(0,_classesUtils.withImportant)(null==theme||null===(_theme$UTBarChart6=theme.UTBarChart)||void 0===_theme$UTBarChart6||null===(_theme$UTBarChart6=_theme$UTBarChart6.showLegendLabel)||void 0===_theme$UTBarChart6?void 0:_theme$UTBarChart6.fontWeight),userSelect:"none"},paginationButton:{color:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","paginationButton","color"])},paginationButtonDisabled:{color:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","paginationButtonDisabled","color"])},xAxis:{strokeWidth:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","xAxis","strokeWidth"],1),stroke:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","xAxis","stroke"])},xAxisMainLabel:{fontSize:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","xAxisMainLabel","fontSize"]),fontWeight:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","xAxisMainLabel","fontWeight"]),fontFamily:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","Fonts","fontFamily"]),fill:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","xAxisMainLabel","fill"]),userSelect:"none"},xAxisSelectedLabel:{fill:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","xAxisSelectedLabel","fill"])},xAxisSecondaryLabel:{fontSize:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","xAxisSecondaryLabel","fontSize"]),fontWeight:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","xAxisSecondaryLabel","fontWeight"]),fontFamily:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","Fonts","fontFamily"]),color:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","xAxisSecondaryLabel","color"]),userSelect:"none"},decoration:{fontSize:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","decoration","fontSize"]),fontWeight:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","decoration","fontWeight"]),color:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","decoration","color"]),userSelect:"none"},decorationLine:{strokeWidth:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","decorationLine","strokeWidth"],1),strokeDasharray:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","decorationLine","strokeDasharray"],0),stroke:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","decorationLine","stroke"])},yAxisUnit:{fontSize:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","yAxisUnit","fontSize"]),fontWeight:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","yAxisUnit","fontWeight"]),fill:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","yAxisUnit","fill"]),userSelect:"none"},yAxisLabel:{fontSize:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","yAxisLabel","fontSize"]),fontWeight:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","yAxisLabel","fontWeight"]),fontFamily:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","Fonts","fontFamily"]),fill:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","yAxisLabel","fill"]),userSelect:"none"},onTopBarLabel:{fontSize:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","onTopBarLabel","fontSize"]),fontWeight:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","onTopBarLabel","fontWeight"]),fontFamily:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","Fonts","fontFamily"]),color:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","onTopBarLabel","color"]),userSelect:"none"},tooltip:{backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTBarChart","tooltip","width"])}}};exports.retrieveStyle=retrieveStyle;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+var _seamlessImmutable = require("seamless-immutable");
+var _classesUtils = require("../../utils/classesUtils");
+const retrieveStyle = _ref => {
+  var _theme$UTBarChart, _theme$UTBarChart2, _theme$UTBarChart3, _theme$UTBarChart4, _theme$UTBarChart5, _theme$UTBarChart6;
+  let {
+    theme
+  } = _ref;
+  return {
+    solidLevel: {
+      strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'solidLevel', 'strokeWidth'], 1),
+      stroke: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'solidLevel', 'stroke'])
+    },
+    dashedLevel: {
+      strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'dashedLevel', 'strokeWidth'], 1),
+      strokeDasharray: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'dashedLevel', 'strokeDasharray'], 2.2),
+      stroke: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'dashedLevel', 'stroke'])
+    },
+    dottedLevel: {
+      strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'dottedLevel', 'strokeWidth'], 2),
+      strokeDasharray: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'dottedLevel', 'strokeDasharray'], 4),
+      stroke: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'dottedLevel', 'stroke'])
+    },
+    gridLine: {
+      strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'gridLine', 'strokeWidth'], 1),
+      strokeDasharray: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'gridLine', 'strokeDasharray'], 5.5),
+      stroke: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'gridLine', 'stroke'])
+    },
+    legendItemLabel: {
+      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'legendItemLabel', 'fontSize']),
+      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'legendItemLabel', 'fontWeight']),
+      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'legendItemLabel', 'color']),
+      userSelect: 'none'
+    },
+    showLegendButton: {
+      backgroundColor: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTBarChart = theme.UTBarChart) === null || _theme$UTBarChart === void 0 || (_theme$UTBarChart = _theme$UTBarChart.showLegendButton) === null || _theme$UTBarChart === void 0 ? void 0 : _theme$UTBarChart.backgroundColor),
+      padding: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTBarChart2 = theme.UTBarChart) === null || _theme$UTBarChart2 === void 0 || (_theme$UTBarChart2 = _theme$UTBarChart2.showLegendButton) === null || _theme$UTBarChart2 === void 0 ? void 0 : _theme$UTBarChart2.padding),
+      borderRadius: '0 !important'
+    },
+    showLegendIcon: {
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendIcon', 'color']),
+      marginRight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendIcon', 'marginRight'], 10)
+    },
+    showLegendLabel: {
+      color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTBarChart3 = theme.UTBarChart) === null || _theme$UTBarChart3 === void 0 || (_theme$UTBarChart3 = _theme$UTBarChart3.showLegendLabel) === null || _theme$UTBarChart3 === void 0 ? void 0 : _theme$UTBarChart3.color),
+      fontFamily: theme === null || theme === void 0 || (_theme$UTBarChart4 = theme.UTBarChart) === null || _theme$UTBarChart4 === void 0 || (_theme$UTBarChart4 = _theme$UTBarChart4.Fonts) === null || _theme$UTBarChart4 === void 0 ? void 0 : _theme$UTBarChart4.fontFamily,
+      fontSize: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTBarChart5 = theme.UTBarChart) === null || _theme$UTBarChart5 === void 0 || (_theme$UTBarChart5 = _theme$UTBarChart5.showLegendLabel) === null || _theme$UTBarChart5 === void 0 ? void 0 : _theme$UTBarChart5.fontSize),
+      fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTBarChart6 = theme.UTBarChart) === null || _theme$UTBarChart6 === void 0 || (_theme$UTBarChart6 = _theme$UTBarChart6.showLegendLabel) === null || _theme$UTBarChart6 === void 0 ? void 0 : _theme$UTBarChart6.fontWeight),
+      userSelect: 'none'
+    },
+    paginationButton: {
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'paginationButton', 'color'])
+    },
+    paginationButtonDisabled: {
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'paginationButtonDisabled', 'color'])
+    },
+    xAxis: {
+      strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxis', 'strokeWidth'], 1),
+      stroke: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxis', 'stroke'])
+    },
+    xAxisMainLabel: {
+      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisMainLabel', 'fontSize']),
+      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisMainLabel', 'fontWeight']),
+      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
+      fill: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisMainLabel', 'fill']),
+      userSelect: 'none'
+    },
+    xAxisSelectedLabel: {
+      fill: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisSelectedLabel', 'fill'])
+    },
+    xAxisSecondaryLabel: {
+      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisSecondaryLabel', 'fontSize']),
+      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisSecondaryLabel', 'fontWeight']),
+      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisSecondaryLabel', 'color']),
+      userSelect: 'none'
+    },
+    decoration: {
+      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decoration', 'fontSize']),
+      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decoration', 'fontWeight']),
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decoration', 'color']),
+      userSelect: 'none'
+    },
+    decorationLine: {
+      strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decorationLine', 'strokeWidth'], 1),
+      strokeDasharray: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decorationLine', 'strokeDasharray'], 0),
+      stroke: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decorationLine', 'stroke'])
+    },
+    yAxisUnit: {
+      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisUnit', 'fontSize']),
+      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisUnit', 'fontWeight']),
+      fill: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisUnit', 'fill']),
+      userSelect: 'none'
+    },
+    yAxisLabel: {
+      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisLabel', 'fontSize']),
+      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisLabel', 'fontWeight']),
+      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
+      fill: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisLabel', 'fill']),
+      userSelect: 'none'
+    },
+    onTopBarLabel: {
+      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'onTopBarLabel', 'fontSize']),
+      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'onTopBarLabel', 'fontWeight']),
+      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'onTopBarLabel', 'color']),
+      userSelect: 'none'
+    },
+    tooltip: {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'tooltip', 'width'])
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;

package/dist/deprecated/UTBarChart/types.js

@@ -1 +1,62 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.xAxisDefinitionType=exports.referencesType=exports.linearType=exports.linearMarkersType=exports.linearDataType=exports.levelsType=exports.buttonPropsTypes=exports.barType=exports.barDataType=void 0;var _propTypes=require("prop-types");const barType=exports.barType=(0,_propTypes.shape)({clickable:_propTypes.bool,color:_propTypes.string,highlightColor:_propTypes.string,highlighted:_propTypes.string,tooltipContent:_propTypes.string,value:_propTypes.number,values:(0,_propTypes.arrayOf)((0,_propTypes.shape)({clickable:_propTypes.bool,color:_propTypes.string,highlightColor:_propTypes.string,highlighted:_propTypes.string,tooltipContent:_propTypes.string,value:_propTypes.number}))}),barDataType=exports.barDataType=(0,_propTypes.arrayOf)((0,_propTypes.oneOfType)([(0,_propTypes.arrayOf)(barType),barType])),linearMarkersType=exports.linearMarkersType=(0,_propTypes.shape)({type:_propTypes.string}),linearType=exports.linearType=(0,_propTypes.shape)({color:_propTypes.string,data:(0,_propTypes.arrayOf)({xCoodrinate:_propTypes.number,value:_propTypes.number}),marker:linearMarkersType,type:_propTypes.string}),linearDataType=exports.linearDataType=(0,_propTypes.arrayOf)(linearType),levelsType=exports.levelsType=(0,_propTypes.arrayOf)((0,_propTypes.shape)({value:_propTypes.number,color:_propTypes.string,id:_propTypes.string})),referencesType=exports.referencesType=(0,_propTypes.shape)({check:_propTypes.func,className:_propTypes.string,CustomIcon:_propTypes.elementType,id:_propTypes.string,label:_propTypes.string,orderFunction:_propTypes.func}),xAxisDefinitionType=exports.xAxisDefinitionType=(0,_propTypes.arrayOf)((0,_propTypes.shape)({labelBackgroundPadding:_propTypes.number,mainLabel:_propTypes.string,secondaryLabel:_propTypes.string,selectedLabelBackground:_propTypes.string})),buttonPropsTypes=exports.buttonPropsTypes=(0,_propTypes.shape)({colorTheme:_propTypes.string,iconPlacement:_propTypes.string,size:_propTypes.string,variant:_propTypes.string});
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.xAxisDefinitionType = exports.referencesType = exports.linearType = exports.linearMarkersType = exports.linearDataType = exports.levelsType = exports.buttonPropsTypes = exports.barType = exports.barDataType = void 0;
+var _propTypes = require("prop-types");
+const barType = exports.barType = (0, _propTypes.shape)({
+  clickable: _propTypes.bool,
+  color: _propTypes.string,
+  highlightColor: _propTypes.string,
+  highlighted: _propTypes.string,
+  tooltipContent: _propTypes.string,
+  value: _propTypes.number,
+  values: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    clickable: _propTypes.bool,
+    color: _propTypes.string,
+    highlightColor: _propTypes.string,
+    highlighted: _propTypes.string,
+    tooltipContent: _propTypes.string,
+    value: _propTypes.number
+  }))
+});
+const barDataType = exports.barDataType = (0, _propTypes.arrayOf)((0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)(barType), barType]));
+const linearMarkersType = exports.linearMarkersType = (0, _propTypes.shape)({
+  type: _propTypes.string
+});
+const linearType = exports.linearType = (0, _propTypes.shape)({
+  color: _propTypes.string,
+  data: (0, _propTypes.arrayOf)({
+    xCoodrinate: _propTypes.number,
+    value: _propTypes.number
+  }),
+  marker: linearMarkersType,
+  type: _propTypes.string
+});
+const linearDataType = exports.linearDataType = (0, _propTypes.arrayOf)(linearType);
+const levelsType = exports.levelsType = (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+  value: _propTypes.number,
+  color: _propTypes.string,
+  id: _propTypes.string
+}));
+const referencesType = exports.referencesType = (0, _propTypes.shape)({
+  check: _propTypes.func,
+  className: _propTypes.string,
+  CustomIcon: _propTypes.elementType,
+  id: _propTypes.string,
+  label: _propTypes.string,
+  orderFunction: _propTypes.func
+});
+const xAxisDefinitionType = exports.xAxisDefinitionType = (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+  labelBackgroundPadding: _propTypes.number,
+  mainLabel: _propTypes.string,
+  secondaryLabel: _propTypes.string,
+  selectedLabelBackground: _propTypes.string
+}));
+const buttonPropsTypes = exports.buttonPropsTypes = (0, _propTypes.shape)({
+  colorTheme: _propTypes.string,
+  iconPlacement: _propTypes.string,
+  size: _propTypes.string,
+  variant: _propTypes.string
+});