@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.1

package/es/Chips/Chips.js

@@ -1,4 +1,5 @@
 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';
@@ -9,8 +10,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 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;
@@ -65,7 +66,7 @@ export var useStyles = makeStyles(function (theme) {
       fontSize: 10
     },
     tooltipIndicator: {
-      borderBottom: "1px dotted " + theme.palette.primary.main
+      borderBottom: '1px dotted ' + theme.palette.primary.main
     }
   };
 });
@@ -76,7 +77,7 @@ var CustomChip = function CustomChip(_ref2) {
   var id = _ref2.id,
       parentId = _ref2.parentId,
       _ref2$items = _ref2.items,
-      items = _ref2$items === void 0 ? [] : _ref2$items,
+      items = _ref2$items === undefined ? [] : _ref2$items,
       label = _ref2.label,
       onDelete = _ref2.onDelete,
       renderer = _ref2.renderer,
@@ -84,124 +85,178 @@ var CustomChip = function CustomChip(_ref2) {
       iconClasses = _ref2.iconClasses,
       labelClasses = _ref2.labelClasses,
       _ref2$ariaLabel = _ref2.ariaLabel,
-      ariaLabel = _ref2$ariaLabel === void 0 ? 'delete' : _ref2$ariaLabel;
+      ariaLabel = _ref2$ariaLabel === undefined ? '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 /*#__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
-    }
-  }));
+
+  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 }
+    })
+  );
 };
 
+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 === void 0 ? [] : _ref3$items,
+      items = _ref3$items === undefined ? [] : _ref3$items,
       onDelete = _ref3.onDelete,
       onDeleteAll = _ref3.onDeleteAll,
       clearAllLabel = _ref3.clearAllLabel,
       _ref3$labelRenderer = _ref3.labelRenderer,
-      labelRenderer = _ref3$labelRenderer === void 0 ? R.prop('label') : _ref3$labelRenderer,
+      labelRenderer = _ref3$labelRenderer === undefined ? R.prop('label') : _ref3$labelRenderer,
       tooltipRenderer = _ref3.tooltipRenderer,
       ariaLabel = _ref3.ariaLabel,
       _ref3$reducingNbChips = _ref3.reducingNbChips,
-      reducingNbChips = _ref3$reducingNbChips === void 0 ? 15 : _ref3$reducingNbChips,
+      reducingNbChips = _ref3$reducingNbChips === undefined ? 15 : _ref3$reducingNbChips,
       labels = _ref3.labels;
+
   var classes = useStyles();
   var theme = useTheme();
   var isRtl = getIsRtl(theme);
-  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)
-  }))));
+
+  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)
+        })
+      )
+    )
+  );
 };
 
+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,4 +56,5 @@
  * }
  * // *tooltip indicator is the dotted line under a chip
  */
+
 export { default } from './Chips';

package/es/CollapseButtons/CollapseButtons.js

@@ -1,5 +1,7 @@
-import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
+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, { 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';
@@ -8,8 +10,10 @@ 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: {
@@ -20,23 +24,25 @@ var useStyles = makeStyles(function () {
 
 var CollapseButtons = function CollapseButtons(props) {
   var _props$items = props.items,
-      items = _props$items === void 0 ? [] : _props$items,
+      items = _props$items === undefined ? [] : _props$items,
       _props$action = props.action,
-      action = _props$action === void 0 ? function () {} : _props$action,
+      action = _props$action === undefined ? function () {} : _props$action,
       _props$nbColumns = props.nbColumns,
-      nbColumns = _props$nbColumns === void 0 ? 3 : _props$nbColumns,
+      nbColumns = _props$nbColumns === undefined ? 3 : _props$nbColumns,
       _props$testId = props.testId,
-      testId = _props$testId === void 0 ? 'collapseButton' : _props$testId,
+      testId = _props$testId === undefined ? 'collapseButton' : _props$testId,
       isSecondLevelClikable = props.isSecondLevelClikable,
       _props$gridButtonsPro = props.gridButtonsProps,
-      gridButtonsProps = _props$gridButtonsPro === void 0 ? {} : _props$gridButtonsPro,
+      gridButtonsProps = _props$gridButtonsPro === undefined ? {} : _props$gridButtonsPro,
       _props$breakpoint = props.breakpoint,
-      breakpoint = _props$breakpoint === void 0 ? function (theme) {
+      breakpoint = _props$breakpoint === undefined ? function (theme) {
     return theme.breakpoints.down('sm');
   } : _props$breakpoint,
       justify = props.justify,
       _props$textTransform = props.textTransform,
-      textTransform = _props$textTransform === void 0 ? 'none' : _props$textTransform;
+      textTransform = _props$textTransform === undefined ? 'none' : _props$textTransform;
+
+
   var classes = useStyles();
   var isMobileView = useMediaQuery(breakpoint);
 
@@ -53,9 +59,9 @@ var CollapseButtons = function CollapseButtons(props) {
 
   var getValues = function getValues(parentId) {
     return R.map(function (item) {
-      return /*#__PURE__*/React.createElement(Item, {
+      return 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,
@@ -64,58 +70,92 @@ var CollapseButtons = function CollapseButtons(props) {
     });
   };
 
-  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 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 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));
+            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)
+  );
 };
 
+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,11 +1,14 @@
-import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
+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 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: {
@@ -49,52 +52,74 @@ var Item = function Item(_ref) {
       action = _ref.action,
       testId = _ref.testId,
       isSecondLevelClikable = _ref.isSecondLevelClikable;
+
   var classes = useStyles();
-  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();
+
+  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
       },
-      tabIndex: 0
-    }, R.prop('label')(subtopic));
-  })(R.pipe(R.propOr([], 'subtopics'), R.intersperse(' • '))(item))))));
+      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))
+        )
+      )
+    )
+  );
 };
 
+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;