@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/es/Chips/styles.js

@@ -1,67 +0,0 @@
-import * as R from 'ramda';
-
-export default (function (theme) {
-  return {
-    root: {
-      display: 'flex',
-      flexWrap: 'wrap'
-    },
-    chip: {
-      height: 'unset',
-      borderRadius: 3,
-      minHeight: 25,
-      fontSize: 12,
-      margin: theme.spacing(0.25)
-    },
-    mainChip: {
-      background: 'none',
-      color: theme.palette.text.primary,
-      '&:hover, &:focus': {
-        backgroundColor: theme.palette.grey[300]
-      }
-    },
-    secondaryChip: {
-      backgroundColor: R.path(['palette', 'tertiary', 'light'])(theme) || theme.palette.grey[100],
-      '&:hover, &:focus': {
-        backgroundColor: R.path(['palette', 'tertiary', 'dark'])(theme) || theme.palette.grey[300]
-      },
-      color: theme.palette.primary.main
-    },
-    icon: {
-      color: theme.palette.primary.main + ' !important',
-      cursor: 'pointer',
-      margin: '0 !important',
-      '&:hover': {
-        color: 'inherit'
-      },
-      '& svg': {
-        fontSize: 15
-      }
-    },
-    divider: {
-      margin: theme.spacing(0.5),
-      backgroundColor: theme.palette.grey[700]
-    },
-    dividerHz: {
-      width: '100%',
-      margin: theme.spacing(0.5),
-      backgroundColor: theme.palette.grey[700]
-    },
-    spaceLabel: {
-      paddingLeft: 4,
-      paddingRight: 4
-    },
-    formatLabel: {
-      whiteSpace: 'pre-wrap',
-      overflowWrap: 'anywhere'
-    },
-    tooltip: theme.typography.body2,
-    childrenIndicator: {
-      margin: '0 2px',
-      fontSize: 10
-    },
-    tooltipIndicator: {
-      borderBottom: '1px dotted ' + theme.palette.primary.main
-    }
-  };
-});

package/es/Chips/utils.js

@@ -1,21 +0,0 @@
-import * as R from 'ramda';
-
-export var myTooltipRenderer = function myTooltipRenderer(_ref) {
-  var isRtl = _ref.isRtl,
-      labelRenderer = _ref.labelRenderer;
-  return R.pipe(R.map(labelRenderer), R.when(R.always(isRtl), R.reverse), R.join(isRtl ? ' < ' : ' > '));
-};
-
-export var myTooltipRendererSrOnly = function myTooltipRendererSrOnly(_ref2) {
-  var isRtl = _ref2.isRtl,
-      labelRenderer = _ref2.labelRenderer,
-      ariaLabelTooltip = _ref2.ariaLabelTooltip;
-  return R.pipe(R.map(labelRenderer), R.when(R.always(isRtl), R.reverse), R.join(ariaLabelTooltip));
-};
-
-export var isLast = function isLast(index, list) {
-  return index + 1 === R.length(list);
-};
-
-export var shownTooltip = R.pipe(R.dropLast(1), R.either(R.isEmpty, R.isNil), R.not);
-export var showMultiLinedTooltip = R.pipe(R.head, R.propOr([], 'parents'), R.isEmpty, R.not);

package/es/CollapseButtons/CollapseButtons.js

@@ -1,159 +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, { useState } from 'react';
-import cx from 'classnames';
-import * as R from 'ramda';
-import makeStyles from '@mui/styles/makeStyles';
-import useMediaQuery from '@mui/material/useMediaQuery';
-import Grid from '@mui/material/Grid';
-import Collapse from '@mui/material/Collapse';
-import Typography from '@mui/material/Typography';
-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 (theme) {
-  return {
-    collapseContainer: {
-      width: '100%'
-    },
-    container: {
-      '&:focus': {
-        outlineColor: theme.palette.highlight.hl1,
-        outlineWidth: 2,
-        outlineStyle: 'auto',
-        paddingBottom: 16
-      }
-    }
-  };
-});
-
-var CollapseButtons = function CollapseButtons(props) {
-  var _cx;
-
-  var _props$items = props.items,
-      items = _props$items === undefined ? [] : _props$items,
-      _props$action = props.action,
-      action = _props$action === undefined ? function () {} : _props$action,
-      _props$nbColumns = props.nbColumns,
-      nbColumns = _props$nbColumns === undefined ? 3 : _props$nbColumns,
-      _props$testId = props.testId,
-      testId = _props$testId === undefined ? 'collapseButton' : _props$testId,
-      isSecondLevelClikable = props.isSecondLevelClikable,
-      _props$gridButtonsPro = props.gridButtonsProps,
-      gridButtonsProps = _props$gridButtonsPro === undefined ? {} : _props$gridButtonsPro,
-      _props$breakpoint = props.breakpoint,
-      breakpoint = _props$breakpoint === undefined ? function (theme) {
-    return theme.breakpoints.down('md');
-  } : _props$breakpoint,
-      justify = props.justify,
-      _props$textTransform = props.textTransform,
-      textTransform = _props$textTransform === undefined ? 'none' : _props$textTransform,
-      _props$labelAccessor = props.labelAccessor,
-      labelAccessor = _props$labelAccessor === undefined ? R.prop('label') : _props$labelAccessor,
-      accessibility = props.accessibility;
-
-
-  var classes = useStyles();
-  var isMobileView = useMediaQuery(breakpoint);
-
-  var _useState = useState(props.selectedItemId),
-      toggleId = _useState[0],
-      setIsOpen = _useState[1];
-
-  var mapIndexed = R.addIndex(R.map);
-  var collapseFactory = function collapseFactory(_ref) {
-    var action = _ref.action,
-        isSecondLevelClikable = _ref.isSecondLevelClikable,
-        labelAccessor = _ref.labelAccessor,
-        testId = _ref.testId;
-    return function (_ref2) {
-      var toggleId = _ref2.toggleId,
-          id = _ref2.id,
-          values = _ref2.values,
-          isMobileView = _ref2.isMobileView;
-      return React.createElement(
-        Collapse,
-        {
-          key: id,
-          'in': toggleId === id,
-          timeout: 'auto',
-          unmountOnExit: true,
-          className: classes.collapseContainer
-        },
-        React.createElement(
-          Paper,
-          { elevation: 10, isMobileView: isMobileView },
-          mapIndexed(function (item, index) {
-            return React.createElement(Item, {
-              key: index + '-' + R.prop('id')(item),
-              testId: testId + '_' + id + '_value_' + R.prop('id')(item),
-              parentId: id,
-              item: item,
-              action: action,
-              isSecondLevelClikable: isSecondLevelClikable,
-              labelAccessor: labelAccessor
-            });
-          }, values)
-        )
-      );
-    };
-  };
-  var collapse = collapseFactory({ action: action, isSecondLevelClikable: isSecondLevelClikable, labelAccessor: labelAccessor, testId: testId });
-
-  return React.createElement(
-    Grid,
-    {
-      container: true,
-      spacing: 2,
-      'data-testid': testId,
-      justifyContent: justify,
-      className: cx((_cx = {}, _cx[classes.container] = accessibility, _cx)),
-      tabIndex: 0
-    },
-    mapIndexed(function (_ref3, index) {
-      var id = _ref3.id,
-          label = _ref3.label,
-          _ref3$values = _ref3.values,
-          values = _ref3$values === undefined ? [] : _ref3$values;
-      return React.createElement(
-        Grid,
-        _extends({
-          item: true,
-          xs: 12,
-          sm: 12,
-          md: R.nth(nbColumns)(COLUMNS)
-        }, gridButtonsProps, {
-          key: index + '::' + id
-        }),
-        React.createElement(
-          Typography,
-          { variant: 'h3' },
-          React.createElement(ToggleButton, {
-            textTransform: textTransform,
-            label: label,
-            tabIndex: toggleId ? 1 : 0,
-            isOpen: toggleId === id,
-            toggle: function toggle() {
-              return setIsOpen(id === toggleId ? null : id);
-            },
-            testId: testId + '_' + id,
-            id: id
-          }),
-          isMobileView && collapse({ toggleId: toggleId, id: id, values: values, isMobileView: isMobileView })
-        )
-      );
-    })(items),
-    !isMobileView && R.map(function (_ref4) {
-      var id = _ref4.id,
-          _ref4$values = _ref4.values,
-          values = _ref4$values === undefined ? [] : _ref4$values;
-      return collapse({ toggleId: toggleId, id: id, values: values, isMobileView: isMobileView });
-    }, items)
-  );
-};
-
-export default CollapseButtons;

package/es/CollapseButtons/Item.js

@@ -1,146 +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 PropTypes from 'prop-types';
-import * as R from 'ramda';
-import Grid from '@mui/material/Grid';
-import Button from '@mui/material/Button';
-import Link from '@mui/material/Link';
-import makeStyles from '@mui/styles/makeStyles';
-import SvgIcon from '@mui/material/SvgIcon';
-import { Typography } from '@mui/material';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    paperItem: {
-      alignItems: 'baseline'
-    },
-    itemTitle: _extends({}, theme.typography.body2, {
-      color: theme.palette.primary.main
-    }),
-    button: {
-      '&:hover': {
-        backgroundColor: R.path(['palette', 'tertiary', 'light'])(theme) || theme.palette.secondary.light
-      },
-      padding: theme.spacing(1.25),
-      textAlign: 'left',
-      textTransform: 'none',
-      justifyContent: 'flex-start',
-      display: 'flex'
-    },
-    itemSubtitle: _extends({}, theme.typography.body1, {
-      display: 'flex',
-      flexDirection: 'column',
-      color: theme.palette.grey[800]
-    }),
-    itemSubtitleLink: _extends({}, theme.typography.body1, {
-      color: theme.palette.grey[800],
-      '&:hover': {
-        color: theme.palette.primary.main
-      }
-    }),
-    svg: {
-      color: theme.palette.grey[600],
-      fontSize: '1rem',
-      marginRight: theme.spacing(0.5),
-      marginTop: theme.spacing(0.25),
-      marginBottom: 'auto'
-    }
-  };
-});
-
-var Item = function Item(_ref) {
-  var parentId = _ref.parentId,
-      item = _ref.item,
-      action = _ref.action,
-      testId = _ref.testId,
-      isSecondLevelClikable = _ref.isSecondLevelClikable,
-      labelAccessor = _ref.labelAccessor;
-
-  var classes = useStyles();
-  var mapIndexed = R.addIndex(R.map);
-  return React.createElement(
-    Grid,
-    { className: classes.paperItem },
-    React.createElement(
-      Typography,
-      { variant: 'h4' },
-      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
-        },
-        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 },
-            labelAccessor(item, parentId)
-          ),
-          React.createElement(
-            'span',
-            { className: classes.itemSubtitle },
-            mapIndexed(function (subtopic, index) {
-              if (R.not(R.is(Object)(subtopic))) return subtopic;
-              if (R.not(isSecondLevelClikable)) return labelAccessor(subtopic, parentId);
-              var id = R.prop('id')(subtopic);
-              return React.createElement(
-                Typography,
-                { variant: 'h5', key: id + '::' + index },
-                React.createElement(
-                  Link,
-                  {
-                    className: classes.itemSubtitleLink,
-                    role: 'link',
-                    onClick: function onClick(e) {
-                      if (R.not(R.is(Function)(action))) return;
-                      action(parentId, id);
-                      e.stopPropagation();
-                    },
-                    onKeyDown: function onKeyDown(e) {
-                      if (e.key === 'Enter' || e.key === ' ') {
-                        if (R.not(R.is(Function)(action))) return;
-                        action(parentId, id);
-                        e.stopPropagation();
-                      }
-                    },
-                    tabIndex: 0,
-                    underline: 'none',
-                    style: { display: 'list-item' }
-                  },
-                  labelAccessor(subtopic, parentId)
-                )
-              );
-            })(R.pipe(R.propOr([], 'subtopics'), R.ifElse(R.always(isSecondLevelClikable), R.identity, 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,
-  labelAccessor: PropTypes.func
-} : {};
-
-export default Item;

package/es/CollapseButtons/Paper.js

@@ -1,58 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import makeStyles from '@mui/styles/makeStyles';
-import Paper from '@mui/material/Paper';
-import Grid from '@mui/material/Grid';
-import cx from 'classnames';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    paper: {
-      padding: theme.spacing(2.5),
-      margin: theme.spacing(1.25),
-      borderRadius: 'unset'
-    },
-    mobileView: {
-      display: 'flex',
-      flexDirection: 'column',
-      columnCount: 'unset'
-    },
-    view: {
-      columnCount: 3,
-      columnFill: 'balance'
-    }
-  };
-});
-
-var CustomPaper = function CustomPaper(_ref) {
-  var _cx, _cx2;
-
-  var isMobileView = _ref.isMobileView,
-      children = _ref.children,
-      onClose = _ref.onClose;
-
-  var classes = useStyles();
-  return React.createElement(
-    Paper,
-    {
-      onKeyDown: function onKeyDown(e) {
-        if (e.key === 'Escape') onClose();
-      },
-      classes: {
-        root: cx(classes.paper, (_cx = {}, _cx[classes.mobileView] = isMobileView, _cx))
-      }
-    },
-    React.createElement(
-      Grid,
-      { className: cx(classes.view, (_cx2 = {}, _cx2[classes.mobileView] = isMobileView, _cx2)) },
-      children
-    )
-  );
-};
-
-CustomPaper.propTypes = process.env.NODE_ENV !== "production" ? {
-  isMobileView: PropTypes.bool,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
-} : {};
-
-export default CustomPaper;

package/es/CollapseButtons/index.js

@@ -1,90 +0,0 @@
-/**
- * Collapse Buttons show one or many buttons with Children and Sub-Children
- * Buttons are drawn in row of three
- * Children are drawn also in row of three and the sub-children are drawn in line separated by comma
- * justify properties can take all variant define in "justifyContent" https://material-ui.com/api/grid/
- * | 'flex-start'
- * | 'center'
- * | 'flex-end'
- * | 'space-between'
- * | 'space-around'
- * | 'space-evenly'
- *
- * textTransform: 'none' | 'capitalize' | 'uppercase' | 'lowercase'
- *
- * to manage layout you have three properties
- * nbColumns: numbers of column you want to have
- * gridButtonsProps: mainly to manage breakpoints in the differents layout of buttons but you can change all the grid properties. (nbColumns is use with the "sm" breakpoint)
- * breakpoint: is a function with theme arg. Allow you to change the mobile view, (default theme => theme.breakpoints.down('sm'))
- *
- * @memberOf VISIONS
- * @name CollapseButtons
- * @tag component
- * @api public
- * @props
- * CollapseButtons.propTypes = {
- *   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,
- * };
- * @theme
- * // button (See ToggleButton Component)
- *
- * // item (an item is the list of labels that is shown after clicking on "Topic")
- * {
- *    palette: {
- *      primary: {
- *        main: // item main label and sub label's hover. global override: outerPalette.primaryMain
- *      }
- *      tertiary: {
- *        light: // hover background color items (e.g. Economie)
- *      },
- *      secondary: {
- *        light: // use secondary light if tertiary is null
- *      }
- *      grey: {
- *        600: // svg icon color
- *        800: // sub label color. globale override: outerPalette.textLight
- *      }
- *    },
- *    typography: {
- *      body2: // font main label
- *      body1: // font sub label
- *    }
- * }
- * @testId
- * root: [testId]_[props.items.id]
- * input: [testId]_[props.items.id]_value_[props.items.values.id]
- *
- * @demoReady
- */
-
-export { default } from './CollapseButtons';

package/es/CollapsibleTree/Collapse.js

@@ -1,98 +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, { useEffect } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { pathOr } from 'ramda';
-import { useTheme } from '@mui/material/styles';
-import makeStyles from '@mui/styles/makeStyles';
-import Collapse from '@mui/material/Collapse';
-import Button from '@mui/material/Button';
-import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
-import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';
-
-var VARIANT_ICON = 'icon';
-export var VARIANT_BOLD = 'bold';
-
-var useStyles = makeStyles(function (theme) {
-  var _ref;
-
-  return _ref = {
-    buttonExpand: {
-      display: 'flex',
-      justifyContent: 'space-between'
-    }
-  }, _ref['button' + VARIANT_ICON] = {
-    color: theme.palette.primary.main,
-    backgroundColor: 'rgba(24, 32, 38, 0.04)',
-    margin: theme.spacing(1, 0)
-  }, _ref['button' + VARIANT_BOLD] = _extends({
-    marginBottom: theme.spacing(1),
-    padding: theme.spacing(0.5, 0, 1, 0),
-    '&:hover': {
-      backgroundColor: 'unset'
-    }
-  }, pathOr({}, ['mixins', 'collapsibleTree', 'buttonSublevel'], theme)), _ref['collapsibleContainer' + VARIANT_BOLD] = {
-    borderTop: '2px solid black',
-    marginTop: theme.spacing(2),
-    marginBottom: theme.spacing(2)
-  }, _ref;
-});
-
-var CollapseComponent = function CollapseComponent(_ref2) {
-  var label = _ref2.label,
-      isOpen = _ref2.isOpen,
-      children = _ref2.children,
-      _ref2$variant = _ref2.variant,
-      variant = _ref2$variant === undefined ? VARIANT_ICON : _ref2$variant,
-      level = _ref2.level;
-
-  var classes = useStyles();
-  var theme = useTheme();
-
-  var _React$useState = React.useState(isOpen),
-      open = _React$useState[0],
-      setOpen = _React$useState[1];
-
-  useEffect(function () {
-    return setOpen(isOpen);
-  }, [isOpen]);
-
-  return React.createElement(
-    'div',
-    {
-      className: cx(classes['collapsibleContainer' + variant]),
-      style: {
-        marginRight: theme.spacing(level * 2),
-        marginLeft: theme.spacing(level * 2)
-      }
-    },
-    React.createElement(
-      Button,
-      {
-        className: cx(classes.buttonExpand, classes['button' + variant]),
-        onClick: function onClick() {
-          return setOpen(!open);
-        },
-        fullWidth: true
-      },
-      label,
-      open ? React.createElement(KeyboardArrowUpIcon, { color: 'primary' }) : React.createElement(KeyboardArrowDownIcon, { color: 'primary' })
-    ),
-    React.createElement(
-      Collapse,
-      { 'in': open, timeout: 'auto' },
-      children
-    )
-  );
-};
-
-CollapseComponent.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: PropTypes.string,
-  isOpen: PropTypes.bool,
-  children: PropTypes.node,
-  variant: PropTypes.oneOf([VARIANT_ICON, VARIANT_BOLD]),
-  level: PropTypes.number
-} : {};
-
-export default CollapseComponent;