@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/esm/deprecated/UTBarChart/index.js

@@ -1,371 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useMemo, useState, useEffect, useRef } from 'react';
-import * as d3 from 'd3';
-import Scroll from 'react-perfect-scrollbar';
-import { isEmpty } from '@widergy/web-utils/lib/array';
-import { func, bool, string, number, objectOf, shape } from 'prop-types';
-import { useComponentDimensions, useComponentPosition } from '@widergy/energy-hooks';
-import { mergeClasses } from '../../utils/classesUtils';
-import { classesType } from '../../types/commonTypes';
-import WithTheme from '../../components/WithTheme';
-import { retrieveStyle } from './theme';
-import { getPages, getFormattedData, getFormattedLinearData, getGraphAttributes, getGrid, flattenData, flattenAndReduceBarData, getMaxValues, getBounds } from './utils';
-import useDynamicMargins from './hooks/use-dynamic-margins';
-import styles from './styles.module.scss';
-import YAxis from './components/YAxis';
-import XAxis from './components/XAxis';
-import Bars from './components/Bars';
-import LinearPlot from './components/LinearPlot';
-import Levels from './components/Levels';
-import Pagination from './components/Pagination';
-import Legend from './components/Legend';
-import { barDataType, linearDataType, levelsType, referencesType, xAxisDefinitionType, buttonPropsTypes } from './types';
-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 = mergeClasses(theme, classNames);
-  const {
-    useMaxBarValue = false
-  } = yAxisProps || {};
-  const [currentPage, setCurrentPage] = useState(0);
-  const [currentLabel, setCurrentLabel] = useState();
-  const {
-    marginLeftRef,
-    marginRightRef,
-    marginBottomRef,
-    marginBottom,
-    marginRight,
-    marginLeft
-  } = useDynamicMargins(center, spacingOptions);
-  const {
-    ref: containerRef,
-    width: containerWidth,
-    height: containerHeight
-  } = useComponentDimensions();
-  const {
-    y: parentYPosition
-  } = useComponentPosition({
-    externalRef: containerRef
-  });
-  const paginationRef = useRef();
-  const barRef = useRef({});
-  const groups = barData.length;
-  const totalPages = useMemo(() => getPages(barData[0], pagination), [barData, pagination]);
-  const formattedData = useMemo(() => pagination ? barData === null || barData === void 0 ? void 0 : barData.map(data => getFormattedData(data, pagination, currentPage)) : barData, [pagination, barData, currentPage]);
-  const formattedLinearData = 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 ? getFormattedLinearData(filteredData, currentPage, pagination) : filteredData,
-      ...config
-    };
-  }), [pagination, linearData, currentPage, xAxisDefinition]);
-  const flattenedAndReducedBarData = flattenAndReduceBarData(barData);
-  const {
-    flatBarData,
-    flatLinearData
-  } = flattenData(formattedData, linearData);
-  const {
-    flatBarData: fullFlatBarData
-  } = flattenData(barData, linearData);
-  const {
-    maxBarValue,
-    maxLinearValue
-  } = getMaxValues(flattenedAndReducedBarData, flatLinearData, levels);
-  const withLinearData = !isEmpty(flatLinearData);
-  const withBarData = !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
-  } = 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] = getBounds(maxLinearValue, yAxisTicks);
-  const [barLowerBound, barUpperBound] = 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]);
-  useEffect(() => {
-    setCurrentPage(0);
-  }, [barData]);
-  useEffect(() => {
-    setCurrentLabel(null);
-  }, [currentPage]);
-  const {
-    bar: barAxisLabelFormatter,
-    linear: linearAxisLabelFormatter
-  } = labelFormatters;
-  const {
-    bar: barUnit,
-    barSubtitle: barUnitSubtitle,
-    linear: linearUnit,
-    linearSubtitle: linearUnitSubtitle
-  } = units;
-  const Wrapper = pagination ? 'div' : Scroll;
-  const wrapperProps = pagination ? {} : {
-    suppressScrollX: !!pagination,
-    suppressScrollY: true
-  };
-  return !withBarData && !showEmptyGraphic ? NoDataComponent ? /*#__PURE__*/React.createElement(NoDataComponent, null) : null : /*#__PURE__*/React.createElement("div", {
-    className: styles.container
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: containerRef,
-    className: className
-  }, /*#__PURE__*/React.createElement(Wrapper, _extends({}, wrapperProps, {
-    className: styles.scroll
-  }), /*#__PURE__*/React.createElement("svg", {
-    height: TOTAL_HEIGHT,
-    width: TOTAL_WIDTH
-  }, gradientGenerator === null || gradientGenerator === void 0 ? void 0 : gradientGenerator(), showGrid && /*#__PURE__*/React.createElement(Levels, {
-    classes: classes,
-    graphXEnd: GRAPH_X_END,
-    graphXStart: GRAPH_X_START,
-    graphYStart: GRAPH_Y_START,
-    levels: getGrid(yAxisTicks, barMaxValue, gridType),
-    yAxis: yAxis
-  }), formattedData.map((data, group) => /*#__PURE__*/React.createElement(Bars, {
-    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.createElement(LinearPlot, {
-      barWidth: groupWidth,
-      color: color,
-      customLineProps: customLineProps,
-      data: data,
-      graphYStart: GRAPH_Y_START,
-      markers: markers,
-      type: type,
-      xAxis: xAxis,
-      yAxis: linearYAxis,
-      classes: classes
-    });
-  }), /*#__PURE__*/React.createElement(Levels, {
-    classes: classes,
-    graphXEnd: GRAPH_X_END,
-    graphXStart: GRAPH_X_START,
-    graphYStart: GRAPH_Y_START,
-    levels: levels,
-    yAxis: yAxis
-  }), !hideYAxis && /*#__PURE__*/React.createElement(YAxis, {
-    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.createElement(YAxis, {
-    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.createElement(XAxis, {
-    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.createElement(Pagination, {
-    anchor: paginationRef,
-    classes: classes,
-    currentPage: currentPage,
-    graphXEnd: GRAPH_X_END,
-    graphXStart: GRAPH_X_START,
-    parentYPosition: parentYPosition,
-    setCurrentPage: setCurrentPage,
-    totalPages: totalPages
-  }))), /*#__PURE__*/React.createElement(Legend, {
-    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: number,
-  barData: barDataType,
-  barPadding: number,
-  barPaddingOuter: number,
-  buttonProps: buttonPropsTypes,
-  center: bool,
-  classes: classesType,
-  className: string,
-  classNames: classesType,
-  decoratorRenderer: func,
-  displayLegendAs: string,
-  fitLegend: bool,
-  fullSizeBars: bool,
-  gradientGenerator: func,
-  gridType: string,
-  hideYAxis: bool,
-  highlightWidth: number,
-  labelFormatters: objectOf(func),
-  labels: objectOf(string),
-  levels: levelsType,
-  linearData: linearDataType,
-  minBarWidth: number,
-  NoDataComponent: func,
-  onBarClick: func,
-  pagination: number,
-  references: referencesType,
-  selectable: bool,
-  showEmptyGraphic: bool,
-  showGrid: bool,
-  singleYAxis: bool,
-  spacingOptions: objectOf(number),
-  title: string,
-  transitionDuration: number,
-  units: objectOf(string),
-  valuesOnTop: bool,
-  xAxisDefinition: xAxisDefinitionType,
-  yAxisProps: objectOf(shape({
-    useMaxBarValue: bool
-  })),
-  yAxisTicks: 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
-};
-export default WithTheme(retrieveStyle)(UTBarChart);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}import React,{useMemo,useState,useEffect,useRef}from"react";import*as d3 from"d3";import Scroll from"react-perfect-scrollbar";import{isEmpty}from"@widergy/web-utils/lib/array";import{func,bool,string,number,objectOf,shape}from"prop-types";import{useComponentDimensions,useComponentPosition}from"@widergy/energy-hooks";import{mergeClasses}from"../../utils/classesUtils";import{classesType}from"../../types/commonTypes";import WithTheme from"../../components/WithTheme";import{retrieveStyle}from"./theme";import{getPages,getFormattedData,getFormattedLinearData,getGraphAttributes,getGrid,flattenData,flattenAndReduceBarData,getMaxValues,getBounds}from"./utils";import useDynamicMargins from"./hooks/use-dynamic-margins";import styles from"./styles.module.scss";import YAxis from"./components/YAxis";import XAxis from"./components/XAxis";import Bars from"./components/Bars";import LinearPlot from"./components/LinearPlot";import Levels from"./components/Levels";import Pagination from"./components/Pagination";import Legend from"./components/Legend";import{barDataType,linearDataType,levelsType,referencesType,xAxisDefinitionType,buttonPropsTypes}from"./types";const UTBarChart=e=>{var t,a,r;let{barBorderRadius:s,barData:n,barPadding:i,barPaddingOuter:o,buttonProps:l,center:m,classes:c,className:p,classNames:d,decoratorRenderer:u,displayLegendAs:g,fitLegend:h,fullSizeBars:f,gradientGenerator:b,gridType:x="grid",hideYAxis:y,highlightWidth:A,labelFormatters:D,labels:R,levels:T,linearData:v,minBarWidth:P,NoDataComponent:B,onBarClick:E,pagination:S,references:L,selectable:Y,showEmptyGraphic:O,showGrid:C,singleYAxis:X,spacingOptions:G,title:W,transitionDuration:w,units:_,valuesOnTop:N,xAxisDefinition:k,yAxisProps:M={},yAxisTicks:V}=e;const j=mergeClasses(c,d),{useMaxBarValue:H=!1}=M||{},[F,U]=useState(0),[z,I]=useState(),{marginLeftRef:q,marginRightRef:J,marginBottomRef:K,marginBottom:Q,marginRight:Z,marginLeft:$}=useDynamicMargins(m,G),{ref:ee,width:te,height:ae}=useComponentDimensions(),{y:re}=useComponentPosition({externalRef:ee}),se=useRef(),ne=useRef({}),ie=n.length,oe=useMemo(()=>getPages(n[0],S),[n,S]),le=useMemo(()=>S?null==n?void 0:n.map(e=>getFormattedData(e,S,F)):n,[S,n,F]),me=useMemo(()=>null==v?void 0:v.map(e=>{let{data:t,...a}=e;const r=k&&k.length>0?t.filter(e=>{const t=k.length-1;return e.xCoordinate>=0&&e.xCoordinate<=t}):t;return{data:S?getFormattedLinearData(r,F,S):r,...a}}),[S,v,F,k]),ce=flattenAndReduceBarData(n),{flatBarData:pe,flatLinearData:de}=flattenData(le,v),{flatBarData:ue}=flattenData(n,v),{maxBarValue:ge,maxLinearValue:he}=getMaxValues(ce,de,T),fe=!isEmpty(de),be=!isEmpty(ue),xe=(null==k||null===(t=k.filter(e=>e.mainLabel||e.secondaryLabel))||void 0===t?void 0:t.length)||0,{TOTAL_HEIGHT:ye,TOTAL_WIDTH:Ae,GRAPH_X_END:De,GRAPH_X_START:Re,GRAPH_Y_END:Te,GRAPH_Y_START:ve}=getGraphAttributes(te,ae,$,Z,Q,S?0:P,(null===(a=le[0])||void 0===a?void 0:a.length)||xe,i,ie,G),[Pe,Be]=getBounds(he,V),[Ee,Se]=getBounds(ge,V,H),Le=Math.max(Be,Se),Ye=X?Le:Se,Oe=d3.scaleLinear().domain([Ee,Ye]).range([ve,Te]),Ce=d3.scaleBand().domain(d3.range((null===(r=le[0])||void 0===r?void 0:r.length)||(null==k?void 0:k.length)||0)).range([Re,De]).paddingInner(i).paddingOuter(null!=o?o:i),Xe=f?De:Ce.bandwidth(),Ge=d3.scaleBand().domain(d3.range(ie)).range([0,Xe]).padding(i),We=Ge.bandwidth(),we=X?Oe:d3.scaleLinear().domain([Pe,Be]).range([ve,Te]);useEffect(()=>{U(0)},[n]),useEffect(()=>{I(null)},[F]);const{bar:_e,linear:Ne}=D,{bar:ke,barSubtitle:Me,linear:Ve,linearSubtitle:je}=_,He=S?"div":Scroll,Fe=S?{}:{suppressScrollX:!!S,suppressScrollY:!0};return be||O?React.createElement("div",{className:styles.container},React.createElement("div",{ref:ee,className:p},React.createElement(He,_extends({},Fe,{className:styles.scroll}),React.createElement("svg",{height:ye,width:Ae},null==b?void 0:b(),C&&React.createElement(Levels,{classes:j,graphXEnd:De,graphXStart:Re,graphYStart:ve,levels:getGrid(V,Ye,x),yAxis:Oe}),le.map((e,t)=>React.createElement(Bars,{barBorderRadius:s,barData:e,barWidth:We,classes:j,currentPage:F,fullSizeBars:f,graphXStart:Re,graphYStart:ve,graphYEnd:Te,group:t,groups:ie,groupWidth:Xe,highlightWidth:A,maxBarValue:Se,onBarClick:E,padding:i,selectable:Y,setCurrentLabel:I,spacingOptions:G,totalData:n,transitionDuration:w,valuesOnTop:N,xAxis:Ce,xSubAxis:Ge,yAxis:Oe,barRef:ne})),me.map(e=>{let{data:t,type:a,color:r,customLineProps:s,markers:n}=e;return React.createElement(LinearPlot,{barWidth:Xe,color:r,customLineProps:s,data:t,graphYStart:ve,markers:n,type:a,xAxis:Ce,yAxis:we,classes:j})}),React.createElement(Levels,{classes:j,graphXEnd:De,graphXStart:Re,graphYStart:ve,levels:T,yAxis:Oe}),!y&&React.createElement(YAxis,{classes:j,graphYEnd:Te,graphYStart:ve,maxValue:Ye,setRef:q,textAnchor:"end",unit:ke,valueDecorator:_e,x:$,yAxis:Oe,yAxisTicks:V,unitSubtitle:Me,graphXEnd:De}),!y&&fe&&!X&&React.createElement(YAxis,{classes:j,graphYEnd:Te,graphYStart:ve,maxValue:Be,setRef:J,textAnchor:"start",unit:Ve,unitSubtitle:je,valueDecorator:Ne,x:Ae-Z,yAxis:we,yAxisTicks:V,graphXEnd:De,linearData:!0}),React.createElement(XAxis,{barWidth:Xe,classes:j,currentLabel:z,currentPage:F,data:le,decoratorRenderer:u,fullSizeBars:f,graphXEnd:De,graphXStart:Re,graphYStart:ve,initialHeight:Q,pagination:S,paginationRef:se,setRef:K,xAxisDefinition:S?k.slice(F*S,(F+1)*S):k,xAxis:Ce,barRef:ne})),!!S&&React.createElement(Pagination,{anchor:se,classes:j,currentPage:F,graphXEnd:De,graphXStart:Re,parentYPosition:re,setCurrentPage:U,totalPages:oe}))),React.createElement(Legend,{buttonProps:l,classes:j,displayAs:g,style:{width:h?te-2*Re:te,margin:h?"0":"0 auto"},flatData:{bar:pe,linear:de,levels:T},references:L,title:W,labels:R})):B?React.createElement(B,null):null};UTBarChart.propTypes={barBorderRadius:number,barData:barDataType,barPadding:number,barPaddingOuter:number,buttonProps:buttonPropsTypes,center:bool,classes:classesType,className:string,classNames:classesType,decoratorRenderer:func,displayLegendAs:string,fitLegend:bool,fullSizeBars:bool,gradientGenerator:func,gridType:string,hideYAxis:bool,highlightWidth:number,labelFormatters:objectOf(func),labels:objectOf(string),levels:levelsType,linearData:linearDataType,minBarWidth:number,NoDataComponent:func,onBarClick:func,pagination:number,references:referencesType,selectable:bool,showEmptyGraphic:bool,showGrid:bool,singleYAxis:bool,spacingOptions:objectOf(number),title:string,transitionDuration:number,units:objectOf(string),valuesOnTop:bool,xAxisDefinition:xAxisDefinitionType,yAxisProps:objectOf(shape({useMaxBarValue:bool})),yAxisTicks: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};export default WithTheme(retrieveStyle)(UTBarChart);

package/dist/esm/deprecated/UTBarChart/theme.js

@@ -1,113 +1 @@
-import { getIn } from 'seamless-immutable';
-import { withImportant } from '../../utils/classesUtils';
-export const retrieveStyle = _ref => {
-  var _theme$UTBarChart, _theme$UTBarChart2, _theme$UTBarChart3, _theme$UTBarChart4, _theme$UTBarChart5, _theme$UTBarChart6;
-  let {
-    theme
-  } = _ref;
-  return {
-    solidLevel: {
-      strokeWidth: getIn(theme, ['UTBarChart', 'solidLevel', 'strokeWidth'], 1),
-      stroke: getIn(theme, ['UTBarChart', 'solidLevel', 'stroke'])
-    },
-    dashedLevel: {
-      strokeWidth: getIn(theme, ['UTBarChart', 'dashedLevel', 'strokeWidth'], 1),
-      strokeDasharray: getIn(theme, ['UTBarChart', 'dashedLevel', 'strokeDasharray'], 2.2),
-      stroke: getIn(theme, ['UTBarChart', 'dashedLevel', 'stroke'])
-    },
-    dottedLevel: {
-      strokeWidth: getIn(theme, ['UTBarChart', 'dottedLevel', 'strokeWidth'], 2),
-      strokeDasharray: getIn(theme, ['UTBarChart', 'dottedLevel', 'strokeDasharray'], 4),
-      stroke: getIn(theme, ['UTBarChart', 'dottedLevel', 'stroke'])
-    },
-    gridLine: {
-      strokeWidth: getIn(theme, ['UTBarChart', 'gridLine', 'strokeWidth'], 1),
-      strokeDasharray: getIn(theme, ['UTBarChart', 'gridLine', 'strokeDasharray'], 5.5),
-      stroke: getIn(theme, ['UTBarChart', 'gridLine', 'stroke'])
-    },
-    legendItemLabel: {
-      fontSize: getIn(theme, ['UTBarChart', 'legendItemLabel', 'fontSize']),
-      fontWeight: getIn(theme, ['UTBarChart', 'legendItemLabel', 'fontWeight']),
-      fontFamily: getIn(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
-      color: getIn(theme, ['UTBarChart', 'legendItemLabel', 'color']),
-      userSelect: 'none'
-    },
-    showLegendButton: {
-      backgroundColor: 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: 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: getIn(theme, ['UTBarChart', 'showLegendIcon', 'color']),
-      marginRight: getIn(theme, ['UTBarChart', 'showLegendIcon', 'marginRight'], 10)
-    },
-    showLegendLabel: {
-      color: 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: 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: 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: getIn(theme, ['UTBarChart', 'paginationButton', 'color'])
-    },
-    paginationButtonDisabled: {
-      color: getIn(theme, ['UTBarChart', 'paginationButtonDisabled', 'color'])
-    },
-    xAxis: {
-      strokeWidth: getIn(theme, ['UTBarChart', 'xAxis', 'strokeWidth'], 1),
-      stroke: getIn(theme, ['UTBarChart', 'xAxis', 'stroke'])
-    },
-    xAxisMainLabel: {
-      fontSize: getIn(theme, ['UTBarChart', 'xAxisMainLabel', 'fontSize']),
-      fontWeight: getIn(theme, ['UTBarChart', 'xAxisMainLabel', 'fontWeight']),
-      fontFamily: getIn(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
-      fill: getIn(theme, ['UTBarChart', 'xAxisMainLabel', 'fill']),
-      userSelect: 'none'
-    },
-    xAxisSelectedLabel: {
-      fill: getIn(theme, ['UTBarChart', 'xAxisSelectedLabel', 'fill'])
-    },
-    xAxisSecondaryLabel: {
-      fontSize: getIn(theme, ['UTBarChart', 'xAxisSecondaryLabel', 'fontSize']),
-      fontWeight: getIn(theme, ['UTBarChart', 'xAxisSecondaryLabel', 'fontWeight']),
-      fontFamily: getIn(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
-      color: getIn(theme, ['UTBarChart', 'xAxisSecondaryLabel', 'color']),
-      userSelect: 'none'
-    },
-    decoration: {
-      fontSize: getIn(theme, ['UTBarChart', 'decoration', 'fontSize']),
-      fontWeight: getIn(theme, ['UTBarChart', 'decoration', 'fontWeight']),
-      color: getIn(theme, ['UTBarChart', 'decoration', 'color']),
-      userSelect: 'none'
-    },
-    decorationLine: {
-      strokeWidth: getIn(theme, ['UTBarChart', 'decorationLine', 'strokeWidth'], 1),
-      strokeDasharray: getIn(theme, ['UTBarChart', 'decorationLine', 'strokeDasharray'], 0),
-      stroke: getIn(theme, ['UTBarChart', 'decorationLine', 'stroke'])
-    },
-    yAxisUnit: {
-      fontSize: getIn(theme, ['UTBarChart', 'yAxisUnit', 'fontSize']),
-      fontWeight: getIn(theme, ['UTBarChart', 'yAxisUnit', 'fontWeight']),
-      fill: getIn(theme, ['UTBarChart', 'yAxisUnit', 'fill']),
-      userSelect: 'none'
-    },
-    yAxisLabel: {
-      fontSize: getIn(theme, ['UTBarChart', 'yAxisLabel', 'fontSize']),
-      fontWeight: getIn(theme, ['UTBarChart', 'yAxisLabel', 'fontWeight']),
-      fontFamily: getIn(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
-      fill: getIn(theme, ['UTBarChart', 'yAxisLabel', 'fill']),
-      userSelect: 'none'
-    },
-    onTopBarLabel: {
-      fontSize: getIn(theme, ['UTBarChart', 'onTopBarLabel', 'fontSize']),
-      fontWeight: getIn(theme, ['UTBarChart', 'onTopBarLabel', 'fontWeight']),
-      fontFamily: getIn(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
-      color: getIn(theme, ['UTBarChart', 'onTopBarLabel', 'color']),
-      userSelect: 'none'
-    },
-    tooltip: {
-      backgroundColor: getIn(theme, ['UTBarChart', 'tooltip', 'width'])
-    }
-  };
-};
+import{getIn}from"seamless-immutable";import{withImportant}from"../../utils/classesUtils";export const retrieveStyle=t=>{var e,r,o,a,n,i;let{theme:l}=t;return{solidLevel:{strokeWidth:getIn(l,["UTBarChart","solidLevel","strokeWidth"],1),stroke:getIn(l,["UTBarChart","solidLevel","stroke"])},dashedLevel:{strokeWidth:getIn(l,["UTBarChart","dashedLevel","strokeWidth"],1),strokeDasharray:getIn(l,["UTBarChart","dashedLevel","strokeDasharray"],2.2),stroke:getIn(l,["UTBarChart","dashedLevel","stroke"])},dottedLevel:{strokeWidth:getIn(l,["UTBarChart","dottedLevel","strokeWidth"],2),strokeDasharray:getIn(l,["UTBarChart","dottedLevel","strokeDasharray"],4),stroke:getIn(l,["UTBarChart","dottedLevel","stroke"])},gridLine:{strokeWidth:getIn(l,["UTBarChart","gridLine","strokeWidth"],1),strokeDasharray:getIn(l,["UTBarChart","gridLine","strokeDasharray"],5.5),stroke:getIn(l,["UTBarChart","gridLine","stroke"])},legendItemLabel:{fontSize:getIn(l,["UTBarChart","legendItemLabel","fontSize"]),fontWeight:getIn(l,["UTBarChart","legendItemLabel","fontWeight"]),fontFamily:getIn(l,["UTBarChart","Fonts","fontFamily"]),color:getIn(l,["UTBarChart","legendItemLabel","color"]),userSelect:"none"},showLegendButton:{backgroundColor:withImportant(null==l||null===(e=l.UTBarChart)||void 0===e||null===(e=e.showLegendButton)||void 0===e?void 0:e.backgroundColor),padding:withImportant(null==l||null===(r=l.UTBarChart)||void 0===r||null===(r=r.showLegendButton)||void 0===r?void 0:r.padding),borderRadius:"0 !important"},showLegendIcon:{color:getIn(l,["UTBarChart","showLegendIcon","color"]),marginRight:getIn(l,["UTBarChart","showLegendIcon","marginRight"],10)},showLegendLabel:{color:withImportant(null==l||null===(o=l.UTBarChart)||void 0===o||null===(o=o.showLegendLabel)||void 0===o?void 0:o.color),fontFamily:null==l||null===(a=l.UTBarChart)||void 0===a||null===(a=a.Fonts)||void 0===a?void 0:a.fontFamily,fontSize:withImportant(null==l||null===(n=l.UTBarChart)||void 0===n||null===(n=n.showLegendLabel)||void 0===n?void 0:n.fontSize),fontWeight:withImportant(null==l||null===(i=l.UTBarChart)||void 0===i||null===(i=i.showLegendLabel)||void 0===i?void 0:i.fontWeight),userSelect:"none"},paginationButton:{color:getIn(l,["UTBarChart","paginationButton","color"])},paginationButtonDisabled:{color:getIn(l,["UTBarChart","paginationButtonDisabled","color"])},xAxis:{strokeWidth:getIn(l,["UTBarChart","xAxis","strokeWidth"],1),stroke:getIn(l,["UTBarChart","xAxis","stroke"])},xAxisMainLabel:{fontSize:getIn(l,["UTBarChart","xAxisMainLabel","fontSize"]),fontWeight:getIn(l,["UTBarChart","xAxisMainLabel","fontWeight"]),fontFamily:getIn(l,["UTBarChart","Fonts","fontFamily"]),fill:getIn(l,["UTBarChart","xAxisMainLabel","fill"]),userSelect:"none"},xAxisSelectedLabel:{fill:getIn(l,["UTBarChart","xAxisSelectedLabel","fill"])},xAxisSecondaryLabel:{fontSize:getIn(l,["UTBarChart","xAxisSecondaryLabel","fontSize"]),fontWeight:getIn(l,["UTBarChart","xAxisSecondaryLabel","fontWeight"]),fontFamily:getIn(l,["UTBarChart","Fonts","fontFamily"]),color:getIn(l,["UTBarChart","xAxisSecondaryLabel","color"]),userSelect:"none"},decoration:{fontSize:getIn(l,["UTBarChart","decoration","fontSize"]),fontWeight:getIn(l,["UTBarChart","decoration","fontWeight"]),color:getIn(l,["UTBarChart","decoration","color"]),userSelect:"none"},decorationLine:{strokeWidth:getIn(l,["UTBarChart","decorationLine","strokeWidth"],1),strokeDasharray:getIn(l,["UTBarChart","decorationLine","strokeDasharray"],0),stroke:getIn(l,["UTBarChart","decorationLine","stroke"])},yAxisUnit:{fontSize:getIn(l,["UTBarChart","yAxisUnit","fontSize"]),fontWeight:getIn(l,["UTBarChart","yAxisUnit","fontWeight"]),fill:getIn(l,["UTBarChart","yAxisUnit","fill"]),userSelect:"none"},yAxisLabel:{fontSize:getIn(l,["UTBarChart","yAxisLabel","fontSize"]),fontWeight:getIn(l,["UTBarChart","yAxisLabel","fontWeight"]),fontFamily:getIn(l,["UTBarChart","Fonts","fontFamily"]),fill:getIn(l,["UTBarChart","yAxisLabel","fill"]),userSelect:"none"},onTopBarLabel:{fontSize:getIn(l,["UTBarChart","onTopBarLabel","fontSize"]),fontWeight:getIn(l,["UTBarChart","onTopBarLabel","fontWeight"]),fontFamily:getIn(l,["UTBarChart","Fonts","fontFamily"]),color:getIn(l,["UTBarChart","onTopBarLabel","color"]),userSelect:"none"},tooltip:{backgroundColor:getIn(l,["UTBarChart","tooltip","width"])}}};

package/dist/esm/deprecated/UTBarChart/types.js

@@ -1,56 +1 @@
-import { elementType, bool, string, number, arrayOf, shape, func, oneOfType } from 'prop-types';
-export const barType = shape({
-  clickable: bool,
-  color: string,
-  highlightColor: string,
-  highlighted: string,
-  tooltipContent: string,
-  value: number,
-  values: arrayOf(shape({
-    clickable: bool,
-    color: string,
-    highlightColor: string,
-    highlighted: string,
-    tooltipContent: string,
-    value: number
-  }))
-});
-export const barDataType = arrayOf(oneOfType([arrayOf(barType), barType]));
-export const linearMarkersType = shape({
-  type: string
-});
-export const linearType = shape({
-  color: string,
-  data: arrayOf({
-    xCoodrinate: number,
-    value: number
-  }),
-  marker: linearMarkersType,
-  type: string
-});
-export const linearDataType = arrayOf(linearType);
-export const levelsType = arrayOf(shape({
-  value: number,
-  color: string,
-  id: string
-}));
-export const referencesType = shape({
-  check: func,
-  className: string,
-  CustomIcon: elementType,
-  id: string,
-  label: string,
-  orderFunction: func
-});
-export const xAxisDefinitionType = arrayOf(shape({
-  labelBackgroundPadding: number,
-  mainLabel: string,
-  secondaryLabel: string,
-  selectedLabelBackground: string
-}));
-export const buttonPropsTypes = shape({
-  colorTheme: string,
-  iconPlacement: string,
-  size: string,
-  variant: string
-});
+import{elementType,bool,string,number,arrayOf,shape,func,oneOfType}from"prop-types";export const barType=shape({clickable:bool,color:string,highlightColor:string,highlighted:string,tooltipContent:string,value:number,values:arrayOf(shape({clickable:bool,color:string,highlightColor:string,highlighted:string,tooltipContent:string,value:number}))});export const barDataType=arrayOf(oneOfType([arrayOf(barType),barType]));export const linearMarkersType=shape({type:string});export const linearType=shape({color:string,data:arrayOf({xCoodrinate:number,value:number}),marker:linearMarkersType,type:string});export const linearDataType=arrayOf(linearType);export const levelsType=arrayOf(shape({value:number,color:string,id:string}));export const referencesType=shape({check:func,className:string,CustomIcon:elementType,id:string,label:string,orderFunction:func});export const xAxisDefinitionType=arrayOf(shape({labelBackgroundPadding:number,mainLabel:string,secondaryLabel:string,selectedLabelBackground:string}));export const buttonPropsTypes=shape({colorTheme:string,iconPlacement:string,size:string,variant:string});