@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/es/PeriodPicker/constants.js

@@ -1,39 +0,0 @@
-var _defaultOutputValues;
-
-export var YEARS = 'years';
-export var SEMESTERS = 'semesters';
-export var QUARTERS = 'quarters';
-export var MONTHS = 'months';
-export var WEEKS = 'weeks';
-export var DAYS = 'days';
-export var FULL_HOURS = 'full_hours';
-export var HOURS = 'hours';
-export var MINUTES = 'minutes';
-export var frequencies = [YEARS, MONTHS, DAYS, HOURS, MINUTES, FULL_HOURS, QUARTERS, WEEKS, SEMESTERS];
-
-export var YEAR = 'year';
-export var SEMESTER = 'semester';
-export var QUARTER = 'quarter';
-export var MONTH = 'month';
-export var WEEK = 'week';
-export var DAY = 'day';
-export var FULL_HOUR = 'full_hour';
-export var HOUR = 'hour';
-export var MINUTE = 'minute';
-
-export var layoutFrequencies = {
-  S: [[{ values: YEARS, id: YEAR }, { values: SEMESTERS, id: SEMESTER }]],
-  A: [[{ values: YEARS, id: YEAR }]],
-  Q: [[{ values: YEARS, id: YEAR }, { values: QUARTERS, id: QUARTER }]],
-  M: [[{ values: YEARS, id: YEAR }, { values: MONTHS, id: MONTH }]],
-  W: [[{ values: YEARS, id: YEAR }, { values: WEEKS, id: WEEK }]],
-  B: [[{ values: YEARS, id: YEAR }, { values: WEEKS, id: WEEK }]],
-  D: [[{ values: YEARS, id: YEAR }, { values: MONTHS, id: MONTH }, { values: DAYS, id: DAY }]],
-  H: [[{ values: YEARS, id: YEAR }, { values: MONTHS, id: MONTH }, { values: DAYS, id: DAY }], [{ values: FULL_HOURS, id: FULL_HOUR }]],
-  N: [[{ values: YEARS, id: YEAR }, { values: MONTHS, id: MONTH }, { values: DAYS, id: DAY }], [{ values: HOURS, id: HOUR }, { values: MINUTES, id: MINUTE }]]
-};
-
-export var defaultOutputValues = (_defaultOutputValues = {}, _defaultOutputValues[YEARS] = '----', _defaultOutputValues[SEMESTERS] = '-', _defaultOutputValues[QUARTERS] = '-', _defaultOutputValues[MONTHS] = '--', _defaultOutputValues[WEEKS] = '--', _defaultOutputValues[DAYS] = '--', _defaultOutputValues[FULL_HOURS] = '--:00', _defaultOutputValues[HOURS] = '--', _defaultOutputValues[MINUTES] = '--', _defaultOutputValues);
-
-export var formatOrder = [YEAR, MONTH, DAY, HOUR, MINUTE, FULL_HOUR, QUARTER, WEEK, SEMESTER];
-export var defaultfreq = 'A';

package/es/PeriodPicker/index.js

@@ -1,26 +0,0 @@
-/**
- * PeriodPicker allow to choice a period regarding a frequency
- *
- * @memberOf VISIONS
- * @name PeriodPicker
- * @tag component
- * @api public
- * @props
- * Period.propTypes = {
- *   defaultFrequency: PropTypes.string,
- *   availableFrequencies: PropTypes.array,
- *   boundaries: PropTypes.array,
- *   changePeriod: PropTypes.func,
- *   changeFrequency: PropTypes.func,
- *   period: PropTypes.array,
- *   labels: PropTypes.object,
- *   periodDisabled: PropTypes.bool,
- *   frequencyDisabled: PropTypes.bool,
- * };
- * @theme
- * // Select (drop down list, See Select Component)
- * // no custom theme there
- * @demoReady
- */
-
-export { default } from './PeriodPicker';

package/es/PeriodPicker/lib.js

@@ -1,206 +0,0 @@
-var _numeralFormat;
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-import * as R from 'ramda';
-import { addDays, addMonths, addQuarters, addWeeks, closestTo, endOfISOWeek, endOfISOWeekYear, format, getDaysInMonth, getISOWeeksInYear, getMonth, getYear, isWithinInterval, parseISO, startOfISOWeek, startOfISOWeekYear, startOfYear } from 'date-fns';
-import numeral from 'numeral';
-import { YEAR, SEMESTER, QUARTER, MONTH, WEEK, DAY, HOUR, FULL_HOUR, MINUTE, YEARS, SEMESTERS, QUARTERS, MONTHS, WEEKS, DAYS, FULL_HOURS, HOURS, MINUTES, layoutFrequencies, frequencies, defaultOutputValues, formatOrder, defaultfreq } from './constants';
-
-var isWeekInPreviousYear = function isWeekInPreviousYear(date) {
-  var startIsoWeek = startOfISOWeek(date);
-  return R.pipe(R.times(function (n) {
-    return getYear(addDays(startIsoWeek, n));
-  }), R.uniq, R.length, R.equals(1))(4);
-};
-var supportedFrequenciesKey = R.keys(layoutFrequencies);
-var dec = R.ifElse(R.gte(0), R.identity, R.dec);
-var addSemesters = function addSemesters() {
-  var semester = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  return function (date) {
-    return addMonths(date, R.multiply(6)(dec(Number(semester))));
-  };
-};
-var getSemesterValue = R.ifElse(R.pipe(Number, R.inc, R.gte(6)), R.always(1), R.always(2));
-var getFormat = function getFormat(value) {
-  return numeral(value).format('[0]0');
-};
-var getHour = R.pipe(R.pick([HOUR, FULL_HOUR]), R.values, R.head);
-var getRanges = function getRanges() {
-  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [0];
-  return R.range(R.head(value), R.inc(R.last(value)));
-};
-var setRange = function setRange(range) {
-  return function (prop) {
-    return R.pipe(getRanges, R.prepend(R.prop(prop)(defaultOutputValues)))(R.prop(prop)(range));
-  };
-};
-// export const getDestructuringDate = date =>
-//   R.pipe(
-//     date => format(date, 'yyyy M d H m HH Q I [S]'),
-//     R.replace(/S/, R.pipe(date => getMonth(date), getSemesterValue)(date)),
-//     R.split(' '),
-//     R.ifElse(v => R.equals(R.length(formatOrder), R.length(v)), R.map(Number), R.empty),
-//   )(date);
-export var getDestructuringDate = function getDestructuringDate(date) {
-  if (!date || isNaN(new Date(date))) return [];
-  var validDate = typeof date === 'string' ? parseISO(date) : date;
-  return R.pipe(function (d) {
-    var semester = getSemesterValue(getMonth(d));
-    var formatted = format(d, 'yyyy M d H m HH Q I');
-    return formatted + ' ' + semester;
-  }, R.split(' '), R.ifElse(function (v) {
-    return R.equals(R.length(formatOrder), R.length(v));
-  }, R.map(Number), R.empty))(validDate);
-};
-
-var updateLimit = function updateLimit(value, isSamePeriod, defaultValue) {
-  if (isSamePeriod) return value;
-  return defaultValue;
-};
-
-export var getRange = R.curry(function (boundaries, date) {
-  var _ref4;
-
-  if (R.isNil(R.head(boundaries)) || R.isNil(R.last(boundaries))) {
-    var _ref;
-
-    return _ref = {}, _ref[YEARS] = [NaN], _ref[HOURS] = [NaN], _ref[FULL_HOURS] = [NaN], _ref[MONTHS] = [NaN], _ref[WEEKS] = [NaN], _ref[SEMESTERS] = [NaN], _ref[QUARTERS] = [NaN], _ref[DAYS] = [NaN], _ref[MINUTES] = [NaN], _ref;
-  }
-  var destructuredDate = getDestructuringDate(date);
-  var destructuredBoundaries = R.map(getDestructuringDate, boundaries);
-
-  var _R$transpose = R.transpose(destructuredBoundaries),
-      years = _R$transpose[0],
-      months = _R$transpose[1],
-      days = _R$transpose[2],
-      hours = _R$transpose[3],
-      minutes = _R$transpose[4],
-      quarters = _R$transpose[6],
-      weeks = _R$transpose[7],
-      semesters = _R$transpose[8];
-
-  if (R.isNil(date)) {
-    var _ref2;
-
-    return _ref2 = {}, _ref2[YEARS] = years, _ref2[HOURS] = [NaN], _ref2[FULL_HOURS] = [NaN], _ref2[MONTHS] = [NaN], _ref2[WEEKS] = [NaN], _ref2[SEMESTERS] = [NaN], _ref2[QUARTERS] = [NaN], _ref2[DAYS] = [NaN], _ref2[MINUTES] = [NaN], _ref2;
-  }
-  var listEqualsValueFromDate = R.pipe(R.transpose, R.reduce(function (acc, _ref3) {
-    var _extends2;
-
-    var type = _ref3[0],
-        date = _ref3[1],
-        start = _ref3[2],
-        end = _ref3[3];
-
-    return _extends({}, acc, (_extends2 = {}, _extends2[type] = [R.equals(date, start), R.equals(date, end)], _extends2));
-  }, {}))([frequencies, destructuredDate].concat(destructuredBoundaries));
-
-  var equalsYears = R.prop('years')(listEqualsValueFromDate);
-  var equalsMonths = R.prop('months')(listEqualsValueFromDate);
-  var equalsDays = R.prop('days')(listEqualsValueFromDate);
-
-  var hoursRange = R.addIndex(R.map)(function (value, index) {
-    var isSamePeriod = R.all(R.identity)([R.nth(index, equalsDays), R.nth(index, equalsMonths), R.nth(index, equalsYears)]);
-    return updateLimit(R.nth(index, hours), isSamePeriod, value);
-  })([0, 23]);
-
-  return _ref4 = {}, _ref4[YEARS] = years, _ref4[HOURS] = hoursRange, _ref4[FULL_HOURS] = hoursRange, _ref4[MONTHS] = R.addIndex(R.map)(function (value, index) {
-    return updateLimit(R.nth(index)(months), R.nth(index, equalsYears), value);
-  })([1, 12]), _ref4[WEEKS] = R.addIndex(R.map)(function (value, index) {
-    return updateLimit(R.nth(index)(weeks), R.nth(index, equalsYears), value);
-  })([1, getISOWeeksInYear(date)]), _ref4[SEMESTERS] = R.addIndex(R.map)(function (value, index) {
-    return updateLimit(R.nth(index)(semesters), R.nth(index, equalsYears), value);
-  })([1, 2]), _ref4[QUARTERS] = R.addIndex(R.map)(function (value, index) {
-    return updateLimit(R.nth(index)(quarters), R.nth(index, equalsYears), value);
-  })([1, 4]), _ref4[DAYS] = R.addIndex(R.map)(function (value, index) {
-    var isSamePeriod = R.and(R.nth(index, equalsMonths), R.nth(index, equalsYears));
-    return updateLimit(R.nth(index)(days), isSamePeriod, value);
-  })([1, getDaysInMonth(date)]), _ref4[MINUTES] = R.addIndex(R.map)(function (value, index) {
-    var isSamePeriod = R.all(R.identity)([R.nth(index, R.prop('hours')(listEqualsValueFromDate)), R.nth(index, equalsDays), R.nth(index, equalsMonths), R.nth(index, equalsYears)]);
-    return updateLimit(R.nth(index)(minutes), isSamePeriod, value);
-  })([0, 59]), _ref4;
-});
-
-export var getAjustedDate = function getAjustedDate(frequency) {
-  return R.when(R.always(R.or(R.equals('W', frequency), R.equals('B', frequency))), R.ifElse(isWeekInPreviousYear, startOfISOWeek, endOfISOWeek));
-};
-
-export var isValidNumber = R.both(R.is(Number), R.complement(R.equals(NaN)));
-export var getDefaultFrequency = function getDefaultFrequency(_ref5) {
-  var defaultFrequency = _ref5.defaultFrequency,
-      frequencies = _ref5.frequencies;
-
-  var isNotIncludes = R.complement(R.and)(R.includes(defaultFrequency)(frequencies), R.includes(defaultFrequency)(supportedFrequenciesKey));
-  return R.or(R.either(R.isEmpty, R.isNil)(defaultFrequency), isNotIncludes) ? R.head(frequencies) : defaultFrequency;
-};
-
-export var getFrequencyOptions = function getFrequencyOptions(frequencyoptions, frequencyLabels) {
-  var availableFrequencies = R.or(R.isEmpty(frequencyoptions), R.isNil(frequencyoptions)) ? [defaultfreq] : R.filter(function (freq) {
-    return R.includes(freq, supportedFrequenciesKey);
-  })(frequencyoptions);
-  var options = R.map(function (option) {
-    return { value: option, label: R.prop(option, frequencyLabels) };
-  })(availableFrequencies);
-  if (R.isEmpty(options)) return [{ value: 'A', label: R.propOr('Annual', 'A', frequencyLabels) }];
-  return options;
-};
-
-export var getLayout = function getLayout(type, range) {
-  var layoutPeriods = R.propOr([], type)(layoutFrequencies);
-  var hasYear = R.complement(R.isEmpty)(getRanges(range.years));
-  return R.map(R.reduce(function (acc, period) {
-    if (hasYear) return R.append(R.evolve({ values: setRange(range) }, period), acc);
-    return R.append(R.evolve({ values: R.pipe(R.flip(R.prop)(defaultOutputValues), R.flip(R.append)([])) }, period), acc);
-  }, []))(layoutPeriods);
-};
-
-export var getPeriodValue = R.pipe(R.zip(formatOrder), R.fromPairs);
-
-export var getDate = function getDate(type, dateValue, value, isEnd) {
-  if (R.isNil(value)) return undefined;
-  var dateValueUpdated = R.pipe(R.ifElse(R.pipe(getHour, R.isNil), R.identity, R.set(R.lensProp('hour'), getHour(value))), R.mergeRight(dateValue), R.over(R.lensProp('month'), R.defaultTo(isEnd ? 12 : 1)), R.over(R.lensProp('day'), R.defaultTo(isEnd ? 31 : 1)), R.over(R.lensProp('hour'), R.defaultTo(isEnd ? 23 : 0)), R.over(R.lensProp('minute'), R.defaultTo(isEnd ? 59 : 0)))(value);
-  var year = dateValueUpdated.year,
-      month = dateValueUpdated.month,
-      day = dateValueUpdated.day,
-      hour = dateValueUpdated.hour,
-      minute = dateValueUpdated.minute;
-
-  var date = new Date(year, R.dec(month), day, hour, minute);
-  if (R.equals(type, 'Q')) {
-    if (R.isEmpty(dateValue) && isEnd) {
-      return R.pipe(startOfYear, R.flip(addQuarters)(3))(date);
-    }
-    return R.pipe(startOfYear, function (date) {
-      return addQuarters(date, dec(R.propOr(0, QUARTER)(dateValueUpdated)));
-    })(date);
-  }
-  if (R.equals(type, 'S')) {
-    if (R.isEmpty(dateValue) && isEnd) return R.pipe(startOfYear, addSemesters(2))(date);
-    return R.pipe(startOfYear, addSemesters(R.prop(SEMESTER)(dateValueUpdated)))(date);
-  }
-  if (R.or(R.equals(type, 'W'), R.equals(type, 'B'))) {
-    var weekDate = new Date(year, 6, 1, 0, 0, 0, 0);
-    if (R.isEmpty(dateValue)) {
-      return R.pipe(R.ifElse(R.always(isEnd), endOfISOWeekYear, startOfISOWeekYear), getAjustedDate(type))(weekDate);
-    }
-    var weeksInYear = R.dec(getISOWeeksInYear(weekDate));
-    var nbWeeks = R.pipe(R.propOr(0, WEEK), R.dec, R.ifElse(R.lt(weeksInYear), R.always(weeksInYear), R.identity))(dateValueUpdated);
-    return R.pipe(startOfISOWeekYear, function (date) {
-      return addWeeks(date, nbWeeks);
-    }, R.of, R.map(getAjustedDate(type)), R.head)(weekDate);
-  }
-  return date;
-};
-
-export var getDateInTheRange = function getDateInTheRange(boundaries) {
-  return function (date) {
-    if (R.isNil(date)) return date;
-    var start = boundaries[0],
-        end = boundaries[1];
-
-    return isWithinInterval(date, { start: start, end: end }) ? date : closestTo(date, boundaries);
-  };
-};
-
-export var numeralFormat = (_numeralFormat = {}, _numeralFormat[YEAR] = R.identity, _numeralFormat[SEMESTER] = R.identity, _numeralFormat[QUARTER] = R.identity, _numeralFormat[MONTH] = getFormat, _numeralFormat[WEEK] = getFormat, _numeralFormat[DAY] = getFormat, _numeralFormat[FULL_HOUR] = R.converge(R.concat, [getFormat, R.always(':00')]), _numeralFormat[HOUR] = getFormat, _numeralFormat[MINUTE] = getFormat, _numeralFormat);

package/es/PeriodPicker/styles.js

@@ -1,23 +0,0 @@
-import makeStyles from '@mui/styles/makeStyles';
-
-export default makeStyles(function (theme) {
-  return {
-    headerContainer: {
-      marginBottom: theme.spacing(0.5)
-    },
-    sideLabel: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'flex-start',
-      paddingRight: theme.spacing(0.5),
-      paddingBottom: theme.spacing(0.5)
-    },
-    headerLabel: {
-      display: 'flex',
-      justifyContent: 'center'
-    },
-    selectContainer: {
-      marginTop: theme.spacing(1)
-    }
-  };
-});

package/es/ScopeList/Header.js

@@ -1,80 +0,0 @@
-import React, { Fragment } from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import Typography from '@mui/material/Typography';
-import NavigateBefore from '@mui/icons-material/NavigateBefore';
-import NavigateNext from '@mui/icons-material/NavigateNext';
-import cx from 'classnames';
-import { Tooltip } from '../';
-
-var Header = function Header(_ref) {
-  var classes = _ref.classes,
-      changeList = _ref.changeList,
-      testId = _ref.testId,
-      isRtl = _ref.isRtl,
-      items = _ref.items,
-      labels = _ref.labels,
-      labelRenderer = _ref.labelRenderer;
-  return React.createElement(
-    Typography,
-    { className: classes.spaceHeader },
-    R.addIndex(R.map)(function (headerProps, index) {
-      var _cx;
-
-      var id = headerProps.id,
-          parentId = headerProps.parentId,
-          isSelected = headerProps.isSelected,
-          _isIcon = headerProps._isIcon;
-
-      if (_isIcon)
-        // icon between labels
-        return React.createElement(
-          Fragment,
-          { key: 'scopeList-' + index },
-          isRtl ? React.createElement(NavigateBefore, { className: cx(classes.svg, classes.arrowHeader) }) : React.createElement(NavigateNext, { className: cx(classes.svg, classes.arrowHeader) })
-        );
-      return React.createElement(
-        Tooltip,
-        {
-          key: id,
-          placement: 'top',
-          variant: 'light',
-          title: R.propOr('', 'backHelper')(labels)
-        },
-        React.createElement(
-          Typography,
-          {
-            'aria-label': R.propOr('', 'backHelper')(labels) + ': ' + labelRenderer(headerProps),
-            tabIndex: 0,
-            component: 'span',
-            'data-testid': testId + '_nav_' + id,
-            color: 'primary',
-            variant: 'body2',
-            className: cx(classes.headerItem, classes.containerItem, (_cx = {}, _cx[classes.listItemSelected] = isSelected, _cx)),
-            onClick: function onClick() {
-              return changeList(parentId);
-            },
-            onKeyPress: function onKeyPress(e) {
-              if (e.key === 'Enter') {
-                changeList(parentId);
-              }
-            }
-          },
-          labelRenderer(headerProps)
-        )
-      );
-    })(R.pipe(R.intersperse({ _isIcon: true }), R.when(R.always(isRtl), R.reverse))(items))
-  );
-};
-
-Header.propTypes = process.env.NODE_ENV !== "production" ? {
-  classes: PropTypes.object,
-  changeList: PropTypes.func,
-  isRtl: PropTypes.bool,
-  testId: PropTypes.string,
-  items: PropTypes.array,
-  labels: PropTypes.object,
-  labelRenderer: PropTypes.func
-} : {};
-
-export default Header;

package/es/ScopeList/Item.js

@@ -1,245 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-import React from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import ListItem from '@mui/material/ListItem';
-import Typography from '@mui/material/Typography';
-import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
-import ListItemText from '@mui/material/ListItemText';
-import IconButton from '@mui/material/IconButton';
-import SvgIcon from '@mui/material/SvgIcon';
-import cx from 'classnames';
-import { Tooltip } from '../';
-
-var checkBoxPath = 'M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z';
-var checkPath = 'M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z';
-
-// ugly hack virtualize requires
-var containerStyles = {
-  top: R.add(16),
-  left: R.dissoc('left'),
-  width: R.always(36)
-  // height: R.always(height), manage the size of the arrow box
-};
-
-var getPathLabel = function getPathLabel(labelRenderer) {
-  return R.pipe(R.map(labelRenderer), R.ifElse(R.pipe(R.length, R.flip(R.gte)(2)), R.pipe(R.last, R.concat('... > ')), R.last));
-};
-
-var Item = function Item(_ref) {
-  var _cx, _cx2, _cx3, _cx4, _cx5, _cx6;
-
-  var classes = _ref.classes,
-      id = _ref.id,
-      label = _ref.label,
-      _ref$description = _ref.description,
-      description = _ref$description === undefined ? '' : _ref$description,
-      _ref$nodePath = _ref.nodePath,
-      nodePath = _ref$nodePath === undefined ? [] : _ref$nodePath,
-      isSelected = _ref.isSelected,
-      isDisabled = _ref.isDisabled,
-      changeList = _ref.changeList,
-      changeListDescription = _ref.changeListDescription,
-      ariaLabel = _ref.ariaLabel,
-      NavigateIcon = _ref.NavigateIcon,
-      changeSelection = _ref.changeSelection,
-      changeMouseSelection = _ref.changeMouseSelection,
-      hasChild = _ref.hasChild,
-      count = _ref.count,
-      svgPath = _ref.svgPath,
-      testId = _ref.testId,
-      style = _ref.style,
-      isRtl = _ref.isRtl,
-      accessibility = _ref.accessibility,
-      index = _ref.index,
-      labelRenderer = _ref.labelRenderer,
-      HTMLRenderer = _ref.HTMLRenderer,
-      hierarchicalId = _ref.hierarchicalId,
-      labels = _ref.labels,
-      _ref$depth = _ref.depth,
-      depth = _ref$depth === undefined ? 0 : _ref$depth;
-
-  var _React$useState = React.useState(false),
-      isTooltipShown = _React$useState[0],
-      setIsTooltipShown = _React$useState[1];
-
-  return React.createElement(
-    ListItem,
-    {
-      disableGutters: true,
-      classes: { disabled: classes.disabled },
-      className: cx(classes.listItemContainer, (_cx = {}, _cx[classes.disableSecondaryAction] = R.not(hasChild), _cx)),
-      disabled: isDisabled,
-      onClick: isDisabled ? null : changeSelection(id, index),
-      onMouseDown: R.is(Function, changeMouseSelection) && R.not(isDisabled) && !isTooltipShown ? changeMouseSelection(index, { isDown: true }) : null,
-      onMouseUp: R.is(Function, changeMouseSelection) && R.not(isDisabled) && !isTooltipShown ? changeMouseSelection(null, { isUp: true }) : null,
-      onMouseOver: R.is(Function, changeMouseSelection) && R.not(isDisabled) && !isTooltipShown ? changeMouseSelection(index, { isOver: true }) : null,
-      onKeyPress: function onKeyPress(e) {
-        if (e.key === 'Enter' && R.not(isDisabled)) {
-          changeSelection(id, index)(e);
-        }
-      },
-      tabIndex: -1,
-      style: style // virtual
-    },
-    React.createElement(ListItemText, {
-      tabIndex: 0,
-      'aria-label': isDisabled ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
-      'aria-pressed': isSelected,
-      'aria-disabled': isDisabled,
-      primaryTypographyProps: { noWrap: true, color: 'inherit' },
-      secondaryTypographyProps: { color: 'inherit' },
-      classes: { root: classes.listItem },
-      className: cx((_cx2 = {}, _cx2[classes.accessibilityItemHover] = accessibility, _cx2[classes.listItemSelected] = R.and(isSelected, R.not(isDisabled)), _cx2[classes.listItemHover] = R.not(isDisabled), _cx2)),
-      style: { marginLeft: depth * 20 + 'px' },
-      title: isDisabled ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
-      primary: React.createElement(
-        'div',
-        {
-          className: cx(classes.labelContainer, (_cx3 = {}, _cx3[classes.rtlLabelContainer] = isRtl, _cx3))
-        },
-        React.createElement(
-          SvgIcon,
-          {
-            color: 'primary',
-            className: cx(classes.labelIcon, (_cx4 = {}, _cx4[classes.disabledLabel] = isDisabled, _cx4))
-          },
-          React.createElement('path', { d: R.and(isSelected, R.not(isDisabled)) ? checkPath : checkBoxPath })
-        ),
-        svgPath && React.createElement(
-          SvgIcon,
-          {
-            color: 'primary',
-            className: cx(classes.labelIcon, (_cx5 = {}, _cx5[classes.disabledLabel] = isDisabled, _cx5))
-          },
-          React.createElement('path', { d: svgPath })
-        ),
-        React.createElement(
-          Tooltip,
-          {
-            title: R.or(R.isNil(HTMLRenderer), R.isEmpty(description)) ? description : React.createElement(HTMLRenderer, { html: description, onClick: function onClick(e) {
-                return e.stopPropagation();
-              } }),
-            enterDelay: 400,
-            tabIndex: 0,
-            'aria-label': description,
-            'aria-hidden': false,
-            placement: 'top',
-            interactive: Boolean(HTMLRenderer),
-            onOpen: function onOpen() {
-              return setIsTooltipShown(true);
-            },
-            onClose: function onClose() {
-              return setIsTooltipShown(false);
-            }
-          },
-          React.createElement(
-            Typography,
-            {
-              'data-testid': testId + '_value_' + id,
-              color: 'inherit',
-              variant: 'body2',
-              className: cx(classes.label, (_cx6 = {}, _cx6[classes.disabledLabel] = isDisabled, _cx6[classes.tooltipNotice] = !R.isEmpty(description), _cx6))
-            },
-            label
-          )
-        ),
-        R.not(R.isNil(count)) && React.createElement(
-          Typography,
-          { variant: 'body2', className: classes.count },
-          '(',
-          count,
-          ')'
-        )
-      ),
-      secondary: React.createElement(
-        Typography,
-        {
-          title: R.join(isRtl ? ' < ' : ' > ')(R.map(labelRenderer)(nodePath)),
-          variant: 'body2',
-          className: cx(classes.ellipsis, classes.path)
-        },
-        getPathLabel(labelRenderer)(nodePath)
-      )
-    }),
-    R.and(NavigateIcon, hasChild) && React.createElement(
-      ListItemSecondaryAction,
-      {
-        onMouseEnter: R.is(Function, changeMouseSelection) ? changeMouseSelection(null, { isUp: true }) : null,
-        style: _extends({}, R.evolve(containerStyles, style), {
-          left: isRtl && 0,
-          right: R.not(isRtl) && 0,
-          outline: accessibility ? undefined : 'none'
-        }),
-        className: classes.containerArrow,
-        tabIndex: 0,
-        onClick: function onClick() {
-          return changeList(hierarchicalId || id);
-        },
-        onKeyPress: function onKeyPress(e) {
-          if (e.key === 'Enter') {
-            changeList(id);
-          }
-        }
-      },
-      React.createElement(
-        Tooltip,
-        {
-          title: changeListDescription || '',
-          tabIndex: 0,
-          'aria-label': changeListDescription,
-          'aria-hidden': false,
-          placement: 'top',
-          variant: 'light'
-        },
-        React.createElement(
-          IconButton,
-          {
-            disableRipple: true,
-            disableFocusRipple: true,
-            className: classes.arrow,
-            'aria-label': ariaLabel,
-            tabIndex: -1,
-            size: 'small',
-            color: 'inherit'
-          },
-          React.createElement(NavigateIcon, null)
-        )
-      )
-    )
-  );
-};
-
-Item.propTypes = process.env.NODE_ENV !== "production" ? {
-  classes: PropTypes.object,
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  label: PropTypes.string,
-  description: PropTypes.string,
-  parentId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  nodePath: PropTypes.array,
-  ariaLabel: PropTypes.string,
-  NavigateIcon: PropTypes.object,
-  isSelected: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  hasChild: PropTypes.bool,
-  isSection: PropTypes.bool,
-  changeList: PropTypes.func,
-  changeListDescription: PropTypes.string,
-  changeSelection: PropTypes.func,
-  changeMouseSelection: PropTypes.func,
-  count: PropTypes.number,
-  svgPath: PropTypes.string,
-  style: PropTypes.object,
-  isRtl: PropTypes.bool,
-  testId: PropTypes.string,
-  accessibility: PropTypes.bool,
-  index: PropTypes.number,
-  labelRenderer: PropTypes.func,
-  HTMLRenderer: PropTypes.func,
-  hierarchicalId: PropTypes.string,
-  labels: PropTypes.object,
-  depth: PropTypes.number
-} : {};
-
-export default Item;