@sis-cc/dotstatsuite-visions 6.5.2 → 6.6.0

package/es/Chips/Chips.js

@@ -1,5 +1,4 @@
 import React, { Fragment } from 'react';
-import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import cx from 'classnames';
 import { makeStyles, useTheme } from '@material-ui/core/styles';
@@ -10,8 +9,8 @@ import Chip from '@material-ui/core/Chip';
 import Cross from '../Icons/Cross';
 import { getIsRtl, withBlank } from '../utils';
 import Tooltip from '../Tooltip';
-
 var shownTooltip = R.pipe(R.dropLast(1), R.either(R.isEmpty, R.isNil), R.not);
+
 var myTooltipRenderer = function myTooltipRenderer(_ref) {
   var isRtl = _ref.isRtl,
       labelRenderer = _ref.labelRenderer;
@@ -66,7 +65,7 @@ export var useStyles = makeStyles(function (theme) {
       fontSize: 10
     },
     tooltipIndicator: {
-      borderBottom: '1px dotted ' + theme.palette.primary.main
+      borderBottom: "1px dotted " + theme.palette.primary.main
     }
   };
 });
@@ -77,7 +76,7 @@ var CustomChip = function CustomChip(_ref2) {
   var id = _ref2.id,
       parentId = _ref2.parentId,
       _ref2$items = _ref2.items,
-      items = _ref2$items === undefined ? [] : _ref2$items,
+      items = _ref2$items === void 0 ? [] : _ref2$items,
       label = _ref2.label,
       onDelete = _ref2.onDelete,
       renderer = _ref2.renderer,
@@ -85,178 +84,124 @@ var CustomChip = function CustomChip(_ref2) {
       iconClasses = _ref2.iconClasses,
       labelClasses = _ref2.labelClasses,
       _ref2$ariaLabel = _ref2.ariaLabel,
-      ariaLabel = _ref2$ariaLabel === undefined ? 'delete' : _ref2$ariaLabel;
-
+      ariaLabel = _ref2$ariaLabel === void 0 ? 'delete' : _ref2$ariaLabel;
   var classes = useStyles();
   var onChange = R.is(Function)(onDelete) ? function () {
     return onDelete(parentId, R.isNil(id) ? [] : [id]);
   } : null;
   var hasTooltip = shownTooltip(items);
-
-  return React.createElement(
-    Tooltip,
-    { placement: 'top', title: hasTooltip ? renderer(items) : '' },
-    React.createElement(Chip, {
-      size: 'small',
-      'aria-label': label,
-      label: hasTooltip ? React.createElement(
-        Fragment,
-        null,
-        '...',
-        React.createElement(
-          'span',
-          { className: classes.childrenIndicator },
-          '>'
-        ),
-        label
-      ) : label,
-      deleteIcon: React.createElement(
-        IconButton,
-        {
-          disableRipple: true,
-          className: iconClasses,
-          'aria-label': ariaLabel + ' ' + label,
-          component: 'span',
-          tabIndex: -1
-        },
-        React.createElement(Cross, null)
-      ),
-      clickable: true,
-      onDelete: onChange,
-      className: cx(chipClasses, (_cx = {}, _cx[classes.tooltipIndicator] = hasTooltip, _cx)),
-      classes: { label: labelClasses }
-    })
-  );
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "top",
+    title: hasTooltip ? renderer(items) : ''
+  }, /*#__PURE__*/React.createElement(Chip, {
+    size: "small",
+    "aria-label": label,
+    label: hasTooltip ? /*#__PURE__*/React.createElement(Fragment, null, "...", /*#__PURE__*/React.createElement("span", {
+      className: classes.childrenIndicator
+    }, '>'), label) : label,
+    deleteIcon: /*#__PURE__*/React.createElement(IconButton, {
+      disableRipple: true,
+      className: iconClasses,
+      "aria-label": ariaLabel + " " + label,
+      component: "span",
+      tabIndex: -1
+    }, /*#__PURE__*/React.createElement(Cross, null)),
+    clickable: true,
+    onDelete: onChange,
+    className: cx(chipClasses, (_cx = {}, _cx[classes.tooltipIndicator] = hasTooltip, _cx)),
+    classes: {
+      label: labelClasses
+    }
+  }));
 };
 
-CustomChip.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: PropTypes.string,
-  parentId: PropTypes.string,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  onDelete: PropTypes.func,
-  renderer: PropTypes.func,
-  chipClasses: PropTypes.string,
-  iconClasses: PropTypes.string,
-  labelClasses: PropTypes.string,
-  ariaLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  items: PropTypes.array
-} : {};
-
 var Chips = function Chips(_ref3) {
   var _ref3$items = _ref3.items,
-      items = _ref3$items === undefined ? [] : _ref3$items,
+      items = _ref3$items === void 0 ? [] : _ref3$items,
       onDelete = _ref3.onDelete,
       onDeleteAll = _ref3.onDeleteAll,
       clearAllLabel = _ref3.clearAllLabel,
       _ref3$labelRenderer = _ref3.labelRenderer,
-      labelRenderer = _ref3$labelRenderer === undefined ? R.prop('label') : _ref3$labelRenderer,
+      labelRenderer = _ref3$labelRenderer === void 0 ? R.prop('label') : _ref3$labelRenderer,
       tooltipRenderer = _ref3.tooltipRenderer,
       ariaLabel = _ref3.ariaLabel,
       _ref3$reducingNbChips = _ref3.reducingNbChips,
-      reducingNbChips = _ref3$reducingNbChips === undefined ? 15 : _ref3$reducingNbChips,
+      reducingNbChips = _ref3$reducingNbChips === void 0 ? 15 : _ref3$reducingNbChips,
       labels = _ref3.labels;
-
   var classes = useStyles();
   var theme = useTheme();
   var isRtl = getIsRtl(theme);
-
-  return React.createElement(
-    'div',
-    { 'data-testid': 'chips-test-id' },
-    R.map(function (itemProps) {
-      var parentId = itemProps.id,
-          isNotRemovable = itemProps.isNotRemovable,
-          _itemProps$values = itemProps.values,
-          values = _itemProps$values === undefined ? [] : _itemProps$values;
-
-      return React.createElement(
-        Grid,
-        { container: true, className: classes.root, key: parentId },
-        React.createElement(
-          Grid,
-          { item: true, xs: 12 },
-          React.createElement(CustomChip, {
-            parentId: parentId,
-            label: labelRenderer(itemProps) + ':',
-            ariaLabel: ariaLabel,
-            chipClasses: cx(classes.mainChip, classes.chip),
-            onDelete: isNotRemovable ? null : onDelete,
-            iconClasses: classes.icon,
-            labelClasses: cx(classes.spaceLabel, classes.formatLabel)
-          }),
-          R.pipe(R.length, R.flip(R.gt)(reducingNbChips))(values) ? React.createElement(CustomChip, {
-            parentId: parentId,
-            label: R.length(values) + ' ' + R.prop('reducingChip')(labels),
-            chipClasses: cx(classes.secondaryChip, classes.chip),
-            onDelete: isNotRemovable ? null : onDelete,
-            iconClasses: classes.icon,
-            labelClasses: cx(classes.formatLabel)
-          }) : R.map(function (items) {
-            var lastItem = R.last(items);
-            var id = lastItem.id,
-                isNotRemovable = lastItem.isNotRemovable;
-
-            return React.createElement(CustomChip, {
-              key: id,
-              id: id,
-              items: R.pipe(R.length, R.gte(2)) ? items : null,
-              renderer: R.is(Function)(tooltipRenderer) ? tooltipRenderer : myTooltipRenderer({ isRtl: isRtl, labelRenderer: labelRenderer }),
-              label: labelRenderer(lastItem),
-              ariaLabel: ariaLabel,
-              parentId: parentId,
-              onDelete: isNotRemovable ? null : onDelete,
-              chipClasses: cx(classes.secondaryChip, classes.chip),
-              iconClasses: classes.icon,
-              labelClasses: cx(classes.formatLabel)
-            });
-          })(values),
-          React.createElement(Divider, { className: classes.divider })
-        )
-      );
-    })(items),
-    R.is(Function)(onDeleteAll) && React.createElement(
-      Grid,
-      { container: true, className: classes.root },
-      React.createElement(
-        Grid,
-        { item: true, xs: 12 },
-        React.createElement(CustomChip, {
-          label: clearAllLabel,
-          ariaLabel: ariaLabel,
-          chipClasses: cx(classes.mainChip, classes.chip),
-          onDelete: onDeleteAll,
-          iconClasses: classes.icon,
-          labelClasses: cx(classes.spaceLabel, classes.formatLabel)
-        })
-      )
-    )
-  );
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "chips-test-id"
+  }, R.map(function (itemProps) {
+    var parentId = itemProps.id,
+        isNotRemovable = itemProps.isNotRemovable,
+        _itemProps$values = itemProps.values,
+        values = _itemProps$values === void 0 ? [] : _itemProps$values;
+    return /*#__PURE__*/React.createElement(Grid, {
+      container: true,
+      className: classes.root,
+      key: parentId
+    }, /*#__PURE__*/React.createElement(Grid, {
+      item: true,
+      xs: 12
+    }, /*#__PURE__*/React.createElement(CustomChip, {
+      parentId: parentId,
+      label: labelRenderer(itemProps) + ":",
+      ariaLabel: ariaLabel,
+      chipClasses: cx(classes.mainChip, classes.chip),
+      onDelete: isNotRemovable ? null : onDelete,
+      iconClasses: classes.icon,
+      labelClasses: cx(classes.spaceLabel, classes.formatLabel)
+    }), R.pipe(R.length, R.flip(R.gt)(reducingNbChips))(values) ? /*#__PURE__*/React.createElement(CustomChip, {
+      parentId: parentId,
+      label: R.length(values) + " " + R.prop('reducingChip')(labels),
+      chipClasses: cx(classes.secondaryChip, classes.chip),
+      onDelete: isNotRemovable ? null : onDelete,
+      iconClasses: classes.icon,
+      labelClasses: cx(classes.formatLabel)
+    }) : R.map(function (items) {
+      var lastItem = R.last(items);
+      var id = lastItem.id,
+          isNotRemovable = lastItem.isNotRemovable;
+      return /*#__PURE__*/React.createElement(CustomChip, {
+        key: id,
+        id: id,
+        items: R.pipe(R.length, R.gte(2)) ? items : null,
+        renderer: R.is(Function)(tooltipRenderer) ? tooltipRenderer : myTooltipRenderer({
+          isRtl: isRtl,
+          labelRenderer: labelRenderer
+        }),
+        label: labelRenderer(lastItem),
+        ariaLabel: ariaLabel,
+        parentId: parentId,
+        onDelete: isNotRemovable ? null : onDelete,
+        chipClasses: cx(classes.secondaryChip, classes.chip),
+        iconClasses: classes.icon,
+        labelClasses: cx(classes.formatLabel)
+      });
+    })(values), /*#__PURE__*/React.createElement(Divider, {
+      className: classes.divider
+    })));
+  })(items), R.is(Function)(onDeleteAll) && /*#__PURE__*/React.createElement(Grid, {
+    container: true,
+    className: classes.root
+  }, /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React.createElement(CustomChip, {
+    label: clearAllLabel,
+    ariaLabel: ariaLabel,
+    chipClasses: cx(classes.mainChip, classes.chip),
+    onDelete: onDeleteAll,
+    iconClasses: classes.icon,
+    labelClasses: cx(classes.spaceLabel, classes.formatLabel)
+  }))));
 };
 
-Chips.propTypes = process.env.NODE_ENV !== "production" ? {
-  items: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    isNotRemovable: PropTypes.bool,
-    values: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.shape({
-      id: PropTypes.string,
-      label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-      isNotRemovable: PropTypes.bool
-    })))
-  })),
-  clearAllLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  onDelete: PropTypes.func,
-  onDeleteAll: PropTypes.func,
-  labelRenderer: PropTypes.func,
-  tooltipRenderer: PropTypes.func,
-  ariaLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  reducingNbChips: PropTypes.number,
-  labels: PropTypes.shape({
-    reducingChip: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-  })
-} : {};
-
 export default withBlank(function (_ref4) {
   var isBlank = _ref4.isBlank;
-  return { isBlank: isBlank };
+  return {
+    isBlank: isBlank
+  };
 })(Chips);

package/es/Chips/index.js

@@ -56,5 +56,4 @@
  * }
  * // *tooltip indicator is the dotted line under a chip
  */
-
 export { default } from './Chips';

package/es/CollapseButtons/CollapseButtons.js

@@ -1,7 +1,5 @@
-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 _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
 import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import { makeStyles } from '@material-ui/core/styles';
 import useMediaQuery from '@material-ui/core/useMediaQuery';
@@ -10,10 +8,8 @@ import Collapse from '@material-ui/core/Collapse';
 import { ToggleButton } from '../';
 import Item from './Item';
 import Paper from './Paper';
-
 export var MAX_COLUMNS = 12;
 export var COLUMNS = [12, 12, 6, 4, 3, 3, 2, 2, 2, 2, 2, 2, 1];
-
 var useStyles = makeStyles(function () {
   return {
     collapseContainer: {
@@ -24,25 +20,23 @@ var useStyles = makeStyles(function () {
 
 var CollapseButtons = function CollapseButtons(props) {
   var _props$items = props.items,
-      items = _props$items === undefined ? [] : _props$items,
+      items = _props$items === void 0 ? [] : _props$items,
       _props$action = props.action,
-      action = _props$action === undefined ? function () {} : _props$action,
+      action = _props$action === void 0 ? function () {} : _props$action,
       _props$nbColumns = props.nbColumns,
-      nbColumns = _props$nbColumns === undefined ? 3 : _props$nbColumns,
+      nbColumns = _props$nbColumns === void 0 ? 3 : _props$nbColumns,
       _props$testId = props.testId,
-      testId = _props$testId === undefined ? 'collapseButton' : _props$testId,
+      testId = _props$testId === void 0 ? 'collapseButton' : _props$testId,
       isSecondLevelClikable = props.isSecondLevelClikable,
       _props$gridButtonsPro = props.gridButtonsProps,
-      gridButtonsProps = _props$gridButtonsPro === undefined ? {} : _props$gridButtonsPro,
+      gridButtonsProps = _props$gridButtonsPro === void 0 ? {} : _props$gridButtonsPro,
       _props$breakpoint = props.breakpoint,
-      breakpoint = _props$breakpoint === undefined ? function (theme) {
+      breakpoint = _props$breakpoint === void 0 ? function (theme) {
     return theme.breakpoints.down('sm');
   } : _props$breakpoint,
       justify = props.justify,
       _props$textTransform = props.textTransform,
-      textTransform = _props$textTransform === undefined ? 'none' : _props$textTransform;
-
-
+      textTransform = _props$textTransform === void 0 ? 'none' : _props$textTransform;
   var classes = useStyles();
   var isMobileView = useMediaQuery(breakpoint);
 
@@ -59,9 +53,9 @@ var CollapseButtons = function CollapseButtons(props) {
 
   var getValues = function getValues(parentId) {
     return R.map(function (item) {
-      return React.createElement(Item, {
+      return /*#__PURE__*/React.createElement(Item, {
         key: R.prop('id')(item),
-        testId: testId + '_' + parentId + '_value_' + R.prop('id')(item),
+        testId: testId + "_" + parentId + "_value_" + R.prop('id')(item),
         parentId: parentId,
         item: item,
         action: action,
@@ -70,92 +64,58 @@ var CollapseButtons = function CollapseButtons(props) {
     });
   };
 
-  return React.createElement(
-    Grid,
-    { container: true, spacing: 2, 'data-testid': testId, justifyContent: justify },
-    R.map(function (_ref) {
-      var id = _ref.id,
-          label = _ref.label,
-          _ref$values = _ref.values,
-          values = _ref$values === undefined ? [] : _ref$values;
-      return React.createElement(
-        Grid,
-        _extends({ item: true, xs: 12, sm: 12, md: R.nth(nbColumns)(COLUMNS) }, gridButtonsProps, { key: id }),
-        React.createElement(ToggleButton, {
-          textTransform: textTransform,
-          label: label,
-          tabindex: R.isNil(toggleId) || R.prop(id)(toggleId) || R.compose(R.not, R.head, R.values)(toggleId) ? 0 : -1,
-          isOpen: R.prop(id)(toggleId),
-          toggle: function toggle() {
-            var _setIsOpen2;
+  return /*#__PURE__*/React.createElement(Grid, {
+    container: true,
+    spacing: 2,
+    "data-testid": testId,
+    justifyContent: justify
+  }, R.map(function (_ref) {
+    var id = _ref.id,
+        label = _ref.label,
+        _ref$values = _ref.values,
+        values = _ref$values === void 0 ? [] : _ref$values;
+    return /*#__PURE__*/React.createElement(Grid, _extends({
+      item: true,
+      xs: 12,
+      sm: 12,
+      md: R.nth(nbColumns)(COLUMNS)
+    }, gridButtonsProps, {
+      key: id
+    }), /*#__PURE__*/React.createElement(ToggleButton, {
+      textTransform: textTransform,
+      label: label,
+      tabindex: R.isNil(toggleId) || R.prop(id)(toggleId) || R.compose(R.not, R.head, R.values)(toggleId) ? 0 : -1,
+      isOpen: R.prop(id)(toggleId),
+      toggle: function toggle() {
+        var _setIsOpen2;
 
-            return setIsOpen((_setIsOpen2 = {}, _setIsOpen2[id] = !R.prop(id)(toggleId), _setIsOpen2));
-          },
-          testId: testId + '_' + id,
-          id: id
-        }),
-        isMobileView && React.createElement(
-          Collapse,
-          {
-            'in': R.prop(id)(toggleId),
-            timeout: 'auto',
-            unmountOnExit: true,
-            className: classes.collapseContainer
-          },
-          React.createElement(
-            Paper,
-            { elevation: 10, isMobileView: isMobileView },
-            getValues(id)(values)
-          )
-        )
-      );
-    })(items),
-    !isMobileView && R.map(function (_ref2) {
-      var id = _ref2.id,
-          _ref2$values = _ref2.values,
-          values = _ref2$values === undefined ? [] : _ref2$values;
-      return React.createElement(
-        Collapse,
-        {
-          'in': R.prop(id)(toggleId),
-          timeout: 'auto',
-          unmountOnExit: true,
-          key: id,
-          className: classes.collapseContainer
-        },
-        React.createElement(
-          Paper,
-          { elevation: 10 },
-          getValues(id)(values)
-        )
-      );
-    })(items)
-  );
+        return setIsOpen((_setIsOpen2 = {}, _setIsOpen2[id] = !R.prop(id)(toggleId), _setIsOpen2));
+      },
+      testId: testId + "_" + id,
+      id: id
+    }), isMobileView && /*#__PURE__*/React.createElement(Collapse, {
+      in: R.prop(id)(toggleId),
+      timeout: "auto",
+      unmountOnExit: true,
+      className: classes.collapseContainer
+    }, /*#__PURE__*/React.createElement(Paper, {
+      elevation: 10,
+      isMobileView: isMobileView
+    }, getValues(id)(values))));
+  })(items), !isMobileView && R.map(function (_ref2) {
+    var id = _ref2.id,
+        _ref2$values = _ref2.values,
+        values = _ref2$values === void 0 ? [] : _ref2$values;
+    return /*#__PURE__*/React.createElement(Collapse, {
+      in: R.prop(id)(toggleId),
+      timeout: "auto",
+      unmountOnExit: true,
+      key: id,
+      className: classes.collapseContainer
+    }, /*#__PURE__*/React.createElement(Paper, {
+      elevation: 10
+    }, getValues(id)(values)));
+  })(items));
 };
 
-CollapseButtons.propTypes = process.env.NODE_ENV !== "production" ? {
-  testId: PropTypes.string,
-  selectedItemId: PropTypes.string,
-  items: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    svgPath: PropTypes.string,
-    values: PropTypes.arrayOf(PropTypes.shape({
-      id: PropTypes.string.isRequired,
-      label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-      subtopics: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
-        id: PropTypes.string.isRequired,
-        label: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-      }), PropTypes.string]))
-    }))
-  })),
-  action: PropTypes.func,
-  nbColumns: PropTypes.number,
-  isSecondLevelClikable: PropTypes.bool,
-  breakpoint: PropTypes.func,
-  gridButtonsProps: PropTypes.object,
-  justify: PropTypes.string,
-  textTransform: PropTypes.string
-} : {};
-
 export default CollapseButtons;

package/es/CollapseButtons/Item.js

@@ -1,14 +1,11 @@
-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 _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import Grid from '@material-ui/core/Grid';
 import Button from '@material-ui/core/Button';
 import Link from '@material-ui/core/Link';
 import { makeStyles } from '@material-ui/core/styles';
 import SvgIcon from '@material-ui/core/SvgIcon';
-
 var useStyles = makeStyles(function (theme) {
   return {
     paperItem: {
@@ -52,74 +49,52 @@ var Item = function Item(_ref) {
       action = _ref.action,
       testId = _ref.testId,
       isSecondLevelClikable = _ref.isSecondLevelClikable;
-
   var classes = useStyles();
-
-  return React.createElement(
-    Grid,
-    { item: true, md: 4, xs: 12, className: classes.paperItem },
-    React.createElement(
-      Button,
-      {
-        'aria-label': R.prop('label')(item),
-        className: classes.button,
-        fullWidth: true,
-        'data-testid': testId,
-        role: 'link',
-        onClick: function onClick() {
-          if (R.not(R.is(Function)(action))) return;
-          action(parentId, R.prop('id')(item));
-        },
-        tabIndex: 0
+  return /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    md: 4,
+    xs: 12,
+    className: classes.paperItem
+  }, /*#__PURE__*/React.createElement(Button, {
+    "aria-label": R.prop('label')(item),
+    className: classes.button,
+    fullWidth: true,
+    "data-testid": testId,
+    role: "link",
+    onClick: function onClick() {
+      if (R.not(R.is(Function)(action))) return;
+      action(parentId, R.prop('id')(item));
+    },
+    tabIndex: 0
+  }, /*#__PURE__*/React.createElement(SvgIcon, {
+    className: classes.svg
+  }, /*#__PURE__*/React.createElement("path", {
+    d: R.prop('svgPath')(item)
+  })), /*#__PURE__*/React.createElement(Grid, {
+    container: true,
+    item: true,
+    xs: 12,
+    direction: "column"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: classes.itemTitle
+  }, R.prop('label')(item)), /*#__PURE__*/React.createElement("span", {
+    className: classes.itemSubtitle
+  }, R.map(function (subtopic) {
+    if (R.not(R.is(Object)(subtopic))) return subtopic;
+    if (R.not(isSecondLevelClikable)) return R.prop('label')(subtopic);
+    var id = R.prop('id')(subtopic);
+    return /*#__PURE__*/React.createElement(Link, {
+      key: id,
+      className: classes.itemSubtitleLink,
+      role: "link",
+      onClick: function onClick(e) {
+        if (R.not(R.is(Function)(action))) return;
+        action(parentId, id);
+        e.stopPropagation();
       },
-      React.createElement(
-        SvgIcon,
-        { className: classes.svg },
-        React.createElement('path', { d: R.prop('svgPath')(item) })
-      ),
-      React.createElement(
-        Grid,
-        { container: true, item: true, xs: 12, direction: 'column' },
-        React.createElement(
-          'span',
-          { className: classes.itemTitle },
-          R.prop('label')(item)
-        ),
-        React.createElement(
-          'span',
-          { className: classes.itemSubtitle },
-          R.map(function (subtopic) {
-            if (R.not(R.is(Object)(subtopic))) return subtopic;
-            if (R.not(isSecondLevelClikable)) return R.prop('label')(subtopic);
-            var id = R.prop('id')(subtopic);
-            return React.createElement(
-              Link,
-              {
-                key: id,
-                className: classes.itemSubtitleLink,
-                role: 'link',
-                onClick: function onClick(e) {
-                  if (R.not(R.is(Function)(action))) return;
-                  action(parentId, id);
-                  e.stopPropagation();
-                },
-                tabIndex: 0
-              },
-              R.prop('label')(subtopic)
-            );
-          })(R.pipe(R.propOr([], 'subtopics'), R.intersperse(' • '))(item))
-        )
-      )
-    )
-  );
+      tabIndex: 0
+    }, R.prop('label')(subtopic));
+  })(R.pipe(R.propOr([], 'subtopics'), R.intersperse(' • '))(item))))));
 };
 
-Item.propTypes = process.env.NODE_ENV !== "production" ? {
-  parentId: PropTypes.string,
-  testId: PropTypes.string,
-  item: PropTypes.object,
-  action: PropTypes.func,
-  isSecondLevelClikable: PropTypes.bool
-} : {};
-
 export default Item;