@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/es/AuthDialog/index.js

@@ -1,211 +0,0 @@
-/**
- * AuthDialog is an UI component that displays an login popup.
- *
- * @memberOf VISIONS
- * @name AuthDialog
- * @tag component
- * @api public
- * @props
- * AuthDialog.propTypes = {
- *   isOpen: PropTypes.bool,
- *   labels: PropTypes.shape({
- *     anonymous: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
- *     error: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
- *     header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
- *     password: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
- *     user: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
- *     submit: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
- *   }),
- *   onClose: PropTypes.func,
- *   onSubmit: PropTypes.func.isRequired
- * };
- * @demoReady
- */
-
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import { isEmpty } from 'ramda';
-import Checkbox from '@mui/material/Checkbox';
-import CloseIcon from '@mui/icons-material/Close';
-import Dialog from '@mui/material/Dialog';
-import IconButton from '@mui/material/IconButton';
-import PersonIcon from '@mui/icons-material/Person';
-import TextField from '@mui/material/TextField';
-import Typography from '@mui/material/Typography';
-import makeStyles from '@mui/styles/makeStyles';
-import Button from '../Button';
-
-var useStyles = makeStyles(function () {
-  return {
-    header: {
-      color: 'grey',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-between'
-    },
-    headerLabel: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    closeButton: {
-      color: 'grey !important',
-      padding: 0
-    },
-    content: {
-      alignItems: 'stretch',
-      display: 'flex',
-      flexDirection: 'column',
-      padding: 10,
-      backgroundColor: 'rgb(240, 240, 240)'
-    },
-    error: {
-      color: 'red'
-    },
-    input: {
-      backgroundColor: 'white',
-      '&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button': {
-        '-webkit-appearance': 'none',
-        margin: 0
-      },
-      '&[type=number]': {
-        '-moz-appearance': 'textfield'
-      }
-    }
-  };
-});
-
-var AuthDialog = function AuthDialog(_ref) {
-  var isOpen = _ref.isOpen,
-      labels = _ref.labels,
-      onClose = _ref.onClose,
-      onSubmit = _ref.onSubmit;
-
-  var classes = useStyles();
-
-  var _useState = useState(''),
-      user = _useState[0],
-      setUser = _useState[1];
-
-  var _useState2 = useState(''),
-      password = _useState2[0],
-      setPassword = _useState2[1];
-
-  var _useState3 = useState(false),
-      isAnonymous = _useState3[0],
-      setIsAnonymous = _useState3[1];
-
-  var onChangeAnonymous = function onChangeAnonymous() {
-    setIsAnonymous(!isAnonymous);
-    if (!isAnonymous) {
-      setUser('');
-      setPassword('');
-    }
-  };
-
-  var canSubmit = isAnonymous || !isEmpty(user) && !isEmpty(password);
-
-  var onClickSubmit = function onClickSubmit() {
-    return onSubmit({ user: user, password: password, isAnonymous: isAnonymous });
-  };
-
-  return React.createElement(
-    Dialog,
-    { open: isOpen, onClose: onClose },
-    React.createElement(
-      'div',
-      { className: classes.header },
-      React.createElement(
-        'div',
-        { className: classes.headerLabel },
-        React.createElement(PersonIcon, null),
-        React.createElement(
-          Typography,
-          null,
-          labels.header
-        )
-      ),
-      onClose && React.createElement(
-        IconButton,
-        { className: classes.closeButton, onClick: onClose, size: 'large' },
-        React.createElement(CloseIcon, null)
-      )
-    ),
-    React.createElement(
-      'form',
-      { className: classes.content },
-      React.createElement(
-        'label',
-        { htmlFor: 'login' },
-        labels.user
-      ),
-      React.createElement(TextField, {
-        inputProps: {
-          className: classes.input,
-          id: 'login',
-          autoComplete: 'username',
-          name: 'username'
-        },
-        value: user,
-        onChange: function onChange(e) {
-          return setUser(e.target.value);
-        },
-        disabled: isAnonymous
-      }),
-      React.createElement(
-        'label',
-        { htmlFor: 'password' },
-        labels.password
-      ),
-      React.createElement(TextField, {
-        inputProps: {
-          className: classes.input,
-          id: 'password',
-          autoComplete: 'current-password',
-          name: 'password'
-        },
-        value: password,
-        onChange: function onChange(e) {
-          return setPassword(e.target.value);
-        },
-        disabled: isAnonymous,
-        type: 'password'
-      }),
-      React.createElement(
-        'div',
-        null,
-        React.createElement(Checkbox, { checked: isAnonymous, onChange: onChangeAnonymous }),
-        labels.anonymous
-      ),
-      labels.error && React.createElement(
-        'div',
-        { className: classes.error },
-        labels.error
-      ),
-      React.createElement(
-        Button,
-        { color: 'primary', disabled: !canSubmit, onClick: onClickSubmit, variant: 'contained' },
-        React.createElement(
-          'div',
-          { style: { width: '100%' } },
-          labels.submit
-        )
-      )
-    )
-  );
-};
-
-AuthDialog.propTypes = process.env.NODE_ENV !== "production" ? {
-  isOpen: PropTypes.bool,
-  labels: PropTypes.shape({
-    anonymous: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    error: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    password: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    user: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    submit: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
-  }),
-  onClose: PropTypes.func,
-  onSubmit: PropTypes.func.isRequired
-} : {};
-
-export default AuthDialog;

package/es/Breadcrumbs/Breadcrumbs.js

@@ -1,72 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import makeStyles from '@mui/styles/makeStyles';
-import Breadcrumbs from '@mui/material/Breadcrumbs';
-import Typography from '@mui/material/Typography';
-import NavigateNextIcon from '@mui/icons-material/NavigateNext';
-import NavigateBeforeIcon from '@mui/icons-material/NavigateBefore';
-import cx from 'classnames';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    action: {
-      cursor: 'pointer',
-      '&:hover': {
-        color: theme.palette.primary.main
-      }
-    },
-    disabled: {
-      cursor: 'not-allowed',
-      color: theme.palette.text.disabled,
-      '&:hover': {
-        color: theme.palette.text.disabled
-      }
-    }
-  };
-});
-
-var CustomBreadcrumbs = function CustomBreadcrumbs(_ref) {
-  var _ref$items = _ref.items,
-      items = _ref$items === undefined ? [] : _ref$items,
-      isRtl = _ref.isRtl;
-
-  var classes = useStyles();
-
-  return React.createElement(
-    Breadcrumbs,
-    {
-      separator: isRtl ? React.createElement(NavigateBeforeIcon, { fontSize: 'small' }) : React.createElement(NavigateNextIcon, { fontSize: 'small' }),
-      'aria-label': 'breadcrumb'
-    },
-    R.addIndex(R.map)(function (_ref2, index) {
-      var _cx;
-
-      var text = _ref2.text,
-          action = _ref2.action,
-          isDisabled = _ref2.isDisabled;
-      return React.createElement(
-        Typography,
-        {
-          key: text + '-' + index,
-          color: 'textPrimary',
-          onClick: action,
-          variant: 'subtitle1',
-          className: cx((_cx = {}, _cx[classes.action] = R.is(Function)(action), _cx[classes.disabled] = isDisabled, _cx))
-        },
-        text
-      );
-    })(items)
-  );
-};
-
-CustomBreadcrumbs.propTypes = process.env.NODE_ENV !== "production" ? {
-  items: PropTypes.arrayOf(PropTypes.shape({
-    text: PropTypes.string.isRequired,
-    action: PropTypes.func,
-    isDisabled: PropTypes.bool
-  })),
-  isRtl: PropTypes.bool
-} : {};
-
-export default CustomBreadcrumbs;

package/es/Breadcrumbs/index.js

@@ -1,30 +0,0 @@
-/**
- * Breadcrumbs allow users to make selections from a range of values.
- *
- * @memberOf VISIONS
- * @name Breadcrumbs
- * @tag component
- * @api public
- * @props
- * Breadcrumbs.propTypes = {
- *   items: PropTypes.shape({
- *     text: PropTypes.string.isRequired,
- *     action: PropTypes.func,
- *     isDisabled: PropTypes.bool,
- *   }),
- *   isRtl: PropTypes.bool,
- * };
- * @theme
- * {
- *    palette: {
- *      primary: {
- *        main: // label hover. global override: outerPalette.primaryMain
- *      },
- *      text: {
- *        disabled: // disabled label
- *      }
- *    }
- * }
- */
-
-export { default } from './Breadcrumbs';

package/es/Button/Button.js

@@ -1,63 +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 * as R from 'ramda';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import Button from '@mui/material/Button';
-import makeStyles from '@mui/styles/makeStyles';
-
-var useStyles = makeStyles(function (theme) {
-  var color1 = R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark;
-
-  return {
-    defaultSelected: {
-      backgroundColor: theme.palette.action.hover,
-      '&:hover': {
-        backgroundColor: theme.palette.action.selected + ' !important'
-      }
-    },
-    sisccRoot: {
-      '&:hover': _extends({
-        color: theme.palette.getContrastText(color1),
-        backgroundColor: R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark
-      }, R.path(['mixins', 'toggleButton', 'hover'])(theme))
-    },
-    sisccSelected: _extends({
-      color: theme.palette.getContrastText(color1),
-      backgroundColor: color1
-    }, R.path(['mixins', 'toggleButton', 'selected'])(theme))
-  };
-});
-
-var MyButton = React.forwardRef(function (_ref, ref) {
-  var _cx;
-
-  var className = _ref.className,
-      selected = _ref.selected,
-      _ref$alternative = _ref.alternative,
-      alternative = _ref$alternative === undefined ? 'default' : _ref$alternative,
-      props = _objectWithoutProperties(_ref, ['className', 'selected', 'alternative']);
-
-  var classes = useStyles();
-  return React.createElement(
-    Button,
-    _extends({
-      className: cx(className, R.prop(alternative + 'Root')(classes), (_cx = {}, _cx[R.prop(alternative + 'Selected')(classes)] = selected, _cx)),
-      'aria-pressed': selected,
-      ref: ref
-    }, R.omit(['indicator', 'textColor', 'selectionFollowsFocus'], props)),
-    props.children
-  );
-});
-
-MyButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  className: PropTypes.string,
-  alternative: PropTypes.string,
-  selected: PropTypes.bool,
-  children: PropTypes.node
-} : {};
-
-export default MyButton;

package/es/Button/index.js

@@ -1,52 +0,0 @@
-/**
- * A modified version of the vanilla Material UI button with selected props
- *
- *
- * https://@mui/material/Button
- *
- * @memberOf VISIONS
- * @name Button
- * @tag component
- * @api public
- *
- * Button.propTypes = {
- *   alternative: PropTypes.string,
- *   className: PropTypes.string,
- *   selected: PropTypes.bool,
- *   children: PropTypes.node,
- * };
- * @theme
- * // default alternative
- * {
- *    palette: {
- *      action: {
- *        hover: // background color of hover button and selected state,
- *        selected: // background color of selected hover,
- *      }
- *    }
- * }
- * // siscc alternative
- * {
- *    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: // used if you set tertiary light to null
- *      }
- *      grey: {
- *        600: // svg icon color
- *        800: // sub label color. globale override: outerPalette.textLight
- *      }
- *    },
- *    typography: {
- *      body2: // font main label
- *      body1: // font sub label
- *    }
- * }
- */
-
-export { default } from './Button';