@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/es/TablePreview/TablePreview.js

@@ -1,244 +0,0 @@
-import React, { Fragment } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import * as R from 'ramda';
-import Table from '@mui/material/Table';
-import TableRow from '@mui/material/TableRow';
-import TableCell from '@mui/material/TableCell';
-import Lens from '@mui/icons-material/Lens';
-import { withBlank } from '../utils';
-import { useStyles } from './styles';
-import { getMaxValuesLength, getEmptyValues, getLabel, valueLabel, maxCount } from './lib';
-
-var patern = {
-  id: PropTypes.string,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  count: PropTypes.number
-};
-
-var Header = function Header(_ref) {
-  var header = _ref.header,
-      colSpan = _ref.colSpan,
-      valuesSpan = _ref.valuesSpan;
-
-  var classes = useStyles();
-
-  return R.map(function (_ref2) {
-    var id = _ref2.id,
-        label = _ref2.label,
-        count = _ref2.count;
-    return React.createElement(
-      TableRow,
-      { key: id, className: cx(classes.header, classes.border) },
-      React.createElement(
-        TableCell,
-        {
-          tabIndex: 0,
-          className: cx(classes.cell, classes.headerTitleCell),
-          colSpan: colSpan,
-          scope: 'row',
-          title: label
-        },
-        label
-      ),
-      R.times(function (index) {
-        return React.createElement(
-          TableCell,
-          {
-            key: id + '-' + index,
-            className: cx(classes.border, classes.cell, classes.headerCell),
-            scope: 'col'
-          },
-          index < count ? valueLabel : ''
-        );
-      }, valuesSpan)
-    );
-  })(header);
-};
-
-Header.propTypes = process.env.NODE_ENV !== "production" ? {
-  header: PropTypes.array,
-  colSpan: PropTypes.number,
-  valuesSpan: PropTypes.number
-} : {};
-
-var RowHeader = function RowHeader(_ref3) {
-  var _ref3$id = _ref3.id,
-      id = _ref3$id === undefined ? 'rowHeader' : _ref3$id,
-      rows = _ref3.rows,
-      emptyValues = _ref3.emptyValues;
-
-  var classes = useStyles();
-
-  return React.createElement(
-    TableRow,
-    null,
-    R.map(function (_ref4) {
-      var id = _ref4.id,
-          label = _ref4.label;
-      return React.createElement(
-        TableCell,
-        {
-          tabIndex: 0,
-          key: id,
-          className: cx(classes.rows, classes.border, classes.cell, classes.rowheaderCell),
-          title: label
-        },
-        label
-      );
-    })(rows),
-    React.createElement(TableCell, { className: cx(classes.separatorValues, classes.border, classes.separatorSize) }),
-    R.addIndex(R.map)(function (value, index) {
-      return React.createElement(TableCell, {
-        key: id + '-' + index,
-        className: cx(classes.separatorValues, classes.border, classes.cell)
-      });
-    })(emptyValues)
-  );
-};
-
-RowHeader.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: PropTypes.string,
-  rows: PropTypes.array,
-  emptyValues: PropTypes.array
-} : {};
-
-var Sections = function Sections(_ref5) {
-  var sections = _ref5.sections,
-      colSpan = _ref5.colSpan;
-
-  var classes = useStyles();
-
-  return React.createElement(
-    TableRow,
-    { className: cx(classes.border) },
-    React.createElement(
-      TableCell,
-      { tabIndex: 0, className: cx(classes.border, classes.sections), colSpan: colSpan },
-      R.addIndex(R.map)(function (_ref6, index) {
-        var id = _ref6.id,
-            label = _ref6.label;
-        return React.createElement(
-          Fragment,
-          { key: id },
-          React.createElement(
-            'span',
-            { className: classes.sectionsTitleCell },
-            label + ': '
-          ),
-          React.createElement(
-            'span',
-            { className: classes.sectionsCell },
-            valueLabel,
-            index === sections.length - 1 ? null : React.createElement(Lens, { className: classes.icon })
-          )
-        );
-      })(sections)
-    )
-  );
-};
-
-Sections.propTypes = process.env.NODE_ENV !== "production" ? {
-  sections: PropTypes.array,
-  colSpan: PropTypes.number
-} : {};
-
-var RowValues = function RowValues(_ref7) {
-  var _ref7$id = _ref7.id,
-      id = _ref7$id === undefined ? 'rowValues' : _ref7$id,
-      rows = _ref7.rows,
-      emptyValues = _ref7.emptyValues;
-
-  var classes = useStyles();
-
-  var totalMaxCount = R.min(maxCount, R.reduce(R.max, 0, R.pluck('count', rows)));
-
-  return R.times(function (rowIndex) {
-    return React.createElement(
-      TableRow,
-      { key: id + '-' + rowIndex },
-      R.map(function (_ref8) {
-        var id = _ref8.id,
-            count = _ref8.count;
-        return React.createElement(
-          TableCell,
-          {
-            key: id + '-' + rowIndex,
-            className: cx(classes.rows, classes.border, classes.cell)
-          },
-          rowIndex < count ? valueLabel : ''
-        );
-      })(rows),
-      React.createElement(TableCell, { className: cx(classes.separatorValues, classes.separatorSize, classes.border) }),
-      R.times(function (columnIndex) {
-        return React.createElement(TableCell, {
-          key: rowIndex + '-header-' + columnIndex,
-          className: cx(classes.border, classes.cell)
-        });
-      })(emptyValues.length)
-    );
-  }, totalMaxCount);
-};
-
-RowValues.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: PropTypes.string,
-  rows: PropTypes.array,
-  emptyValues: PropTypes.array
-} : {};
-
-var MyTable = function MyTable(_ref9) {
-  var _ref9$header = _ref9.header,
-      header = _ref9$header === undefined ? [] : _ref9$header,
-      _ref9$sections = _ref9.sections,
-      sections = _ref9$sections === undefined ? [] : _ref9$sections,
-      _ref9$rows = _ref9.rows,
-      rows = _ref9$rows === undefined ? [] : _ref9$rows,
-      _ref9$labelRenderer = _ref9.labelRenderer,
-      labelRenderer = _ref9$labelRenderer === undefined ? R.prop('name') : _ref9$labelRenderer;
-
-  var classes = useStyles();
-  var nbShowedValuesHeader = getMaxValuesLength(header);
-  var emptyValues = getEmptyValues(nbShowedValuesHeader);
-  var nbColumns = R.length(rows) + R.max(nbShowedValuesHeader, 1) + 1;
-  var nbColumnRows = R.length(rows) + 1;
-  var enhancedHeader = R.pipe(getLabel(labelRenderer))(header);
-  var enhancedRows = R.pipe(getLabel(labelRenderer))(rows);
-  var enhancedSections = R.pipe(getLabel(labelRenderer))(sections);
-
-  return React.createElement(
-    Table,
-    {
-      tabIndex: 0,
-      'data-testid': 'table-preview-test-id',
-      className: cx(classes.table, classes.border)
-    },
-    React.createElement(
-      'tbody',
-      null,
-      R.isEmpty(enhancedHeader) ? null : React.createElement(Header, {
-        colSpan: nbColumnRows,
-        header: enhancedHeader,
-        valuesSpan: nbShowedValuesHeader
-      }),
-      React.createElement(RowHeader, { rows: enhancedRows, emptyValues: emptyValues }),
-      R.isEmpty(enhancedSections) ? null : React.createElement(Sections, { colSpan: nbColumns, sections: enhancedSections }),
-      React.createElement(RowValues, { rows: enhancedRows, emptyValues: emptyValues })
-    )
-  );
-};
-
-MyTable.propTypes = process.env.NODE_ENV !== "production" ? {
-  header: PropTypes.arrayOf(PropTypes.shape(patern)),
-  sections: PropTypes.arrayOf(PropTypes.shape(patern)),
-  rows: PropTypes.arrayOf(PropTypes.shape(patern)),
-  labelRenderer: PropTypes.func
-} : {};
-
-export default withBlank(function (_ref10) {
-  var _ref10$rows = _ref10.rows,
-      rows = _ref10$rows === undefined ? [] : _ref10$rows,
-      isBlank = _ref10.isBlank;
-  return {
-    isBlank: R.or(isBlank, R.isEmpty(rows))
-  };
-})(MyTable);

package/es/TablePreview/index.js

@@ -1,44 +0,0 @@
-/**
- * TablePreview use also by TableLayout. It's a preview of your main rows sections and header
- *
- * @memberOf VISIONS
- * @name TablePreview
- * @tag component
- * @api public
- *
- * const patern = {
- *   id: PropTypes.string,
- *   label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   values: PropTypes.arrayOf(
- *     PropTypes.shape({
- *       id: PropTypes.string,
- *       label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     }),
- *   ),
- * };
- *
- * Table.proptypes = {
- *   header: PropTypes.arrayOf(PropTypes.shape(patern)),
- *   sections: PropTypes.arrayOf(PropTypes.shape(patern)),
- *   rows: PropTypes.arrayOf(PropTypes.shape(patern)),
- *   labelRenderer: PropTypes.func,
- * }
- * @theme
- * {
- *   palette: {
- *     primary: {
- *       main: // header colors. global override: outerPalette.primaryMain
- *     },
- *     tertiary: {
- *       dark: // sections colors
- *       light: // rows colors
- *     },
- *     secondary: {
- *       dark: // used if tertiary dark is null
- *       light: // used if tertiary light is null
- *     }
- *   }
- * }
- **/
-
-export { default } from './TablePreview';

package/es/TablePreview/lib.js

@@ -1,34 +0,0 @@
-import * as R from 'ramda';
-import Lens from '@mui/icons-material/Lens';
-
-export var valueLabel = 'Xxxx';
-export var maxCount = 3;
-
-export var getMaxValuesLength = function getMaxValuesLength(items) {
-  return Math.min(Math.max.apply(Math, R.map(R.propOr(0, 'count'), items)), maxCount);
-};
-export var getEmptyValues = R.ifElse(R.flip(R.lte)(0), R.always(['']), R.times(R.always('')));
-export var getLabel = function getLabel(itemRenderer) {
-  return R.map(function (item) {
-    return R.assoc('label', itemRenderer(item), item);
-  });
-};
-
-var addMissingValues = function addMissingValues(id, nbShowedValues) {
-  return function (values) {
-    return R.times(function (nb) {
-      return { id: 'table-preview-' + id + '-' + nb, label: '' };
-    }, nbShowedValues - R.length(values));
-  };
-};
-
-export var getEqualLengthValues = function getEqualLengthValues(nbShowedValues) {
-  return R.map(function (dimension) {
-    var id = dimension.id;
-    return R.ifElse(R.pipe(R.prop('values'), R.length, R.flip(R.lt)(nbShowedValues)), R.over(R.lensProp('values'), R.converge(R.concat, [R.identity, addMissingValues(id, nbShowedValues)])), R.identity)(dimension);
-  });
-};
-
-export var getEnhancedSections = function getEnhancedSections(sectionLength) {
-  return R.pipe(R.map(R.pipe(R.over(R.lens(R.propOr([], 'values'), R.assoc('values')), R.pipe(R.pluck('label'), R.head)), R.assoc('Icon', Lens))), R.over(R.lensIndex(sectionLength - 1), R.dissoc('Icon')));
-};

package/es/TablePreview/styles.js

@@ -1,71 +0,0 @@
-import makeStyles from '@mui/styles/makeStyles';
-import { getLight, getDark } from '../utils';
-
-export var useStyles = makeStyles(function (theme) {
-  return {
-    header: {
-      backgroundColor: theme.palette.primary.main
-    },
-    headerTitleCell: {
-      color: theme.palette.getContrastText(theme.palette.primary.main),
-      textAlign: 'right',
-      fontStyle: 'italic',
-      fontWeight: theme.typography.fontWeightBold
-    },
-    headerCell: {
-      color: theme.palette.getContrastText(theme.palette.primary.main),
-      textAlign: 'center'
-    },
-    rows: {
-      backgroundColor: getLight(theme) || theme.palette.secondary.light
-    },
-    rowheaderCell: {
-      color: theme.palette.getContrastText(getLight(theme) || theme.palette.secondary.light),
-      padding: theme.spacing(0.5, 1),
-      fontStyle: 'italic',
-      fontWeight: theme.typography.fontWeightBold
-    },
-    sections: {
-      backgroundColor: getDark(theme) || theme.palette.secondary.dark,
-      padding: theme.spacing(0.5, 1)
-    },
-    sectionsTitleCell: {
-      color: theme.palette.getContrastText(getDark(theme) || theme.palette.secondary.dark),
-      fontStyle: 'italic',
-      fontSize: theme.typography.fontSize - 2,
-      fontWeight: theme.typography.fontWeightBold
-    },
-    sectionsCell: {
-      color: theme.palette.getContrastText(getDark(theme) || theme.palette.secondary.dark)
-    },
-    cell: {
-      overflow: 'hidden',
-      whiteSpace: 'nowrap',
-      maxWidth: 10,
-      padding: theme.spacing(0.5, 1),
-      textOverflow: 'ellipsis',
-      fontSize: theme.typography.fontSize - 2
-    },
-    border: {
-      border: 'solid 1px #a4a1a1',
-      borderCollapse: 'collapse'
-    },
-    separatorValues: {
-      backgroundColor: '#f0f0f0'
-    },
-    separatorSize: {
-      width: 25
-    },
-    emptyValues: {
-      maxWidth: 0
-    },
-    table: {
-      width: '100%'
-    },
-    icon: {
-      fontSize: 8,
-      marginLeft: 7,
-      marginRight: 7
-    }
-  };
-});

package/es/Tag/Tag.js

@@ -1,44 +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 Typography from '@mui/material/Typography';
-import makeStyles from '@mui/styles/makeStyles';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    tag: _extends({
-      border: '2px solid ' + (R.path(['palette', 'highlight', 'hl2'], theme) || theme.palette.primary.dark),
-      borderRadius: 4,
-      fontWeight: 700,
-      padding: theme.spacing(0, 0.5)
-    }, R.pathOr({}, ['mixins', 'tag', 'root'], theme))
-  };
-});
-
-var Tag = function Tag(_ref) {
-  var children = _ref.children,
-      tagValueLabel = _ref.tagValueLabel;
-
-  var classes = useStyles();
-
-  if (R.isNil(children)) return null;
-
-  return React.createElement(
-    'div',
-    null,
-    React.createElement(
-      Typography,
-      { tabIndex: 0, className: classes.tag, 'aria-label': tagValueLabel },
-      children
-    )
-  );
-};
-
-Tag.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-  tagValueLabel: PropTypes.string
-} : {};
-
-export default Tag;

package/es/Tag/index.js

@@ -1,30 +0,0 @@
-/**
- * Tag takes children for wrapped it into a hightlight
- *
- * @memberOf VISIONS
- * @name Tag
- * @tag component
- * @api public
- * @theme
- * {
- *   palette: {
- *     highlight: {
- *       hl2: // border around the label. globale override: outerPalette.highlight2
- *     },
- *     primary: {
- *       dark: // used if hl2 is null. globale override: outerPalette.primaryDark
- *     }
- *   },
- *   mixins: {
- *     tag: {
- *       root: {
- *         fontSize: 12,
- *         fontFamily: "'PT Sans Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif",
- *         color: outerPalette.textLight,
- *       },
- *     }
- *   }
- * }
- */
-
-export { default } from './Tag';

package/es/ToggleButton/ToggleButton.js

@@ -1,79 +0,0 @@
-import React from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import makeStyles from '@mui/styles/makeStyles';
-import Button from '@mui/material/Button';
-import ArrowUp from '@mui/icons-material/KeyboardArrowUp';
-import ArrowDown from '@mui/icons-material/KeyboardArrowDown';
-
-var useStyles = makeStyles(function (theme) {
-  var color1 = R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark;
-  return {
-    root: {
-      minHeight: '43px',
-      borderRadius: theme.shape.borderRadius,
-      padding: theme.spacing(0.75, 2, 0.5, 2),
-      color: theme.palette.getContrastText(theme.palette.primary.main),
-      backgroundColor: R.path(['palette', 'button', 'mainOpacity'], theme) || theme.palette.primary.main,
-      display: 'flex',
-      justifyContent: 'space-between',
-      '&:hover': {
-        color: theme.palette.getContrastText(color1),
-        backgroundColor: color1
-      }
-    },
-    label: {
-      textAlign: 'left',
-      fontSize: '0.9375rem',
-      lineHeight: '1.0'
-    },
-    selected: {
-      color: theme.palette.getContrastText(color1),
-      backgroundColor: color1
-    }
-  };
-});
-
-var ToggleButton = function ToggleButton(_ref) {
-  var _cx;
-
-  var isOpen = _ref.isOpen,
-      label = _ref.label,
-      toggle = _ref.toggle,
-      testId = _ref.testId,
-      _ref$tabIndex = _ref.tabIndex,
-      tabIndex = _ref$tabIndex === undefined ? 0 : _ref$tabIndex,
-      _ref$textTransform = _ref.textTransform,
-      textTransform = _ref$textTransform === undefined ? 'capitalize' : _ref$textTransform;
-
-  var classes = useStyles();
-  return React.createElement(
-    Button,
-    {
-      'aria-expanded': isOpen,
-      'aria-label': label,
-      tabIndex: tabIndex,
-      'data-testid': testId,
-      classes: { root: classes.root, label: classes.label },
-      className: cx((_cx = {}, _cx[classes.selected] = isOpen, _cx)),
-      style: { textTransform: textTransform },
-      fullWidth: true,
-      variant: 'text',
-      onClick: R.is(Function)(toggle) ? toggle : null
-    },
-    label,
-    isOpen ? React.createElement(ArrowUp, null) : React.createElement(ArrowDown, null)
-  );
-};
-
-ToggleButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  testId: PropTypes.string,
-  tabIndex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  isOpen: PropTypes.bool,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  toggle: PropTypes.func,
-  textTransform: PropTypes.string
-} : {};
-
-export default ToggleButton;

package/es/ToggleButton/index.js

@@ -1,50 +0,0 @@
-/**
- * Button use api of material ui https://material-ui.com/api/button/
- *
- * textTransform: 'none' | 'capitalize' | 'uppercase' | 'lowercase'
- *
- * @memberOf VISIONS
- * @name ToggleButton
- * @tag component
- * @api public
- * @props
- * ToggleButton.PropTypes = {
- *   tabindex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- *   testId: PropTypes.string,
- *   isOpen: PropTypes.bool,
- *   label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   toggle: PropTypes.func,
- *   textTransform: PropTypes.string,
- * };
- *
- * @theme
- * // set toggleButton mixins to null if you wish auto contrasted text
- * {
- *   palette: {
- *     button: {
- *       mainOpacity: // background color of button
- *     },
- *     highlight: {
- *       hl1: // background color hover and selected of button. globale override: outerPalette.highlight1
- *     }
- *     primary: {
- *       main: // used if mainOpacity is null. global override: outerPalette.primaryMain
- *       dark: // used if hl1 is null. globale override: outerPalette.primaryDark
- *     }
- *   },
- *   mixins: {
- *     toggleButton: {
- *       selected: {
- *         color: outerPalette.textDark
- *       },
- *       hover: {
- *         color: outerPalette.textDark
- *       }
- *     }
- *   }
- * }
- * @testId
- * root: [testId]
- */
-
-export { default } from './ToggleButton';

package/es/Tooltip/Tooltip.js

@@ -1,69 +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; };
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import cx from 'classnames';
-import makeStyles from '@mui/styles/makeStyles';
-import Tooltip from '@mui/material/Tooltip';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    tooltip: {
-      fontSize: 12,
-      boxShadow: theme.shadows[2]
-    },
-    warningTooltip: {
-      backgroundColor: theme.palette.warning.main,
-      color: theme.palette.getContrastText(theme.palette.warning.main)
-    },
-    lightTooltip: {
-      backgroundColor: theme.palette.common.white,
-      color: theme.palette.getContrastText(theme.palette.common.white)
-    },
-    darkTooltip: {
-      backgroundColor: '#616161',
-      color: theme.palette.getContrastText(theme.palette.common.black),
-      '& a': {
-        color: theme.palette.primary.light,
-        textDecoration: 'none',
-        '&:hover': {
-          color: theme.palette.primary.light,
-          textDecoration: 'underline'
-        }
-      }
-    },
-    popper: {
-      opacity: 1
-    }
-  };
-});
-
-var CustomTooltip = function CustomTooltip(_ref) {
-  var children = _ref.children,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === undefined ? 'dark' : _ref$variant,
-      props = _objectWithoutProperties(_ref, ['children', 'variant']);
-
-  var classes = useStyles();
-  return React.createElement(
-    Tooltip,
-    _extends({
-      enterNextDelay: 100,
-      classes: {
-        popper: classes.popper,
-        tooltip: cx(R.prop(variant + 'Tooltip')(classes), classes.tooltip)
-      }
-    }, props),
-    children
-  );
-};
-
-CustomTooltip.propTypes = process.env.NODE_ENV !== "production" ? {
-  variant: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
-} : {};
-
-export default CustomTooltip;