@sis-cc/dotstatsuite-visions 12.56.0 → 13.0.0

package/es/ScopeList/ScopeList.js

@@ -1,323 +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, { Fragment, useRef, useEffect, useState } from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer';
-import VirtualizedList from 'react-virtualized/dist/commonjs/List';
-import { useTheme } from '@mui/material';
-import List from '@mui/material/List';
-import Container from '@mui/material/Container';
-import NavigateBefore from '@mui/icons-material/NavigateBefore';
-import NavigateNext from '@mui/icons-material/NavigateNext';
-import HourglassEmptyIcon from '@mui/icons-material/HourglassEmpty';
-import PlaylistAddCheckIcon from '@mui/icons-material/PlaylistAddCheck';
-import Selection from './Selection';
-import { withScopeList } from './with-scope-list';
-import Header from './Header';
-import Item from './Item';
-import { ExpansionPanel, Tag as InternalTag, VerticalButton, Tooltip } from '../';
-import { useStyles, height as rowHeight } from './styles';
-import { withBlank, getIsRtl } from '../utils';
-import { getItemsGroupByLevel } from './with-scope-list';
-
-var getLevels = R.pipe(R.map(R.all(R.prop('isSelected'))), R.toPairs, R.when(R.pipe(R.length, R.equals(1)), R.always([])));
-
-var ScopeList = function ScopeList(props) {
-  var id = props.id,
-      items = props.items,
-      itemsById = props.itemsById,
-      _props$list = props.list,
-      list = _props$list === undefined ? [] : _props$list,
-      currentItem = props.currentItem,
-      changeList = props.changeList,
-      changeSelection = props.changeSelection,
-      changeMutliSelection = props.changeMutliSelection,
-      changeLevelSelection = props.changeLevelSelection,
-      onChangeActivePanel = props.onChangeActivePanel,
-      activePanelId = props.activePanelId,
-      TopElementComponent = props.TopElementComponent,
-      topElementProps = props.topElementProps,
-      Tag = props.Tag,
-      tagValue = props.tagValue,
-      testId = props.testId,
-      isBlank = props.isBlank,
-      labels = props.labels,
-      accessibility = props.accessibility,
-      _props$expansionPanel = props.expansionPanelProps,
-      expansionPanelProps = _props$expansionPanel === undefined ? {} : _props$expansionPanel,
-      isCurrentListAllSelected = props.isCurrentListAllSelected,
-      bulkSelection = props.bulkSelection,
-      changeMultiSelectionKeyUp = props.changeMultiSelectionKeyUp,
-      changeMouseSelection = props.changeMouseSelection,
-      _props$labelRenderer = props.labelRenderer,
-      labelRenderer = _props$labelRenderer === undefined ? R.prop('label') : _props$labelRenderer,
-      disableAccessor = props.disableAccessor,
-      HTMLRenderer = props.HTMLRenderer;
-
-  var _useState = useState(false),
-      isMenuOpen = _useState[0],
-      setIsMenuOpen = _useState[1];
-
-  var _useState2 = useState(undefined),
-      scrollTop = _useState2[0],
-      setScrollTop = _useState2[1];
-
-  var ref = useRef();
-  var classes = useStyles();
-  var theme = useTheme();
-
-  var _useState3 = useState(false),
-      isLoading = _useState3[0],
-      setIsLoading = _useState3[1];
-
-  var _useState4 = useState([]),
-      levels = _useState4[0],
-      setLevels = _useState4[1];
-
-  var _useState5 = useState({}),
-      itemGroupByLevel = _useState5[0],
-      setItemGroupByLevel = _useState5[1];
-
-  var isRtl = getIsRtl(theme);
-  var Chip = R.isNil(Tag) ? InternalTag : Tag;
-  var selectionLabels = R.prop('selection')(labels);
-  var rowCount = R.length(list);
-  var maxHeight = R.pipe(R.length, R.multiply(rowHeight), R.ifElse(R.gt(250), R.add(10), R.always(250)))(list);
-
-  useEffect(function () {
-    if (!isLoading) return;
-    setTimeout(function () {
-      var itemGroupByLevel = getItemsGroupByLevel(disableAccessor)(itemsById)(items);
-      R.pipe(getLevels, setLevels)(itemGroupByLevel);
-      setItemGroupByLevel(itemGroupByLevel);
-      setIsLoading(false);
-    }, 0);
-  }, [isLoading, items, itemsById, disableAccessor]);
-
-  useEffect(function () {
-    var scrollEl = R.path(['children', 0, 'children', 0], ref.current);
-    if (scrollEl) {
-      setScrollTop(0);
-    }
-  }, [R.prop('id', R.last(currentItem || []))]);
-
-  useEffect(function () {
-    var current = ref.current;
-    var handler = function handler(event) {
-      if (R.or(event.ctrlKey, event.shiftKey)) {
-        // ugly hack, to get div element created by react-virtuliase (get scroll height)
-        // ReactVirtualized__Grid ReactVirtualized__List made the scrollbar
-        var scrollEl = R.path(['children', 0, 'children', 0], current);
-        var isBottom = R.gte(R.add(R.prop('scrollTop')(scrollEl), R.prop('clientHeight')(scrollEl)), R.prop('scrollHeight')(scrollEl));
-        var nextpos = (scrollTop || scrollEl.scrollTop) + event.deltaY / 2;
-        if (R.or(event.deltaY < 0, event.deltaY > 0 && R.not(isBottom))) {
-          setScrollTop(nextpos < 0 ? 0 : nextpos);
-        }
-        event.preventDefault();
-      }
-      if (R.not(event.ctrlKey) && R.not(event.shiftKey)) {
-        setScrollTop(undefined); // should be undefined if the user want use the normal scroll
-      }
-    };
-    if (scrollTop === 0) {
-      setScrollTop(undefined);
-    }
-    if (R.isNil(current)) return;
-
-    current.addEventListener('wheel', handler, { passive: false });
-    return function () {
-      current.removeEventListener('wheel', handler, { passive: false });
-    };
-  }, [scrollTop]);
-
-  var handleMenu = function handleMenu() {
-    setIsMenuOpen(!isMenuOpen);
-    if (R.not(isMenuOpen)) {
-      setIsLoading(true);
-    }
-  };
-
-  return React.createElement(
-    ExpansionPanel,
-    _extends({
-      isOpen: R.equals(id, activePanelId),
-      id: id,
-      testId: '' + testId,
-      label: labelRenderer(props),
-      onChangeActivePanel: onChangeActivePanel,
-      overflow: true,
-      topElementComponent: React.createElement(
-        Fragment,
-        null,
-        TopElementComponent && React.createElement(
-          Fragment,
-          null,
-          React.createElement(
-            Container,
-            { disableGutters: true, className: classes.spotlightContainer },
-            React.createElement(TopElementComponent, _extends({
-              className: { container: classes.middle }
-            }, topElementProps, props)),
-            bulkSelection && React.createElement(
-              Tooltip,
-              {
-                key: id,
-                placement: 'bottom',
-                variant: 'light',
-                title: R.prop('title')(selectionLabels)
-              },
-              React.createElement(
-                VerticalButton,
-                {
-                  'aria-label': R.prop('title')(selectionLabels),
-                  classes: { root: classes.bulkSelectionIcon },
-                  onClick: handleMenu,
-                  selected: isMenuOpen
-                },
-                isLoading ? React.createElement(HourglassEmptyIcon, { size: 24, color: 'primary' }) : React.createElement(PlaylistAddCheckIcon, { color: 'primary' })
-              )
-            )
-          ),
-          bulkSelection && React.createElement(Selection, {
-            id: id,
-            setIsLoading: setIsLoading,
-            isOpen: isMenuOpen,
-            classes: classes,
-            items: items,
-            levels: levels,
-            itemsGroupByLevel: itemGroupByLevel,
-            itemsById: itemsById,
-            labels: selectionLabels,
-            isCurrentListAllSelected: isCurrentListAllSelected,
-            changeMutliSelection: changeMutliSelection,
-            changeLevelSelection: changeLevelSelection
-          })
-        ),
-        currentItem && React.createElement(
-          'div',
-          { className: classes.containerHeader },
-          React.createElement(Header, {
-            testId: testId,
-            classes: classes,
-            isRtl: isRtl,
-            changeList: changeList,
-            accessibility: accessibility,
-            items: currentItem,
-            labels: labels,
-            labelRenderer: labelRenderer
-          })
-        )
-      ),
-      tag: React.createElement(
-        Chip,
-        { items: list },
-        tagValue
-      ),
-      isBlank: isBlank
-    }, expansionPanelProps),
-    React.createElement(
-      List,
-      {
-        disablePadding: true,
-        style: { height: maxHeight },
-        onKeyUp: changeMultiSelectionKeyUp,
-        onMouseLeave: R.is(Function, changeMouseSelection) ? changeMouseSelection(null, { isUp: true }) : null,
-        ref: ref
-      },
-      React.createElement(
-        AutoSizer,
-        null,
-        function (_ref) {
-          var height = _ref.height,
-              width = _ref.width;
-          return React.createElement(VirtualizedList, {
-            overscan: 10,
-            tabIndex: -1,
-            height: height,
-            width: width,
-            scrollTop: scrollTop // control scroll position with ctrl or shift key
-            , rowCount: rowCount,
-            rowHeight: R.add(1)(rowHeight) // 1 is space between elements
-            , rowRenderer: function rowRenderer(_ref2) {
-              var index = _ref2.index,
-                  style = _ref2.style;
-
-              //if (isScrolling) return <div style={style}>...</div>
-              var item = R.nth(index, list);
-              return React.createElement(Item, _extends({
-                HTMLRenderer: HTMLRenderer,
-                labelRenderer: labelRenderer,
-                index: index,
-                style: style,
-                testId: testId + '_' + id,
-                key: item.hierarchicalId || item.id,
-                classes: classes,
-                isRtl: isRtl,
-                changeList: changeList,
-                changeListDescription: labels.childrenNavigateDesc,
-                changeSelection: changeSelection,
-                changeMouseSelection: changeMouseSelection,
-                ariaLabel: R.prop('navigateNext')(labels),
-                NavigateIcon: isRtl ? NavigateBefore : NavigateNext,
-                accessibility: accessibility,
-                labels: labels
-              }, item, {
-                isDisabled: disableAccessor(item),
-                label: labelRenderer(item)
-              }));
-            }
-          });
-        }
-      )
-    )
-  );
-};
-
-ScopeList.propTypes = process.env.NODE_ENV !== "production" ? {
-  testId: PropTypes.string,
-  accessibility: PropTypes.bool,
-  bulkSelection: PropTypes.bool,
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  list: PropTypes.array,
-  currentItem: PropTypes.array,
-  classes: PropTypes.object,
-  changeList: PropTypes.func,
-  changeSelection: PropTypes.func,
-  changeMutliSelection: PropTypes.func,
-  changeLevelSelection: PropTypes.func,
-  changeMultiSelectionKeyUp: PropTypes.func,
-  changeMouseSelection: PropTypes.func,
-  onChangeActivePanel: PropTypes.func,
-  activePanelId: PropTypes.string,
-  TopElementComponent: PropTypes.func,
-  topElementProps: PropTypes.object,
-  Tag: PropTypes.func,
-  tagValue: PropTypes.node,
-  isBlank: PropTypes.bool,
-  isCurrentListAllSelected: PropTypes.bool,
-  labels: PropTypes.shape({
-    childrenNavigateDesc: PropTypes.string,
-    navigateNext: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    backHelper: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    disableItemLabel: PropTypes.string,
-    selection: PropTypes.shape({
-      title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-      currentLevel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-      level: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-    })
-  }),
-  expansionPanelProps: PropTypes.object,
-  labelRenderer: PropTypes.func,
-  disableAccessor: PropTypes.func,
-  items: PropTypes.array,
-  itemsById: PropTypes.object,
-  HTMLRenderer: PropTypes.func
-} : {};
-
-export default R.compose(withBlank(function (_ref3) {
-  var _ref3$items = _ref3.items,
-      items = _ref3$items === undefined ? [] : _ref3$items,
-      isBlank = _ref3.isBlank;
-  return { isBlank: R.or(R.isEmpty(items), isBlank) };
-}), withScopeList)(ScopeList);

package/es/ScopeList/Selection.js

@@ -1,129 +0,0 @@
-import React from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import List from '@mui/material/List';
-import ListItem from '@mui/material/ListItem';
-import ListItemText from '@mui/material/ListItemText';
-import Collapse from '@mui/material/Collapse';
-import Paper from '@mui/material/Paper';
-import Typography from '@mui/material/Typography';
-import Divider from '@mui/material/Divider';
-import cx from 'classnames';
-
-var CustomListItem = function CustomListItem(_ref) {
-  var _cx;
-
-  var label = _ref.label,
-      classes = _ref.classes,
-      action = _ref.action,
-      isSelected = _ref.isSelected;
-  return React.createElement(
-    ListItem,
-    {
-      dense: true,
-      button: true,
-      onClick: function onClick(e) {
-        return action(e);
-      },
-      onKeyPress: function onKeyPress(e) {
-        if (e.key === 'Enter') {
-          action(e);
-        }
-      },
-      className: cx(classes.listItemContainer, (_cx = {}, _cx[classes.listItemSelected] = isSelected, _cx))
-    },
-    React.createElement(ListItemText, {
-      primary: label,
-      primaryTypographyProps: {
-        color: 'primary',
-        variant: 'body2'
-      }
-    })
-  );
-};
-
-CustomListItem.propTypes = process.env.NODE_ENV !== "production" ? {
-  classes: PropTypes.object,
-  label: PropTypes.string,
-  action: PropTypes.func,
-  isSelected: PropTypes.bool
-} : {};
-
-var Selection = function Selection(_ref2) {
-  var id = _ref2.id,
-      labels = _ref2.labels,
-      isOpen = _ref2.isOpen,
-      classes = _ref2.classes,
-      changeMutliSelection = _ref2.changeMutliSelection,
-      changeLevelSelection = _ref2.changeLevelSelection,
-      isCurrentListAllSelected = _ref2.isCurrentListAllSelected,
-      levels = _ref2.levels,
-      itemsGroupByLevel = _ref2.itemsGroupByLevel,
-      setIsLoading = _ref2.setIsLoading;
-  return React.createElement(
-    Collapse,
-    { 'in': isOpen },
-    React.createElement(
-      Paper,
-      { elevation: 2 },
-      React.createElement(
-        'div',
-        { className: classes.selectionContainer },
-        React.createElement(
-          List,
-          null,
-          React.createElement(
-            ListItem,
-            { dense: true },
-            React.createElement(
-              Typography,
-              { variant: 'body2' },
-              R.prop('title')(labels)
-            )
-          ),
-          React.createElement(CustomListItem, {
-            classes: classes,
-            label: R.prop('currentLevel')(labels),
-            action: function action(e) {
-              // move setLoading in the main file when with-scope-list will be deleted
-              setIsLoading(true);
-              changeMutliSelection(e);
-            },
-            isSelected: isCurrentListAllSelected
-          }),
-          R.not(R.isEmpty(levels)) && React.createElement(Divider, null),
-          R.map(function (_ref3) {
-            var level = _ref3[0],
-                isLevelSelected = _ref3[1];
-            return React.createElement(CustomListItem, {
-              key: 'bulkSelection-' + id + '-' + level,
-              classes: classes,
-              label: R.prop('level')(labels) + ' ' + R.add(1)(Number(level)),
-              action: function action(e) {
-                // move setLoading in the main file when with-scope-list will be deleted
-                setIsLoading(true);
-                changeLevelSelection(itemsGroupByLevel)(level, isLevelSelected)(e);
-              },
-              isSelected: isLevelSelected
-            });
-          })(levels)
-        )
-      )
-    )
-  );
-};
-
-Selection.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  labels: PropTypes.object,
-  isOpen: PropTypes.bool,
-  classes: PropTypes.object,
-  changeMutliSelection: PropTypes.func,
-  changeLevelSelection: PropTypes.func,
-  isCurrentListAllSelected: PropTypes.bool,
-  levels: PropTypes.array,
-  itemsGroupByLevel: PropTypes.object,
-  setIsLoading: PropTypes.func
-} : {};
-
-export default Selection;

package/es/ScopeList/index.deprecated.js

@@ -1,94 +0,0 @@
-/**
- * Scope List allow a horizontal navigation in a tree
- * (open console to see selection onClick, onKeyPress)
- *
- * limitDisplay: default 0. by default the filter will be blank if items content n of in the list.
- *
- * displayAccessor: if displayAccessor is defined the list will be the items return by displayAccessor,
- * in other word if the prop defined get by displayAccessor is not there, then the scope list will ignore the item and the item will be completely hide
- *
- * disabledAccessor: this accessor allow you to allow disabled items. Contrary to displayAccessor the item will be show but not clikable.
- *
- * bulkselection: allow and show button to selection entire level or current view
- *
- * @memberOf VISIONS
- * @name ScopeList
- * @tag component
- * @api public
- * @props
- * ScopeList.propTypes = {
- *   disableAccessor: PropTypes.func,
- *   displayAccessor: PropTypes.func,
- *   testId: PropTypes.string,
- *   term: PropTypes.string,
- *   id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
- *   label: PropTypes.string,
- *   accessibility: PropTypes.bool,
- *   limitDisplay: PropTypes.number
- *   items: {
- *     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
- *     label: PropTypes.string,
- *     parentId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- *     isSelected: PropTypes.bool,
- *     isDisabled: PropTypes.bool,
- *     count: PropTypes.number,
- *     path: PropTypes.arrayOf(PropTypes.shape({
- *       id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
- *       label: PropTypes.string,
- *       parentId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- *       isSelected: PropTypes.bool,
- *     })),
- *     [yourDisplayAccessorKey]: PropTypes.bool,
- *   },
- *   spotlight, c.f proptype spotlight
- *   mainPlaceholder: PropTypes.string,
- *   secondaryPlaceholder: PropTypes.string,
- *   activePanelId: PropTypes.string,,
- *   hasPath: PropTypes.bool,
- *   changeSelection: PropTypes.func,
- *   labels: {
- *     childrenNavigateDesc: PropTypes.string,
- *     navigateBefore: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     navigateNext: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     backHelper: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     disableItemLabel: PropTypes.string,
- *     selection: {
- *       title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *       currentLevel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *       level: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     }
- *   },
- *   expansionPanelProps: PropTypes.object
- *   bulkSelection: PropTypes.bool
- *   labelRenderer: PropTypes.func,
- * };
- * @theme
- * // see ExpansionPanel too custom open and close scopelist
- * level: a level is the current tree level start from level 1
- * {
- *   palette: {
- *     primary: {
- *       main: // label color and background color of around arrow to see children. global override: outerPalette.primaryMain
- *     },
- *     common: {
- *       white: // color of arrow to see children
- *     },
- *     action: {
- *       hover: // background color of element and header element (from level 2) on hover or selected
- *       selected: // background color of focus element (accessibility must be set to true) or hover of selected element
- *     },
- *     grey: {
- *       100: // color of tough line (line displayed from level 2)
- *       600: // count label (after label element) and path label color (use search to see path)
- *       700: // disabled label
- *       800: // arrow color between header element (displayed from level 3). globale override: outerPalette.textLight
- *     }
- *   }
- * }
- * @testId
- * @demoReady
- * root: [testId]
- * value: [testId]_value_[props.items.id]
- */
-
-export { default } from './ScopeList';

package/es/ScopeList/index.js

@@ -1,94 +0,0 @@
-/**
- * Scope List allow a horizontal navigation in a tree
- * (open console to see selection onClick, onKeyPress)
- *
- * limitDisplay: default 0. by default the filter will be blank if items content n of in the list.
- *
- * displayAccessor: if displayAccessor is defined the list will be the items return by displayAccessor,
- * in other word if the prop defined get by displayAccessor is not there, then the scope list will ignore the item and the item will be completely hide
- *
- * disabledAccessor: this accessor allow you to allow disabled items. Contrary to displayAccessor the item will be show but not clikable.
- *
- * bulkselection: allow and show button to selection entire level or current view
- *
- * @memberOf VISIONS
- * @name ScopeList
- * @tag component
- * @api public
- * @props
- * ScopeList.propTypes = {
- *   disableAccessor: PropTypes.func,
- *   displayAccessor: PropTypes.func,
- *   testId: PropTypes.string,
- *   term: PropTypes.string,
- *   id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
- *   label: PropTypes.string,
- *   accessibility: PropTypes.bool,
- *   limitDisplay: PropTypes.number
- *   items: {
- *     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
- *     label: PropTypes.string,
- *     parentId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- *     isSelected: PropTypes.bool,
- *     isDisabled: PropTypes.bool,
- *     count: PropTypes.number,
- *     path: PropTypes.arrayOf(PropTypes.shape({
- *       id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
- *       label: PropTypes.string,
- *       parentId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- *       isSelected: PropTypes.bool,
- *     })),
- *     [yourDisplayAccessorKey]: PropTypes.bool,
- *   },
- *   spotlight, c.f proptype spotlight
- *   mainPlaceholder: PropTypes.string,
- *   secondaryPlaceholder: PropTypes.string,
- *   activePanelId: PropTypes.string,,
- *   hasPath: PropTypes.bool,
- *   changeSelection: PropTypes.func,
- *   labels: {
- *     childrenNavigateDesc: PropTypes.string,
- *     navigateBefore: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     navigateNext: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     backHelper: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     disableItemLabel: PropTypes.string,
- *     selection: {
- *       title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *       currentLevel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *       level: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     }
- *   },
- *   expansionPanelProps: PropTypes.object
- *   bulkSelection: PropTypes.bool
- *   labelRenderer: PropTypes.func,
- * };
- * @theme
- * // see Accordion too custom open and close scopelist
- * level: a level is the current tree level start from level 1
- * {
- *   palette: {
- *     primary: {
- *       main: // label color and background color of around arrow to see children. global override: outerPalette.primaryMain
- *     },
- *     common: {
- *       white: // color of arrow to see children
- *     },
- *     action: {
- *       hover: // background color of element and header element (from level 2) on hover or selected
- *       selected: // background color of focus element (accessibility must be set to true) or hover of selected element
- *     },
- *     grey: {
- *       100: // color of tough line (line displayed from level 2)
- *       600: // count label (after label element) and path label color (use search to see path)
- *       700: // disabled label
- *       800: // arrow color between header element (displayed from level 3). globale override: outerPalette.textLight
- *     }
- *   }
- * }
- * @testId
- * @demoReady
- * root: [testId]
- * value: [testId]_value_[props.items.id]
- */
-
-export { default } from './ScopeList';