@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTGraph/index.js

@@ -1,233 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var d3 = _interopRequireWildcard(require("d3"));
-var _propTypes = require("prop-types");
-var _classesUtils = require("../../utils/classesUtils");
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _UTButtonGroup = _interopRequireDefault(require("../UTButtonGroup"));
-var _UTIcon = _interopRequireDefault(require("../UTIcon"));
-var _UTTooltip = _interopRequireDefault(require("../UTTooltip"));
-var _Bars = _interopRequireDefault(require("./components/Bars"));
-var _Lines = _interopRequireDefault(require("./components/Lines"));
-var _CartesianPlane = _interopRequireDefault(require("./components/CartesianPlane"));
-var _RadialChart = _interopRequireDefault(require("./components/RadialChart"));
-var _utils = require("./utils");
-var _constants = require("./constants");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _theme = require("./theme");
-var _Points = _interopRequireDefault(require("./components/Points"));
-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); }
-const UTGraph = _ref => {
-  var _meta$configuration, _meta$configuration2;
-  let {
-    meta,
-    datasets,
-    classNames,
-    classes: theme
-  } = _ref;
-  const {
-    margin: cartesianPlaneMargin,
-    rangeLeftTickFormat,
-    rangeLeftTicks,
-    rangeRightTickFormat,
-    rangeRightTicks,
-    domainTickFormat,
-    domainTicks
-  } = ((_meta$configuration = meta.configuration) === null || _meta$configuration === void 0 ? void 0 : _meta$configuration.cartesianPlane) || {};
-  const styles = (0, _react.useMemo)(() => (0, _classesUtils.mergeMultipleClassNames)(_stylesModule.default, theme, classNames), [_stylesModule.default, theme, classNames]);
-  const [selectedTab, setSelectedTab] = (0, _react.useState)(meta.chart_tabs[0]);
-  const tabOptions = (0, _react.useMemo)(() => {
-    var _meta$chart_tabs;
-    return meta.chart_tabs ? (_meta$chart_tabs = meta.chart_tabs) === null || _meta$chart_tabs === void 0 ? void 0 : _meta$chart_tabs.map(tab => ({
-      Icon: tab.icon,
-      id: tab.code,
-      onClick: () => setSelectedTab(tab),
-      value: tab.code
-    })) : [];
-  }, [meta.chart_tabs]);
-  const dataset = (0, _react.useMemo)(() => datasets.find(ds => ds.code === selectedTab.code), [datasets, selectedTab]);
-  const mainAxisDomain = (0, _react.useMemo)(() => {
-    var _selectedTab$domain;
-    if (!dataset) return [];
-    if (((_selectedTab$domain = selectedTab.domain) === null || _selectedTab$domain === void 0 ? void 0 : _selectedTab$domain.binding) === _constants.DOMAIN_NUMERICAL) return (0, _utils.applyHeadroom)((0, _utils.computeMainAxisExtentNumerical)(selectedTab, dataset), {
-      padBottom: 0.08
-    });
-    return dataset.domain.map(item => item.domain_value);
-  }, [dataset, selectedTab]);
-  const crossAxisLeftDomain = (0, _react.useMemo)(() => (0, _utils.applyHeadroom)((0, _utils.computeCrossAxisDomainForSide)(selectedTab, dataset, _constants.LEFT_SIDE)), [selectedTab, dataset]);
-  const crossAxisRightDomain = (0, _react.useMemo)(() => (0, _utils.applyHeadroom)((0, _utils.computeCrossAxisDomainForSide)(selectedTab, dataset, _constants.RIGHT_SIDE)), [selectedTab, dataset]);
-  const {
-    hasLeft,
-    hasRight
-  } = (0, _utils.detectAxisSides)(selectedTab);
-
-  // TBD: colors should be retrieved from the report's meta
-  const colorDomain = (0, _react.useMemo)(() => {
-    const seriesCodes = selectedTab.subitems.flatMap(cluster => cluster.map(series => series.bindings.range).filter(Boolean));
-    const colorCodesUsed = new Set(selectedTab.subitems.flatMap(cluster => cluster.map(s => {
-      var _s$bindings;
-      return (_s$bindings = s.bindings) === null || _s$bindings === void 0 ? void 0 : _s$bindings.color;
-    }).filter(Boolean)));
-    const colorValues = [];
-    if (dataset && colorCodesUsed.size > 0) {
-      const codes = Array.from(colorCodesUsed);
-      dataset.domain.forEach(record => {
-        const dict = Object.fromEntries(record.concepts.map(d => [d.code, d.value]));
-        codes.forEach(cc => {
-          const v = dict[cc];
-          if (v != null && !colorValues.includes(v)) colorValues.push(v);
-        });
-      });
-    }
-    return Array.from(new Set([...seriesCodes, ...colorValues]));
-  }, [selectedTab, dataset]);
-  const color = (0, _react.useMemo)(() => d3.scaleOrdinal(colorDomain, d3.schemeTableau10), [colorDomain]);
-  const legendItems = (0, _react.useMemo)(() => {
-    const seen = new Set();
-    return selectedTab.subitems.flat().filter(series => {
-      const code = series.bindings.range;
-      if (!code || seen.has(code)) return false;
-      seen.add(code);
-      return true;
-    }).map(series => ({
-      code: series.bindings.range,
-      name: series.name,
-      type: series.type
-    }));
-  }, [selectedTab]);
-  const containerRef = (0, _react.useRef)(null);
-  const planeWrapperRef = (0, _react.useRef)(null);
-  const [containerSize, setContainerSize] = (0, _react.useState)({
-    width: 0,
-    height: 0
-  });
-  (0, _react.useEffect)(() => {
-    if (!containerRef.current || !planeWrapperRef.current) return;
-    const resizeObserver = new ResizeObserver(entries => {
-      if (!entries[0]) return;
-      const {
-        width,
-        height
-      } = entries[0].contentRect;
-      setContainerSize(prev => {
-        const next = {
-          width,
-          height: Math.max(height, 0)
-        };
-        if (Math.abs(prev.width - next.width) < 1 && Math.abs(prev.height - next.height) < 1) return prev;
-        return next;
-      });
-    });
-    resizeObserver.observe(planeWrapperRef.current);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, []);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: styles.container,
-    ref: containerRef
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: styles.header
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: styles.title
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    variant: "subtitle1",
-    weight: "medium",
-    title: selectedTab.name
-  }, selectedTab.name), (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.tooltip) && /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-    content: selectedTab.tooltip
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: styles.tooltipIcon
-  }, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
-    name: "IconInfoCircle",
-    size: _constants.TOOLTIP_SIZE
-  })))), tabOptions.length > 1 && /*#__PURE__*/_react.default.createElement(_UTButtonGroup.default, {
-    actions: tabOptions,
-    selected: selectedTab.code
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: styles.planeWrapper,
-    ref: planeWrapperRef
-  }, meta.chart_layout === 'cartesian' ? /*#__PURE__*/_react.default.createElement(_CartesianPlane.default, {
-    crossAxisLeftDomain: crossAxisLeftDomain,
-    crossAxisRightDomain: crossAxisRightDomain,
-    crossAxisLeftTickFormat: rangeLeftTickFormat || _constants.DEFAULT_RANGE_TICK_FORMAT,
-    crossAxisLeftTicks: rangeLeftTicks || _constants.DEFAULT_RANGE_TICKS,
-    crossAxisRightTickFormat: rangeRightTickFormat || _constants.DEFAULT_RANGE_TICK_FORMAT,
-    crossAxisRightTicks: rangeRightTicks || _constants.DEFAULT_RANGE_TICKS,
-    height: containerSize.height,
-    mainAxisDomain: mainAxisDomain,
-    mainAxisTickFormat: domainTickFormat || _constants.DEFAULT_DOMAIN_TICK_FORMAT,
-    mainAxisTicks: domainTicks || _constants.DEFAULT_DOMAIN_TICKS,
-    margin: cartesianPlaneMargin || _constants.DEFAULT_CARTESIAN_PLANE_MARGINS,
-    width: containerSize.width,
-    hasLeft: hasLeft,
-    hasRight: hasRight,
-    tab: selectedTab
-  }, _ref2 => {
-    let {
-      mainAxis,
-      crossAxisLeft,
-      crossAxisRight
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Bars.default, {
-      crossAxisLeft: crossAxisLeft,
-      crossAxisRight: crossAxisRight,
-      dataset: dataset,
-      mainAxis: mainAxis,
-      mainAxisDomain: mainAxisDomain,
-      tab: selectedTab,
-      color: color
-    }), /*#__PURE__*/_react.default.createElement(_Lines.default, {
-      crossAxisLeft: crossAxisLeft,
-      crossAxisRight: crossAxisRight,
-      dataset: dataset,
-      mainAxis: mainAxis,
-      mainAxisDomain: mainAxisDomain,
-      tab: selectedTab,
-      color: color
-    }), /*#__PURE__*/_react.default.createElement(_Points.default, {
-      crossAxisLeft: crossAxisLeft,
-      crossAxisRight: crossAxisRight,
-      dataset: dataset,
-      mainAxis: mainAxis,
-      mainAxisDomain: mainAxisDomain,
-      tab: selectedTab,
-      color: color
-    }));
-  }) : meta.chart_layout === 'radial' ? /*#__PURE__*/_react.default.createElement(_RadialChart.default, {
-    tab: selectedTab,
-    width: containerSize.width,
-    height: containerSize.height,
-    dataset: dataset,
-    color: color,
-    configuration: meta === null || meta === void 0 || (_meta$configuration2 = meta.configuration) === null || _meta$configuration2 === void 0 ? void 0 : _meta$configuration2.radialChart
-  }) : null), /*#__PURE__*/_react.default.createElement("div", {
-    className: styles.legends
-  }, legendItems.map(item => /*#__PURE__*/_react.default.createElement("div", {
-    key: item.code,
-    className: styles.legendItem,
-    title: item.name
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      backgroundColor: color(item.code)
-    },
-    className: _constants.LEGEND_TYPE_STYLES[item.type]
-  }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    variant: "xsmall",
-    className: styles.legendLabel
-  }, item.name)))));
-};
-UTGraph.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  meta: _propTypes.object,
-  datasets: _propTypes.array
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTGraph);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),d3=_interopRequireWildcard(require("d3")),_propTypes=require("prop-types"),_classesUtils=require("../../utils/classesUtils"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTButtonGroup=_interopRequireDefault(require("../UTButtonGroup")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTTooltip=_interopRequireDefault(require("../UTTooltip")),_Bars=_interopRequireDefault(require("./components/Bars")),_Lines=_interopRequireDefault(require("./components/Lines")),_CartesianPlane=_interopRequireDefault(require("./components/CartesianPlane")),_RadialChart=_interopRequireDefault(require("./components/RadialChart")),_utils=require("./utils"),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_theme=require("./theme"),_Points=_interopRequireDefault(require("./components/Points"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,s,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(i=t?r:a){if(i.has(e))return i.get(e);i.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?i(n,t,s):n[t]=e[t]);return n})(e,t)}const UTGraph=e=>{var t,a;let{meta:r,datasets:i,classNames:s,classes:n}=e;const{margin:o,rangeLeftTickFormat:l,rangeLeftTicks:c,rangeRightTickFormat:u,rangeRightTicks:_,domainTickFormat:d,domainTicks:m}=(null===(t=r.configuration)||void 0===t?void 0:t.cartesianPlane)||{},f=(0,_react.useMemo)(()=>(0,_classesUtils.mergeMultipleClassNames)(_stylesModule.default,n,s),[_stylesModule.default,n,s]),[p,h]=(0,_react.useState)(r.chart_tabs[0]),T=(0,_react.useMemo)(()=>{var e;return r.chart_tabs?null===(e=r.chart_tabs)||void 0===e?void 0:e.map(e=>({Icon:e.icon,id:e.code,onClick:()=>h(e),value:e.code})):[]},[r.chart_tabs]),A=(0,_react.useMemo)(()=>i.find(e=>e.code===p.code),[i,p]),g=(0,_react.useMemo)(()=>{var e;return A?(null===(e=p.domain)||void 0===e?void 0:e.binding)===_constants.DOMAIN_NUMERICAL?(0,_utils.applyHeadroom)((0,_utils.computeMainAxisExtentNumerical)(p,A),{padBottom:.08}):A.domain.map(e=>e.domain_value):[]},[A,p]),E=(0,_react.useMemo)(()=>(0,_utils.applyHeadroom)((0,_utils.computeCrossAxisDomainForSide)(p,A,_constants.LEFT_SIDE)),[p,A]),R=(0,_react.useMemo)(()=>(0,_utils.applyHeadroom)((0,_utils.computeCrossAxisDomainForSide)(p,A,_constants.RIGHT_SIDE)),[p,A]),{hasLeft:b,hasRight:v}=(0,_utils.detectAxisSides)(p),q=(0,_react.useMemo)(()=>{const e=p.subitems.flatMap(e=>e.map(e=>e.bindings.range).filter(Boolean)),t=new Set(p.subitems.flatMap(e=>e.map(e=>{var t;return null===(t=e.bindings)||void 0===t?void 0:t.color}).filter(Boolean))),a=[];if(A&&t.size>0){const e=Array.from(t);A.domain.forEach(t=>{const r=Object.fromEntries(t.concepts.map(e=>[e.code,e.value]));e.forEach(e=>{const t=r[e];null==t||a.includes(t)||a.push(t)})})}return Array.from(new Set([...e,...a]))},[p,A]),x=(0,_react.useMemo)(()=>d3.scaleOrdinal(q,d3.schemeTableau10),[q]),y=(0,_react.useMemo)(()=>{const e=new Set;return p.subitems.flat().filter(t=>{const a=t.bindings.range;return!(!a||e.has(a))&&(e.add(a),!0)}).map(e=>({code:e.bindings.range,name:e.name,type:e.type}))},[p]),D=(0,_react.useRef)(null),M=(0,_react.useRef)(null),[L,U]=(0,_react.useState)({width:0,height:0});return(0,_react.useEffect)(()=>{if(!D.current||!M.current)return;const e=new ResizeObserver(e=>{if(!e[0])return;const{width:t,height:a}=e[0].contentRect;U(e=>{const r={width:t,height:Math.max(a,0)};return Math.abs(e.width-r.width)<1&&Math.abs(e.height-r.height)<1?e:r})});return e.observe(M.current),()=>{e.disconnect()}},[]),_react.default.createElement("div",{className:f.container,ref:D},_react.default.createElement("div",{className:f.header},_react.default.createElement("div",{className:f.title},_react.default.createElement(_UTLabel.default,{variant:"subtitle1",weight:"medium",title:p.name},p.name),(null==p?void 0:p.tooltip)&&_react.default.createElement(_UTTooltip.default,{content:p.tooltip},_react.default.createElement("div",{className:f.tooltipIcon},_react.default.createElement(_UTIcon.default,{name:"IconInfoCircle",size:_constants.TOOLTIP_SIZE})))),T.length>1&&_react.default.createElement(_UTButtonGroup.default,{actions:T,selected:p.code})),_react.default.createElement("div",{className:f.planeWrapper,ref:M},"cartesian"===r.chart_layout?_react.default.createElement(_CartesianPlane.default,{crossAxisLeftDomain:E,crossAxisRightDomain:R,crossAxisLeftTickFormat:l||_constants.DEFAULT_RANGE_TICK_FORMAT,crossAxisLeftTicks:c||_constants.DEFAULT_RANGE_TICKS,crossAxisRightTickFormat:u||_constants.DEFAULT_RANGE_TICK_FORMAT,crossAxisRightTicks:_||_constants.DEFAULT_RANGE_TICKS,height:L.height,mainAxisDomain:g,mainAxisTickFormat:d||_constants.DEFAULT_DOMAIN_TICK_FORMAT,mainAxisTicks:m||_constants.DEFAULT_DOMAIN_TICKS,margin:o||_constants.DEFAULT_CARTESIAN_PLANE_MARGINS,width:L.width,hasLeft:b,hasRight:v,tab:p},e=>{let{mainAxis:t,crossAxisLeft:a,crossAxisRight:r}=e;return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_Bars.default,{crossAxisLeft:a,crossAxisRight:r,dataset:A,mainAxis:t,mainAxisDomain:g,tab:p,color:x}),_react.default.createElement(_Lines.default,{crossAxisLeft:a,crossAxisRight:r,dataset:A,mainAxis:t,mainAxisDomain:g,tab:p,color:x}),_react.default.createElement(_Points.default,{crossAxisLeft:a,crossAxisRight:r,dataset:A,mainAxis:t,mainAxisDomain:g,tab:p,color:x}))}):"radial"===r.chart_layout?_react.default.createElement(_RadialChart.default,{tab:p,width:L.width,height:L.height,dataset:A,color:x,configuration:null==r||null===(a=r.configuration)||void 0===a?void 0:a.radialChart}):null),_react.default.createElement("div",{className:f.legends},y.map(e=>_react.default.createElement("div",{key:e.code,className:f.legendItem,title:e.name},_react.default.createElement("div",{style:{backgroundColor:x(e.code)},className:_constants.LEGEND_TYPE_STYLES[e.type]}),_react.default.createElement(_UTLabel.default,{variant:"xsmall",className:f.legendLabel},e.name)))))};UTGraph.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),meta:_propTypes.object,datasets:_propTypes.array};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTGraph);

package/dist/components/UTGraph/theme.js

@@ -1,24 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _shadowUtils = require("../../utils/shadowUtils");
-var _Palette = require("../../constants/Palette");
-const retrieveStyle = _ref => {
-  var _theme$Palette$shadow;
-  let {
-    theme
-  } = _ref;
-  return {
-    container: {
-      backgroundColor: theme.Palette[_Palette.COLOR_THEMES.light][_Palette.COLOR_SHADES.shade01],
-      boxShadow: (0, _shadowUtils.getShadow)({
-        color: (_theme$Palette$shadow = theme.Palette.shadows) === null || _theme$Palette$shadow === void 0 ? void 0 : _theme$Palette$shadow.grayscale,
-        level: 1
-      })
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _shadowUtils=require("../../utils/shadowUtils"),_Palette=require("../../constants/Palette");const retrieveStyle=e=>{var t;let{theme:r}=e;return{container:{backgroundColor:r.Palette[_Palette.COLOR_THEMES.light][_Palette.COLOR_SHADES.shade01],boxShadow:(0,_shadowUtils.getShadow)({color:null===(t=r.Palette.shadows)||void 0===t?void 0:t.grayscale,level:1})}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTGraph/utils.js

@@ -1,159 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getValuesMapByCategory = exports.getSeriesForSide = exports.getRowList = exports.getClusters = exports.detectAxisSides = exports.computeMainAxisExtentNumerical = exports.computeCrossAxisDomainForSide = exports.computeCrossAxisDomain = exports.applyHeadroom = void 0;
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _constants = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const computeCrossAxisDomain = (tab, dataset) => {
-  if (!dataset) return [0, 1];
-  const {
-    yMin,
-    yMax
-  } = dataset.domain.reduce((acc, record) => {
-    const clusterMaxValues = tab.subitems.map(cluster => {
-      const typeGroups = cluster.reduce((groups, series) => {
-        if (!groups[series.type]) groups[series.type] = [];
-        groups[series.type].push(series);
-        return groups;
-      }, {});
-      const typeSums = Object.entries(typeGroups).map(_ref => {
-        let [type, typeSeries] = _ref;
-        const positiveSum = typeSeries.map(series => {
-          var _record$concepts$find, _record$concepts$find2;
-          return (_record$concepts$find = (_record$concepts$find2 = record.concepts.find(datum => datum.code === series.bindings.range)) === null || _record$concepts$find2 === void 0 ? void 0 : _record$concepts$find2.value) !== null && _record$concepts$find !== void 0 ? _record$concepts$find : 0;
-        }).filter(Number.isFinite).reduce((sum, v) => v >= 0 ? sum + v : sum, 0);
-        const negativeSum = typeSeries.map(series => {
-          var _record$concepts$find3, _record$concepts$find4;
-          return (_record$concepts$find3 = (_record$concepts$find4 = record.concepts.find(datum => datum.code === series.bindings.range)) === null || _record$concepts$find4 === void 0 ? void 0 : _record$concepts$find4.value) !== null && _record$concepts$find3 !== void 0 ? _record$concepts$find3 : 0;
-        }).filter(Number.isFinite).reduce((sum, v) => v < 0 ? sum + v : sum, 0);
-        return {
-          type,
-          positiveSum,
-          negativeSum
-        };
-      });
-      return {
-        positiveSum: Math.max(...typeSums.map(g => g.positiveSum)),
-        negativeSum: Math.min(...typeSums.map(g => g.negativeSum))
-      };
-    });
-    const maxPos = Math.max(...clusterMaxValues.map(g => g.positiveSum), acc.yMax);
-    const minNeg = Math.min(...clusterMaxValues.map(g => g.negativeSum), acc.yMin);
-    return {
-      yMin: minNeg,
-      yMax: maxPos
-    };
-  }, {
-    yMin: 0,
-    yMax: 0
-  });
-  if (yMax === 0 && yMin === 0) return [0, 1];
-  return [Math.min(0, yMin), Math.max(0, yMax)];
-};
-exports.computeCrossAxisDomain = computeCrossAxisDomain;
-const computeCrossAxisDomainForSide = (tab, dataset, side) => {
-  const filteredTab = {
-    ...tab,
-    subitems: tab.subitems.map(cluster => cluster.filter(series => (series.range || _constants.LEFT_SIDE) === side))
-  };
-  filteredTab.subitems = filteredTab.subitems.filter(cluster => cluster.length > 0);
-  return computeCrossAxisDomain(filteredTab, dataset);
-};
-exports.computeCrossAxisDomainForSide = computeCrossAxisDomainForSide;
-const applyHeadroom = function (_ref2) {
-  let [min, max] = _ref2;
-  let {
-    padBottom = 0,
-    padTop = 0.08
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return [min * (1 - padBottom), max * (1 + padTop)];
-};
-exports.applyHeadroom = applyHeadroom;
-const getValuesMapByCategory = dataset => {
-  const map = new Map();
-  if (!dataset) return map;
-  dataset.domain.forEach(record => {
-    map.set(record.domain_value, Object.fromEntries(record.concepts.map(datum => [datum.code, datum.value])));
-  });
-  return map;
-};
-exports.getValuesMapByCategory = getValuesMapByCategory;
-const detectAxisSides = tab => {
-  let hasLeft = false;
-  let hasRight = false;
-  tab.subitems.forEach(cluster => {
-    cluster.forEach(s => {
-      if (s.type === _constants.LINE_TYPE || s.type === _constants.BAR_TYPE || s.type === _constants.POINT_TYPE) {
-        const side = s.range || _constants.LEFT_SIDE;
-        if (side === _constants.LEFT_SIDE) hasLeft = true;
-        if (side === _constants.RIGHT_SIDE) hasRight = true;
-      }
-    });
-  });
-  return {
-    hasLeft,
-    hasRight
-  };
-};
-exports.detectAxisSides = detectAxisSides;
-const computeMainAxisExtentNumerical = (tab, dataset) => {
-  if (!tab || !dataset) return [0, 1];
-  const domainCodes = new Set();
-  tab.subitems.forEach(cluster => cluster.forEach(series => {
-    var _series$bindings;
-    const code = series === null || series === void 0 || (_series$bindings = series.bindings) === null || _series$bindings === void 0 ? void 0 : _series$bindings.domain;
-    if (code) domainCodes.add(code);
-  }));
-  if (domainCodes.size === 0) return [0, 1];
-  let min = Number.POSITIVE_INFINITY;
-  let max = Number.NEGATIVE_INFINITY;
-  dataset.domain.forEach(record => {
-    const dict = Object.fromEntries(record.concepts.map(d => [d.code, d.value]));
-    domainCodes.forEach(code => {
-      const v = dict[code];
-      if (Number.isFinite(v)) {
-        if (v < min) min = v;
-        if (v > max) max = v;
-      }
-    });
-  });
-  if (!Number.isFinite(min) || !Number.isFinite(max) || min === max) {
-    return [0, 1];
-  }
-  return [min, max];
-};
-exports.computeMainAxisExtentNumerical = computeMainAxisExtentNumerical;
-const getRowList = dataset => {
-  if (!dataset || !Array.isArray(dataset.domain)) return [];
-  return dataset.domain.map(record => Object.fromEntries(record.concepts.map(d => [d.code, d.value])));
-};
-exports.getRowList = getRowList;
-const getSeriesForSide = (series, side) => series.filter(s => (s.range || _constants.LEFT_SIDE) === side).map(s => {
-  var _s$bindings, _s$bindings2, _s$bindings3, _s$bindings4;
-  return {
-    rangeCode: (_s$bindings = s.bindings) === null || _s$bindings === void 0 ? void 0 : _s$bindings.range,
-    domainCode: (_s$bindings2 = s.bindings) === null || _s$bindings2 === void 0 ? void 0 : _s$bindings2.domain,
-    sizeCode: (_s$bindings3 = s.bindings) === null || _s$bindings3 === void 0 ? void 0 : _s$bindings3.size,
-    colorCode: (_s$bindings4 = s.bindings) === null || _s$bindings4 === void 0 ? void 0 : _s$bindings4.color
-  };
-});
-exports.getSeriesForSide = getSeriesForSide;
-const getClusters = (tab, type) => tab.subitems.map(cluster => {
-  const series = cluster.filter(s => s.type === type);
-  const leftItems = getSeriesForSide(series, _constants.LEFT_SIDE);
-  const rightItems = getSeriesForSide(series, _constants.RIGHT_SIDE);
-  return {
-    leftItems,
-    rightItems
-  };
-}).filter(_ref3 => {
-  let {
-    leftItems,
-    rightItems
-  } = _ref3;
-  return !(0, _isEmpty.default)(leftItems) || !(0, _isEmpty.default)(rightItems);
-});
-exports.getClusters = getClusters;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getValuesMapByCategory=exports.getSeriesForSide=exports.getRowList=exports.getClusters=exports.detectAxisSides=exports.computeMainAxisExtentNumerical=exports.computeCrossAxisDomainForSide=exports.computeCrossAxisDomain=exports.applyHeadroom=void 0;var _isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const computeCrossAxisDomain=(e,t)=>{if(!t)return[0,1];const{yMin:s,yMax:i}=t.domain.reduce((t,s)=>{const i=e.subitems.map(e=>{const t=e.reduce((e,t)=>(e[t.type]||(e[t.type]=[]),e[t.type].push(t),e),{}),i=Object.entries(t).map(e=>{let[t,i]=e;return{type:t,positiveSum:i.map(e=>{var t,i;return null!==(t=null===(i=s.concepts.find(t=>t.code===e.bindings.range))||void 0===i?void 0:i.value)&&void 0!==t?t:0}).filter(Number.isFinite).reduce((e,t)=>t>=0?e+t:e,0),negativeSum:i.map(e=>{var t,i;return null!==(t=null===(i=s.concepts.find(t=>t.code===e.bindings.range))||void 0===i?void 0:i.value)&&void 0!==t?t:0}).filter(Number.isFinite).reduce((e,t)=>t<0?e+t:e,0)}});return{positiveSum:Math.max(...i.map(e=>e.positiveSum)),negativeSum:Math.min(...i.map(e=>e.negativeSum))}}),o=Math.max(...i.map(e=>e.positiveSum),t.yMax);return{yMin:Math.min(...i.map(e=>e.negativeSum),t.yMin),yMax:o}},{yMin:0,yMax:0});return 0===i&&0===s?[0,1]:[Math.min(0,s),Math.max(0,i)]};exports.computeCrossAxisDomain=computeCrossAxisDomain;const computeCrossAxisDomainForSide=(e,t,s)=>{const i={...e,subitems:e.subitems.map(e=>e.filter(e=>(e.range||_constants.LEFT_SIDE)===s))};return i.subitems=i.subitems.filter(e=>e.length>0),computeCrossAxisDomain(i,t)};exports.computeCrossAxisDomainForSide=computeCrossAxisDomainForSide;const applyHeadroom=function(e){let[t,s]=e,{padBottom:i=0,padTop:o=.08}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return[t*(1-i),s*(1+o)]};exports.applyHeadroom=applyHeadroom;const getValuesMapByCategory=e=>{const t=new Map;return e?(e.domain.forEach(e=>{t.set(e.domain_value,Object.fromEntries(e.concepts.map(e=>[e.code,e.value])))}),t):t};exports.getValuesMapByCategory=getValuesMapByCategory;const detectAxisSides=e=>{let t=!1,s=!1;return e.subitems.forEach(e=>{e.forEach(e=>{if(e.type===_constants.LINE_TYPE||e.type===_constants.BAR_TYPE||e.type===_constants.POINT_TYPE){const i=e.range||_constants.LEFT_SIDE;i===_constants.LEFT_SIDE&&(t=!0),i===_constants.RIGHT_SIDE&&(s=!0)}})}),{hasLeft:t,hasRight:s}};exports.detectAxisSides=detectAxisSides;const computeMainAxisExtentNumerical=(e,t)=>{if(!e||!t)return[0,1];const s=new Set;if(e.subitems.forEach(e=>e.forEach(e=>{var t;const i=null==e||null===(t=e.bindings)||void 0===t?void 0:t.domain;i&&s.add(i)})),0===s.size)return[0,1];let i=Number.POSITIVE_INFINITY,o=Number.NEGATIVE_INFINITY;return t.domain.forEach(e=>{const t=Object.fromEntries(e.concepts.map(e=>[e.code,e.value]));s.forEach(e=>{const s=t[e];Number.isFinite(s)&&(s<i&&(i=s),s>o&&(o=s))})}),Number.isFinite(i)&&Number.isFinite(o)&&i!==o?[i,o]:[0,1]};exports.computeMainAxisExtentNumerical=computeMainAxisExtentNumerical;const getRowList=e=>e&&Array.isArray(e.domain)?e.domain.map(e=>Object.fromEntries(e.concepts.map(e=>[e.code,e.value]))):[];exports.getRowList=getRowList;const getSeriesForSide=(e,t)=>e.filter(e=>(e.range||_constants.LEFT_SIDE)===t).map(e=>{var t,s,i,o;return{rangeCode:null===(t=e.bindings)||void 0===t?void 0:t.range,domainCode:null===(s=e.bindings)||void 0===s?void 0:s.domain,sizeCode:null===(i=e.bindings)||void 0===i?void 0:i.size,colorCode:null===(o=e.bindings)||void 0===o?void 0:o.color}});exports.getSeriesForSide=getSeriesForSide;const getClusters=(e,t)=>e.subitems.map(e=>{const s=e.filter(e=>e.type===t);return{leftItems:getSeriesForSide(s,_constants.LEFT_SIDE),rightItems:getSeriesForSide(s,_constants.RIGHT_SIDE)}}).filter(e=>{let{leftItems:t,rightItems:s}=e;return!(0,_isEmpty.default)(t)||!(0,_isEmpty.default)(s)});exports.getClusters=getClusters;

package/dist/components/UTHeader/index.js

@@ -1,192 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _UTBanner = _interopRequireDefault(require("../UTBanner"));
-var _classesUtils = require("../../utils/classesUtils");
-var _UTMenu = _interopRequireDefault(require("../UTMenu"));
-var _UTButton = _interopRequireDefault(require("../UTButton"));
-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); }
-var Ellipsis = function Ellipsis(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Z"
-  }));
-};
-Ellipsis.defaultProps = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var Edit = function Edit(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "m16.019 10.678-2.695-2.695 1.948-1.949 2.694 2.694-1.947 1.95Zm-6.94 6.946-2.976.271.264-2.956 5.617-5.617 2.696 2.696-5.6 5.606ZM19.405 7.337h-.001l-2.738-2.739c-.741-.739-2.014-.774-2.716-.069l-8.996 8.996a1.973 1.973 0 0 0-.57 1.214l-.38 4.17a1.002 1.002 0 0 0 1.088 1.086l4.17-.379a1.974 1.974 0 0 0 1.214-.568l8.997-8.997c.728-.73.697-1.948-.068-2.714Z"
-  }));
-};
-Edit.defaultProps = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const UTHeader = _ref => {
-  var _titleProps$variant, _titleProps$weight;
-  let {
-    actions,
-    banner,
-    classNames,
-    classes: themeClasses = {},
-    helpText,
-    helpTextDataTestId,
-    isLastStep,
-    requiredFieldInfo,
-    requiredFieldInfoDataTestId,
-    subtitle,
-    subtitleDataTestId,
-    tagline,
-    taglineDataTestId,
-    title,
-    titleDataTestId,
-    TitleIcon,
-    titleProps
-  } = _ref;
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  const mainAction = actions.find(action => action.main);
-  const moreActions = actions.filter((_action, index) => index !== actions.indexOf(mainAction));
-  const MainIcon = (mainAction === null || mainAction === void 0 ? void 0 : mainAction.Icon) || Edit;
-  const hasHeader = tagline || title || subtitle || requiredFieldInfo || helpText || banner;
-  const [menuAnchor, setMenuAnchor] = (0, _react.useState)();
-  const openMenu = event => setMenuAnchor(event.target);
-  const closeMenu = () => setMenuAnchor();
-  const BANNER_ICON_SIZE = '20px';
-  const renderComponent = (prop, standardComponent) => /*#__PURE__*/_react.default.isValidElement(prop) ? prop : standardComponent;
-  const Tagline = renderComponent(tagline, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: _stylesModule.default.stepTitle,
-    colorTheme: "gray",
-    dataTestId: taglineDataTestId,
-    variant: "small",
-    weight: "medium"
-  }, tagline));
-  const Title = renderComponent(title, /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-    className: "".concat(_stylesModule.default.title, " ").concat(titleProps.className),
-    dataTestId: titleDataTestId,
-    variant: (_titleProps$variant = titleProps.variant) !== null && _titleProps$variant !== void 0 ? _titleProps$variant : 'title2',
-    weight: (_titleProps$weight = titleProps.weight) !== null && _titleProps$weight !== void 0 ? _titleProps$weight : 'medium'
-  }, titleProps, {
-    withMarkdown: true
-  }), title));
-  const Subtitle = renderComponent(subtitle, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: _stylesModule.default.subtitle,
-    colorTheme: "gray",
-    dataTestId: subtitleDataTestId,
-    variant: "body",
-    withMarkdown: true
-  }, subtitle));
-  const RequiredFieldInfo = renderComponent(requiredFieldInfo, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray",
-    dataTestId: requiredFieldInfoDataTestId,
-    variant: "small",
-    withMarkdown: true
-  }, requiredFieldInfo));
-  const HelpText = renderComponent(helpText, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray",
-    dataTestId: helpTextDataTestId,
-    variant: "small"
-  }, helpText));
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.outerContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(!hasHeader && _stylesModule.default.containerMargin, " ")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.header, " ").concat((banner === null || banner === void 0 ? void 0 : banner.text) && _stylesModule.default.bottomPadding)
-  }, tagline && !isLastStep && Tagline, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.titles, " ").concat(classes.titles)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.titleAndActionsContainer
-  }, TitleIcon && /*#__PURE__*/_react.default.createElement(TitleIcon, {
-    className: classes.titleIcon
-  }), Title, !(0, _isEmpty.default)(actions) && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.actionsContainer
-  }, mainAction && (mainAction.Component ? /*#__PURE__*/_react.default.createElement(mainAction.Component, null) : /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    colorTheme: "primary",
-    Icon: MainIcon,
-    onClick: mainAction.onClick,
-    variant: "text"
-  })), !(0, _isEmpty.default)(moreActions) && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    onClick: openMenu,
-    variant: "text",
-    Icon: Ellipsis
-  }), /*#__PURE__*/_react.default.createElement(_UTMenu.default, {
-    anchor: menuAnchor,
-    items: moreActions.map(_ref2 => {
-      let {
-        label,
-        onClick
-      } = _ref2;
-      return {
-        key: label,
-        label,
-        onClick
-      };
-    }),
-    menuPlacement: "bottom-end",
-    onClose: closeMenu
-  })))), subtitle && Subtitle), requiredFieldInfo && RequiredFieldInfo, helpText && HelpText), (banner === null || banner === void 0 ? void 0 : banner.text) && /*#__PURE__*/_react.default.createElement(_UTBanner.default, {
-    classNames: {
-      infoContainer: _stylesModule.default.bannerContainer
-    },
-    iconProps: {
-      height: BANNER_ICON_SIZE,
-      width: BANNER_ICON_SIZE
-    },
-    Icon: banner.Icon,
-    title: banner.text
-  })));
-};
-UTHeader.propTypes = {
-  actions: (0, _propTypes.arrayOf)(_propTypes.object),
-  banner: (0, _propTypes.shape)({
-    Icon: _propTypes.object,
-    text: _propTypes.string
-  }),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  helpText: _propTypes.string,
-  helpTextDataTestId: _propTypes.string,
-  isLastStep: _propTypes.bool,
-  requiredFieldInfo: _propTypes.string,
-  requiredFieldInfoDataTestId: _propTypes.string,
-  subtitle: _propTypes.string,
-  subtitleDataTestId: _propTypes.string,
-  tagline: _propTypes.string,
-  taglineDataTestId: _propTypes.string,
-  title: _propTypes.string,
-  titleDataTestId: _propTypes.string,
-  TitleIcon: _propTypes.element,
-  titleProps: (0, _propTypes.shape)({
-    align: _propTypes.string,
-    classes: (0, _propTypes.objectOf)(_propTypes.string),
-    className: _propTypes.string,
-    dataTestId: _propTypes.string,
-    markdownRenderers: (0, _propTypes.objectOf)(_propTypes.func),
-    title: _propTypes.string,
-    variant: _propTypes.string,
-    withMarkdown: _propTypes.bool
-  })
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTHeader);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTBanner=_interopRequireDefault(require("../UTBanner")),_classesUtils=require("../../utils/classesUtils"),_UTMenu=_interopRequireDefault(require("../UTMenu")),_UTButton=_interopRequireDefault(require("../UTButton")),_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 a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,s,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(l=t?r:a){if(l.has(e))return l.get(e);l.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?l(n,t,s):n[t]=e[t]);return n})(e,t)}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)}var Ellipsis=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Z"}))};Ellipsis.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"};var Edit=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m16.019 10.678-2.695-2.695 1.948-1.949 2.694 2.694-1.947 1.95Zm-6.94 6.946-2.976.271.264-2.956 5.617-5.617 2.696 2.696-5.6 5.606ZM19.405 7.337h-.001l-2.738-2.739c-.741-.739-2.014-.774-2.716-.069l-8.996 8.996a1.973 1.973 0 0 0-.57 1.214l-.38 4.17a1.002 1.002 0 0 0 1.088 1.086l4.17-.379a1.974 1.974 0 0 0 1.214-.568l8.997-8.997c.728-.73.697-1.948-.068-2.714Z"}))};Edit.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"};const UTHeader=e=>{var t,a;let{actions:r,banner:l,classNames:s,classes:n={},helpText:i,helpTextDataTestId:o,isLastStep:p,requiredFieldInfo:d,requiredFieldInfoDataTestId:u,subtitle:c,subtitleDataTestId:_,tagline:f,taglineDataTestId:T,title:m,titleDataTestId:y,TitleIcon:g,titleProps:h}=e;const v=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(n,s),[s]),b=r.find(e=>e.main),E=r.filter((e,t)=>t!==r.indexOf(b)),w=(null==b?void 0:b.Icon)||Edit,I=f||m||c||d||i||l,[M,q]=(0,_react.useState)(),x="20px",U=(e,t)=>_react.default.isValidElement(e)?e:t,D=U(f,_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.stepTitle,colorTheme:"gray",dataTestId:T,variant:"small",weight:"medium"},f)),R=U(m,_react.default.createElement(_UTLabel.default,_extends({className:"".concat(_stylesModule.default.title," ").concat(h.className),dataTestId:y,variant:null!==(t=h.variant)&&void 0!==t?t:"title2",weight:null!==(a=h.weight)&&void 0!==a?a:"medium"},h,{withMarkdown:!0}),m)),N=U(c,_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.subtitle,colorTheme:"gray",dataTestId:_,variant:"body",withMarkdown:!0},c)),k=U(d,_react.default.createElement(_UTLabel.default,{colorTheme:"gray",dataTestId:u,variant:"small",withMarkdown:!0},d)),C=U(i,_react.default.createElement(_UTLabel.default,{colorTheme:"gray",dataTestId:o,variant:"small"},i));return _react.default.createElement("div",{className:v.outerContainer},_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(!I&&_stylesModule.default.containerMargin," ")},_react.default.createElement("div",{className:"".concat(_stylesModule.default.header," ").concat((null==l?void 0:l.text)&&_stylesModule.default.bottomPadding)},f&&!p&&D,_react.default.createElement("div",{className:"".concat(_stylesModule.default.titles," ").concat(v.titles)},_react.default.createElement("div",{className:_stylesModule.default.titleAndActionsContainer},g&&_react.default.createElement(g,{className:v.titleIcon}),R,!(0,_isEmpty.default)(r)&&_react.default.createElement("div",{className:_stylesModule.default.actionsContainer},b&&(b.Component?_react.default.createElement(b.Component,null):_react.default.createElement(_UTButton.default,{colorTheme:"primary",Icon:w,onClick:b.onClick,variant:"text"})),!(0,_isEmpty.default)(E)&&_react.default.createElement("div",null,_react.default.createElement(_UTButton.default,{onClick:e=>q(e.target),variant:"text",Icon:Ellipsis}),_react.default.createElement(_UTMenu.default,{anchor:M,items:E.map(e=>{let{label:t,onClick:a}=e;return{key:t,label:t,onClick:a}}),menuPlacement:"bottom-end",onClose:()=>q()})))),c&&N),d&&k,i&&C),(null==l?void 0:l.text)&&_react.default.createElement(_UTBanner.default,{classNames:{infoContainer:_stylesModule.default.bannerContainer},iconProps:{height:x,width:x},Icon:l.Icon,title:l.text})))};UTHeader.propTypes={actions:(0,_propTypes.arrayOf)(_propTypes.object),banner:(0,_propTypes.shape)({Icon:_propTypes.object,text:_propTypes.string}),classNames:(0,_propTypes.objectOf)(_propTypes.string),classes:(0,_propTypes.objectOf)(_propTypes.string),helpText:_propTypes.string,helpTextDataTestId:_propTypes.string,isLastStep:_propTypes.bool,requiredFieldInfo:_propTypes.string,requiredFieldInfoDataTestId:_propTypes.string,subtitle:_propTypes.string,subtitleDataTestId:_propTypes.string,tagline:_propTypes.string,taglineDataTestId:_propTypes.string,title:_propTypes.string,titleDataTestId:_propTypes.string,TitleIcon:_propTypes.element,titleProps:(0,_propTypes.shape)({align:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),className:_propTypes.string,dataTestId:_propTypes.string,markdownRenderers:(0,_propTypes.objectOf)(_propTypes.func),title:_propTypes.string,variant:_propTypes.string,withMarkdown:_propTypes.bool})};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTHeader);