@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/es/CollapsibleTree/CollapsibleTree.js

@@ -1,229 +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, { useState, Fragment, useEffect } from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import Container from '@mui/material/Container';
-import makeStyles from '@mui/styles/makeStyles';
-import Typography from '@mui/material/Typography';
-import Divider from '@mui/material/Divider';
-import Button from '@mui/material/Button';
-import IconButton from '@mui/material/IconButton';
-import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
-import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';
-import CircularProgress from '@mui/material/CircularProgress';
-import InfoIcon from '@mui/icons-material/Info';
-import Grid from '@mui/material/Grid';
-import Collapse, { VARIANT_BOLD } from './Collapse';
-import cx from 'classnames';
-import NoData from '../NoData/NoData';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    container: {
-      display: 'flex',
-      justifyContent: 'space-between'
-    },
-    title: _extends({
-      fontWeight: 'bold'
-    }, R.pathOr({}, ['mixins', 'collapsibleTree', 'title'], theme)),
-    divider: {
-      marginBottom: theme.spacing(2)
-    },
-    spacingValue: {
-      marginLeft: theme.spacing(2),
-      marginRight: theme.spacing(2),
-      marginBottom: theme.spacing(2)
-    },
-    overflow: {
-      whiteSpace: 'pre-wrap',
-      overflowWrap: 'break-word'
-    }
-  };
-});
-
-var CollapsibleTree = function CollapsibleTree(_ref) {
-  var _ref$data = _ref.data,
-      data = _ref$data === undefined ? [] : _ref$data,
-      _ref$defaultDepthLeve = _ref.defaultDepthLevel,
-      defaultDepthLevel = _ref$defaultDepthLeve === undefined ? 1 : _ref$defaultDepthLeve,
-      isLoading = _ref.isLoading,
-      children = _ref.children,
-      labels = _ref.labels,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === undefined ? 'collapsible-tree' : _ref$testId,
-      valueHandler = _ref.valueHandler,
-      icon = _ref.icon,
-      onClick = _ref.onClick;
-
-  var classes = useStyles();
-
-  var _useState = useState(defaultDepthLevel),
-      depthLevel = _useState[0],
-      setDepthLevel = _useState[1];
-
-  useEffect(function () {
-    return setDepthLevel(defaultDepthLevel);
-  }, [defaultDepthLevel]);
-
-  if (isLoading) {
-    return React.createElement(
-      Grid,
-      { container: true, item: true, justifyContent: 'center' },
-      React.createElement(CircularProgress, null)
-    );
-  }
-
-  var handleCollapse = function handleCollapse(isAllOpen) {
-    if (isAllOpen) return setDepthLevel(undefined);
-    return setDepthLevel(defaultDepthLevel);
-  };
-
-  var getValue = function getValue(_ref2) {
-    var value = _ref2.value,
-        _ref2$children = _ref2.children,
-        children = _ref2$children === undefined ? [] : _ref2$children,
-        handlerProps = _objectWithoutProperties(_ref2, ['value', 'children']);
-
-    if ((R.isNil(value) || R.isEmpty(value)) && R.isEmpty(children)) {
-      return R.prop('noValue', labels);
-    }
-    if (R.is(Function, valueHandler)) {
-      return valueHandler(_extends({ value: value }, handlerProps));
-    }
-    return value;
-  };
-
-  var isAllOpen = depthLevel >= defaultDepthLevel;
-  var buttonAllOpenLabel = isAllOpen ? R.prop('collapseAll', labels) : R.prop('expandAll', labels);
-
-  return React.createElement(
-    Fragment,
-    null,
-    React.createElement(
-      Container,
-      { disableGutters: true, 'data-testid': testId, className: classes.container },
-      React.createElement(
-        Button,
-        {
-          'aria-label': buttonAllOpenLabel,
-          color: 'primary',
-          endIcon: isAllOpen ? React.createElement(KeyboardArrowUpIcon, { color: 'primary' }) : React.createElement(KeyboardArrowDownIcon, { color: 'primary' }),
-          onClick: function onClick() {
-            return handleCollapse(isAllOpen);
-          },
-          tabIndex: 0
-        },
-        buttonAllOpenLabel
-      ),
-      React.createElement(
-        'div',
-        null,
-        children,
-        React.createElement(
-          IconButton,
-          { color: 'primary', onClick: onClick, size: 'large' },
-          icon
-        )
-      )
-    ),
-    R.isEmpty(data) && React.createElement(NoData, {
-      message: R.prop('noData', labels) || 'no data',
-      icon: React.createElement(InfoIcon, { color: 'primary', fontSize: 'large' })
-    }),
-    R.map(function (_ref3) {
-      var id = _ref3.id,
-          label = _ref3.label,
-          _ref3$children = _ref3.children,
-          children = _ref3$children === undefined ? [] : _ref3$children;
-
-      return React.createElement(
-        Fragment,
-        { key: id },
-        React.createElement(Divider, { className: classes.divider }),
-        React.createElement(
-          Typography,
-          { variant: 'h5', className: classes.title },
-          label
-        ),
-        R.map(function (_ref4) {
-          var id = _ref4.id,
-              label = _ref4.label,
-              children = _ref4.children,
-              value = _ref4.value,
-              _ref4$handlerProps = _ref4.handlerProps,
-              handlerProps = _ref4$handlerProps === undefined ? {} : _ref4$handlerProps;
-
-          return React.createElement(
-            Collapse,
-            { key: id, level: 0, label: label, isOpen: depthLevel >= 0 },
-            React.createElement(
-              Typography,
-              {
-                className: cx(classes.spacingValue, classes.overflow),
-                variant: 'body2'
-              },
-              getValue(_extends({ value: value, children: children }, handlerProps))
-            ),
-            children && R.map(function (_ref5) {
-              var id = _ref5.id,
-                  label = _ref5.label,
-                  value = _ref5.value,
-                  _ref5$handlerProps = _ref5.handlerProps,
-                  handlerProps = _ref5$handlerProps === undefined ? {} : _ref5$handlerProps;
-
-              return React.createElement(
-                Collapse,
-                {
-                  key: id,
-                  level: 1,
-                  variant: VARIANT_BOLD,
-                  label: label,
-                  isOpen: depthLevel >= 1
-                },
-                React.createElement(
-                  Typography,
-                  { variant: 'body2', className: classes.overflow },
-                  getValue(_extends({ value: value }, handlerProps))
-                )
-              );
-            }, children)
-          );
-        }, children)
-      );
-    }, data)
-  );
-};
-
-CollapsibleTree.propTypes = process.env.NODE_ENV !== "production" ? {
-  data: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-    label: PropTypes.string,
-    children: PropTypes.arrayOf(PropTypes.shape({
-      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-      label: PropTypes.string,
-      children: PropTypes.arrayOf(PropTypes.shape({
-        id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-        label: PropTypes.string,
-        value: PropTypes.string
-      }))
-    }))
-  })),
-  defaultDepthLevel: PropTypes.number,
-  isLoading: PropTypes.bool,
-  children: PropTypes.node,
-  labels: PropTypes.shape({
-    collapseAll: PropTypes.string,
-    expandAll: PropTypes.string,
-    noValue: PropTypes.string,
-    noData: PropTypes.string
-  }),
-  testId: PropTypes.string,
-  valueHandler: PropTypes.func,
-  icon: PropTypes.element,
-  onClick: PropTypes.func
-} : {};
-
-export default CollapsibleTree;

package/es/CollapsibleTree/index.js

@@ -1,49 +0,0 @@
-/**
- * CollapsibleTree is a component that show you a tree structure with a button to expand/collapse each node.
- * defaultDepthLevel is the maximum level that will be open by "collapse all" button value could be 0|1. set to 1 by default.
- *
- * @memberOf VISIONS
- * @name CollapsibleTree
- * @tag component
- * @api public
- * @props
- * CollapsibleTree.propTypes = {
- *  data: PropTypes.arrayOf(PropTypes.shape({
- *    id: PropTypes.string.isRequired,
- *    label: PropTypes.string,
- *    children: PropTypes.arrayOf(PropTypes.shape({
- *      id: PropTypes.string.isRequired,
- *      label: PropTypes.string,
- *      children: PropTypes.arrayOf(PropTypes.shape({
- *        id: PropTypes.string.isRequired,
- *        label: PropTypes.string,
- *        value: PropTypes.string,
- *      })),
- *    }))
- *  })),
- *  defaultDepthLevel: PropTypes.number,
- *  testId: PropTypes.string,
- *  labels: PropTypes.shape({
- *    collapseAll: PropTypes.string,
- *    expandAll: PropTypes.string,
- *    noValue: PropTypes.string,
- *  }),
- *};
- * @theme
- * {
- *   palette: {
- *     primary: {
- *       main: // color label button
- *     },
- *   }
- *   mixins: {
- *    CollapsibleTree: {
- *      title: {
- *        // font, color, of titles
- *      },
- * }
- * @demoReady
- *
- */
-
-export { default } from './CollapsibleTree';

package/es/Contact/Contact.js

@@ -1,360 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import Grid from '@mui/material/Grid';
-import Paper from '@mui/material/Paper';
-import TextareaAutosize from '@mui/material/TextareaAutosize';
-import Checkbox from '@mui/material/Checkbox';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import Typography from '@mui/material/Typography';
-import makeStyles from '@mui/styles/makeStyles';
-import { validate as getIsValidEmail } from 'isemail';
-import Mode from './Mode';
-import Input from './Input';
-import { Button } from '../';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    paper: {
-      backgroundColor: theme.palette.background.paper,
-      padding: theme.spacing(2)
-    },
-    emailReasonMessage: {
-      backgroundColor: R.path(['palette', 'tertiary', 'dark'])(theme) || theme.palette.grey[100],
-      padding: theme.spacing(2),
-      margin: theme.spacing(2, 0)
-    },
-    agreement: {
-      fontSize: '1.0625rem',
-      lineHeight: '1.6'
-    },
-    policy: {
-      color: theme.palette.primary.main,
-      fontSize: '1.0625rem',
-      lineHeight: '1.6'
-    },
-    textarea: {
-      width: '100%',
-      padding: theme.spacing(1)
-    },
-    textareaError: {
-      borderColor: theme.palette.error.main,
-      borderWidth: theme.spacing(0.25)
-    }
-  };
-});
-
-var Contact = function Contact(_ref) {
-  var _cx;
-
-  var modes = _ref.modes,
-      _ref$defaultMode = _ref.defaultMode,
-      defaultMode = _ref$defaultMode === undefined ? 'question' : _ref$defaultMode,
-      defaultFullName = _ref.defaultFullName,
-      defaultEmail = _ref.defaultEmail,
-      labels = _ref.labels,
-      send = _ref.send,
-      isSubmitDisable = _ref.isSubmitDisable,
-      children = _ref.children;
-
-  var classes = useStyles();
-
-  var _useState = useState(defaultMode),
-      mode = _useState[0],
-      setMode = _useState[1];
-
-  var _useState2 = useState(''),
-      title = _useState2[0],
-      setTitle = _useState2[1];
-
-  var _useState3 = useState(defaultFullName || ''),
-      name = _useState3[0],
-      setName = _useState3[1];
-
-  var _useState4 = useState(''),
-      organisation = _useState4[0],
-      setOrganisation = _useState4[1];
-
-  var _useState5 = useState(defaultEmail || ''),
-      email = _useState5[0],
-      setEmail = _useState5[1];
-
-  var _useState6 = useState(''),
-      subject = _useState6[0],
-      setSubject = _useState6[1];
-
-  var _useState7 = useState(false),
-      emailHasError = _useState7[0],
-      setEmailError = _useState7[1];
-
-  var _useState8 = useState(''),
-      details = _useState8[0],
-      setDetails = _useState8[1];
-
-  var _useState9 = useState(false),
-      checked = _useState9[0],
-      setChecked = _useState9[1];
-
-  var _useState10 = useState(true),
-      isSendDisable = _useState10[0],
-      setSendDisable = _useState10[1];
-
-  var _useState11 = useState(false),
-      detailsHasError = _useState11[0],
-      setDetailsError = _useState11[1];
-
-  var checkEmail = function checkEmail(email) {
-    if (getIsValidEmail(email) && R.test(/^\S+@\S+\.\S+$/, email)) {
-      return setEmailError(false);
-    }
-    return setEmailError(true);
-  };
-
-  var checkDetails = function checkDetails(details) {
-    if (R.isEmpty(details)) {
-      return setDetailsError(true);
-    }
-    return setDetailsError(false);
-  };
-
-  var onSubmit = function onSubmit() {
-    if (R.is(Function)(send)) return send({
-      mode: mode,
-      title: title,
-      name: name,
-      organisation: organisation,
-      email: email,
-      details: details,
-      checkbox: checked,
-      subject: subject
-    });
-  };
-
-  useEffect(function () {
-    if (R.isEmpty(email)) return setSendDisable(true);
-    if (R.isEmpty(details)) return setSendDisable(true);
-    if (emailHasError) return setSendDisable(true);
-    if (detailsHasError) return setSendDisable(true);
-    return setSendDisable(isSubmitDisable || false);
-  }, [emailHasError, detailsHasError, email, details, isSubmitDisable]);
-
-  return React.createElement(
-    Grid,
-    { container: true, className: classes.paper, 'data-testid': 'contact-test-id' },
-    React.createElement(
-      Grid,
-      { item: true, container: true, xs: 12, md: 12, justifyContent: 'space-between' },
-      React.createElement(
-        Grid,
-        { item: true, xs: 12, sm: 12, md: 5 },
-        React.createElement(Mode, {
-          changeMode: setMode,
-          modes: modes,
-          mode: mode,
-          title: R.prop('modeTitle')(labels)
-        })
-      ),
-      React.createElement(
-        Grid,
-        { item: true, container: true, xs: 12, sm: 12, md: 6, 'flex-direction': 'column' },
-        React.createElement(
-          Grid,
-          { item: true, xs: 12 },
-          React.createElement(Input, {
-            variant: 'outlined',
-            label: labels.personalTitle,
-            name: 'title',
-            type: 'text',
-            fullWidth: true,
-            value: title,
-            onChange: function onChange(e) {
-              return setTitle(e.target.value);
-            },
-            isControlled: true
-          })
-        ),
-        React.createElement(
-          Grid,
-          { item: true, xs: 12 },
-          React.createElement(Input, {
-            variant: 'outlined',
-            isControlled: true,
-            label: labels.name,
-            name: 'name',
-            type: 'text',
-            onChange: function onChange(e) {
-              return setName(e.target.value);
-            },
-            value: name,
-            fullWidth: true
-          })
-        ),
-        React.createElement(
-          Grid,
-          { item: true, xs: 12 },
-          React.createElement(Input, {
-            variant: 'outlined',
-            isControlled: true,
-            label: labels.organisation,
-            type: 'text',
-            name: 'organisation',
-            onChange: function onChange(e) {
-              return setOrganisation(e.target.value);
-            },
-            value: organisation,
-            fullWidth: true
-          })
-        ),
-        React.createElement(
-          Grid,
-          { item: true, xs: 12 },
-          React.createElement(Input, {
-            inputProps: {
-              'aria-label': R.prop('email')(labels),
-              autoComplete: 'email',
-              onBlur: function onBlur() {
-                return checkEmail(email);
-              }
-            },
-            label: R.prop('email')(labels),
-            type: 'email',
-            value: email,
-            onChange: function onChange(e) {
-              return setEmail(e.target.value);
-            },
-            variant: 'outlined',
-            fullWidth: true,
-            isControlled: true,
-            defaultValue: defaultEmail,
-            textFieldProps: { error: emailHasError }
-          })
-        )
-      )
-    ),
-    React.createElement(
-      Grid,
-      { item: true, xs: 12, md: 12 },
-      React.createElement(
-        Paper,
-        { className: classes.emailReasonMessage },
-        R.prop('message')(R.find(R.propEq('value', mode))(modes))
-      )
-    ),
-    React.createElement(
-      Grid,
-      { item: true, xs: 12, md: 12 },
-      React.createElement(Input, {
-        variant: 'outlined',
-        isControlled: true,
-        label: labels.subject,
-        name: 'subject',
-        type: 'text',
-        onChange: function onChange(e) {
-          return setSubject(e.target.value);
-        },
-        value: subject,
-        fullWidth: true
-      })
-    ),
-    React.createElement(
-      Grid,
-      { item: true, xs: 12, md: 12 },
-      React.createElement(TextareaAutosize, {
-        name: 'details',
-        onChange: function onChange(e) {
-          return setDetails(e.target.value);
-        },
-        className: cx(classes.textarea, (_cx = {}, _cx[classes.textareaError] = detailsHasError, _cx)),
-        'aria-label': R.prop('details')(labels),
-        minRows: 6,
-        placeholder: R.prop('details')(labels),
-        value: details,
-        onBlur: function onBlur() {
-          return checkDetails(details);
-        }
-      })
-    ),
-    React.createElement(
-      Grid,
-      { item: true, container: true, justifyContent: 'space-between' },
-      React.createElement(
-        Grid,
-        { item: true },
-        React.createElement(FormControlLabel, {
-          control: React.createElement(Checkbox, { name: 'checkedB', color: 'primary' }),
-          label: React.createElement(
-            Typography,
-            { className: classes.agreement },
-            R.prop('checkbox')(labels)
-          ),
-          checked: checked,
-          onChange: function onChange(e) {
-            return setChecked(e.target.checked);
-          }
-        })
-      ),
-      React.createElement(
-        Grid,
-        { item: true },
-        React.createElement(
-          Typography,
-          { className: classes.policy, style: { paddingTop: 8 } },
-          R.prop('organisationPrivacyPolicy')(labels)
-        )
-      )
-    ),
-    React.createElement(
-      Grid,
-      { item: true, container: true, justifyContent: 'space-between', alignItems: 'center' },
-      React.createElement(
-        Grid,
-        { item: true },
-        children
-      ),
-      React.createElement(
-        Grid,
-        { item: true },
-        React.createElement(
-          Button,
-          {
-            'aria-label': R.prop('submit')(labels),
-            type: 'submit',
-            disabled: isSendDisable,
-            variant: 'contained',
-            color: 'primary',
-            alternative: 'siscc',
-            onClick: onSubmit,
-            size: 'large',
-            className: classes.submitButton
-          },
-          R.prop('submit')(labels)
-        )
-      )
-    )
-  );
-};
-
-Contact.propTypes = process.env.NODE_ENV !== "production" ? {
-  defaultMode: PropTypes.string,
-  defaultFullName: PropTypes.string,
-  defaultEmail: PropTypes.string,
-  lang: PropTypes.string,
-  theme: PropTypes.string,
-  modes: PropTypes.array,
-  send: PropTypes.func,
-  isSubmitDisable: PropTypes.bool,
-  children: PropTypes.node,
-  labels: PropTypes.shape({
-    name: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    organisation: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    personalTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    submit: PropTypes.string,
-    email: PropTypes.string,
-    details: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    contactForHelp: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    subject: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-  })
-} : {};
-export default Contact;