@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/es/ShortUrls/ShortUrls.js

@@ -1,136 +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 Grid from '@mui/material/Grid';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import makeStyles from '@mui/styles/makeStyles';
-import TextareaAutosize from '@mui/material/TextareaAutosize';
-import Typography from '@mui/material/Typography';
-import useMediaQuery from '@mui/material/useMediaQuery';
-import IconButton from '@mui/material/IconButton';
-import Collapse from '@mui/material/Collapse';
-import CloseIcon from '@mui/icons-material/Close';
-import { Alert, Button } from '../';
-import CircularProgress from '@mui/material/CircularProgress';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    container: {
-      boxShadow: 'none',
-      width: '100%',
-      padding: 20
-    },
-    textarea: {
-      width: '100%',
-      margin: theme.spacing(0.5, 0, 0, 0)
-    },
-    title: _extends({
-      paddingBottom: 30
-    }, R.pathOr({}, ['mixins', 'share', 'title'], theme)),
-    textAreaWrapper: {
-      display: 'flex',
-      flexGrow: 1
-    }
-  };
-});
-
-var ShortUrls = function ShortUrls(_ref) {
-  var labels = _ref.labels,
-      onClick = _ref.onClick,
-      isLoading = _ref.isLoading,
-      contentValue = _ref.contentValue,
-      _ref$isNotifOpen = _ref.isNotifOpen,
-      isNotifOpen = _ref$isNotifOpen === undefined ? false : _ref$isNotifOpen,
-      setIsNotifOpen = _ref.setIsNotifOpen;
-
-  var isNarrow = useMediaQuery(function (theme) {
-    return theme.breakpoints.down('md');
-  });
-  var classes = useStyles();
-
-  return React.createElement(
-    Grid,
-    { className: classes.container },
-    React.createElement(
-      Typography,
-      { variant: 'h6', className: classes.title },
-      R.prop('title')(labels)
-    ),
-    React.createElement(
-      Grid,
-      {
-        container: true,
-        justifyContent: isNarrow ? 'center' : 'flex-start',
-        alignItems: isNarrow ? 'left' : 'center',
-        direction: isNarrow ? 'column-reverse' : 'row'
-      },
-      React.createElement(
-        Grid,
-        { item: true, style: { padding: isNarrow ? '20px 0 0 0' : '0 20px 0 0' } },
-        React.createElement(
-          Button,
-          {
-            'aria-label': R.propOr('', 'generateUrl')(labels),
-            type: 'submit',
-            variant: 'contained',
-            color: 'primary',
-            disabled: isLoading || R.isNil(onClick),
-            alternative: 'siscc',
-            onClick: onClick,
-            className: classes.submitButton
-          },
-          isLoading ? React.createElement(CircularProgress, { size: 24 }) : R.propOr('', 'generateUrl')(labels)
-        )
-      ),
-      React.createElement(
-        Grid,
-        { item: true, className: classes.textAreaWrapper },
-        React.createElement(TextareaAutosize, {
-          'aria-label': contentValue,
-          className: classes.textarea,
-          minRows: 2,
-          maxRows: 2,
-          readOnly: true,
-          value: contentValue
-        })
-      )
-    ),
-    React.createElement(
-      Collapse,
-      { 'in': isNotifOpen },
-      React.createElement(
-        Alert,
-        {
-          severity: 'error',
-          action: React.createElement(
-            IconButton,
-            {
-              'aria-label': 'close',
-              color: 'inherit',
-              size: 'small',
-              onClick: function onClick() {
-                setIsNotifOpen(false);
-              }
-            },
-            React.createElement(CloseIcon, { fontSize: 'inherit' })
-          )
-        },
-        R.prop('errorMessage', labels)
-      )
-    )
-  );
-};
-ShortUrls.propTypes = process.env.NODE_ENV !== "production" ? {
-  onClick: PropTypes.func,
-  isLoading: PropTypes.bool,
-  contentValue: PropTypes.string,
-  isNotifOpen: PropTypes.bool,
-  setIsNotifOpen: PropTypes.func,
-  labels: PropTypes.shape({
-    generateUrl: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-  })
-} : {};
-export default ShortUrls;

package/es/ShortUrls/index.js

@@ -1,22 +0,0 @@
-/**
- * ShortUrls, it's a component to shorten your large URL
- *
- * @memberOf VISIONS
- * @name ShortUrls
- * @tag component
- * @api public
- * @props
- * ShortUrls.propTypes = {
- *   onClick: PropTypes.func,
- *   isLoading: PropTypes.bool,
- *   contentValue: PropTypes.string,
- *   labels: PropTypes.shape({
- *     generateUrl: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   }),
- * };
- * @demoReady
- */
-
-export { default } from './ShortUrls';

package/es/SisccFooter/SisccFooter.js

@@ -1,99 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { useTheme } from '@mui/material/styles';
-import makeStyles from '@mui/styles/makeStyles';
-import AppBar from '@mui/material/AppBar';
-import Toolbar from '@mui/material/Toolbar';
-import Grid from '@mui/material/Grid';
-import Typography from '@mui/material/Typography';
-import { getIsRtl } from '../utils';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    appBar: {
-      background: theme.palette.grey[100],
-      minWidth: 300
-    },
-    root: {
-      alignItems: 'flex-start'
-    },
-    gutters: {
-      padding: '8px 5%'
-    },
-    leftLabel: {
-      fontWeight: theme.typography.fontWeightBold,
-      color: theme.palette.grey['A700'],
-      textAlign: 'left'
-    },
-    rightLabel: {
-      color: theme.palette.grey['A700'],
-      textAlign: 'left'
-    },
-    rtl: {
-      textAlign: 'right'
-    },
-    fixed: {
-      position: 'fixed',
-      bottom: 0,
-      left: 0,
-      width: '100%',
-      zIndex: 0
-    }
-  };
-});
-
-var SisccFooter = React.forwardRef(function (_ref, ref) {
-  var _cx, _cx2, _cx3;
-
-  var leftLabel = _ref.leftLabel,
-      _ref$rightLabel = _ref.rightLabel,
-      rightLabel = _ref$rightLabel === undefined ? [] : _ref$rightLabel,
-      isFixed = _ref.isFixed;
-
-  var classes = useStyles();
-  var theme = useTheme();
-  var isRtl = getIsRtl(theme);
-
-  return React.createElement(
-    AppBar,
-    {
-      ref: ref,
-      'data-testid': 'footer-bar-test-id',
-      position: 'static',
-      component: 'footer',
-      role: 'contentinfo',
-      className: cx(classes.appBar, (_cx = {}, _cx[classes.fixed] = isFixed, _cx))
-    },
-    React.createElement(
-      Toolbar,
-      { classes: { root: classes.root, gutters: classes.gutters } },
-      React.createElement(
-        Grid,
-        { xs: 4, item: true, container: true, justifyContent: 'flex-start', alignItems: 'flex-start' },
-        React.createElement(
-          Typography,
-          { variant: 'body2', className: cx(classes.leftLabel, (_cx2 = {}, _cx2[classes.rtl] = isRtl, _cx2)) },
-          leftLabel
-        )
-      ),
-      React.createElement(
-        Grid,
-        { xs: 8, item: true, container: true, justifyContent: 'flex-end', alignItems: 'flex-start' },
-        React.createElement(
-          Typography,
-          { variant: 'body2', className: cx(classes.rightLabel, (_cx3 = {}, _cx3[classes.rtl] = !isRtl, _cx3)) },
-          rightLabel
-        )
-      )
-    )
-  );
-});
-
-SisccFooter.propTypes = process.env.NODE_ENV !== "production" ? {
-  leftLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  rightLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  isFixed: PropTypes.bool
-} : {};
-
-export default SisccFooter;

package/es/SisccFooter/index.js

@@ -1,27 +0,0 @@
-/**
- * SisccFooter render img and button for your website.
- *
- * @memberOf VISIONS
- * @name SisccFooter
- * @tag component
- * @api public
- * @props
- * SisccFooter.propTypes = {
- *   leftLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   rightLabel: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.element])),
- * };
- * @theme
- * {
- *   palette: {
- *     grey: {
- *       'A700': // labels color. globale override: outerPalette.textDark
- *       100: // background color
- *     }
- *   },
- *   typography: {
- *     fontWeightBold: // left label
- *   },
- * }
- **/
-
-export { default } from './SisccFooter';

package/es/Spotlight/Fields.js

@@ -1,100 +0,0 @@
-import React, { Fragment } from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import Popover from '@mui/material/Popover';
-import Button from '@mui/material/Button';
-import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
-import Check from '@mui/icons-material/Check';
-
-export var Field = function Field(_ref) {
-  var _ref$spotlight = _ref.spotlight,
-      spotlight = _ref$spotlight === undefined ? {} : _ref$spotlight,
-      onChangeField = _ref.onChangeField,
-      isRtl = _ref.isRtl,
-      classes = _ref.classes;
-
-  var _React$useState = React.useState(null),
-      anchorEl = _React$useState[0],
-      setAnchorEl = _React$useState[1];
-
-  var handleClick = function handleClick(event) {
-    setAnchorEl(event.currentTarget);
-  };
-
-  var handleClose = function handleClose() {
-    setAnchorEl(null);
-  };
-
-  var open = Boolean(anchorEl);
-  var id = open ? 'visions-spotlight-popover' : undefined;
-
-  return React.createElement(
-    Fragment,
-    null,
-    React.createElement(
-      Button,
-      { 'aria-describedby': id, onClick: handleClick },
-      React.createElement(
-        'div',
-        { className: classes.buttonContainer },
-        R.prop('searchLabel', spotlight),
-        React.createElement(ArrowDropDownIcon, { fontSize: 'small' })
-      )
-    ),
-    React.createElement(
-      Popover,
-      {
-        id: id,
-        open: open,
-        anchorEl: anchorEl,
-        onClose: handleClose,
-        anchorOrigin: {
-          vertical: 'bottom',
-          horizontal: 'center'
-        },
-        transformOrigin: {
-          vertical: 'top',
-          horizontal: 'center'
-        }
-      },
-      React.createElement(
-        'div',
-        { dir: isRtl ? 'rtl' : 'ltr', className: classes.popoverButton },
-        R.pipe(R.values, R.map(function (field) {
-          var _cx;
-
-          return React.createElement(
-            Button,
-            {
-              key: field.id,
-              className: classes.buttonContainer,
-              onClick: onChangeField(field),
-              disabled: field.disabled
-            },
-            React.createElement(Check, {
-              fontSize: 'small',
-              className: cx((_cx = {}, _cx[classes.selected] = !R.prop('isSelected')(field), _cx))
-            }),
-            React.createElement(spotlight.FieldLabelRenderer, { id: field.id })
-          );
-        }))(R.prop('fields', spotlight))
-      )
-    )
-  );
-};
-
-Field.propTypes = process.env.NODE_ENV !== "production" ? {
-  classes: PropTypes.object,
-  spotlight: PropTypes.shape({
-    fields: PropTypes.shape({
-      id: PropTypes.string,
-      isSelected: PropTypes.bool,
-      disabled: PropTypes.bool
-    }),
-    searchLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    FieldLabelRenderer: PropTypes.func
-  }),
-  onChangeField: PropTypes.func.isRequired,
-  isRtl: PropTypes.bool
-} : {};

package/es/Spotlight/Spotlight.js

@@ -1,157 +0,0 @@
-import React, { Fragment } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import * as R from 'ramda';
-import ArrowForward from '@mui/icons-material/ArrowForward';
-import { useTheme } from '@mui/material/styles';
-import ArrowBack from '@mui/icons-material/ArrowBack';
-import Search from '@mui/icons-material/Search';
-import Paper from '@mui/material/Paper';
-import IconButton from '@mui/material/IconButton';
-import InputBase from '@mui/material/InputBase';
-import { Field } from './Fields';
-import { useStyles } from './useStyles';
-import { useSpotlight } from './useSpotlight';
-import Cross from '../Icons/Cross';
-
-var size = R.pipe(R.values, R.length);
-
-var Spotlight = function Spotlight(_ref) {
-  var _cx;
-
-  var placeholder = _ref.placeholder,
-      hasClearAll = _ref.hasClearAll,
-      hasCommit = _ref.hasCommit,
-      withBorder = _ref.withBorder,
-      defaultSpotlight = _ref.defaultSpotlight,
-      term = _ref.term,
-      action = _ref.action,
-      fullWidth = _ref.fullWidth,
-      className = _ref.className,
-      _ref$withAutoFocus = _ref.withAutoFocus,
-      withAutoFocus = _ref$withAutoFocus === undefined ? false : _ref$withAutoFocus,
-      labels = _ref.labels,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === undefined ? 'spotlight' : _ref$testId;
-
-  var _useSpotlight = useSpotlight(hasCommit, term, defaultSpotlight, action),
-      value = _useSpotlight.value,
-      spotlight = _useSpotlight.spotlight,
-      isFocus = _useSpotlight.isFocus,
-      onKeyPress = _useSpotlight.onKeyPress,
-      onClearTerm = _useSpotlight.onClearTerm,
-      onChangeTerm = _useSpotlight.onChangeTerm,
-      onChangeField = _useSpotlight.onChangeField,
-      onCommitTerm = _useSpotlight.onCommitTerm,
-      setFocus = _useSpotlight.setFocus;
-
-  var classes = useStyles();
-  var theme = useTheme();
-  var isRtl = R.equals('rtl', R.prop('direction', theme));
-
-  return React.createElement(
-    'div',
-    {
-      'data-testid': testId,
-      className: cx(R.prop('container', className), (_cx = {}, _cx[classes.container] = withBorder, _cx[classes.containerFocus] = isFocus, _cx[classes.fullWidth] = fullWidth, _cx[classes.defaultWidth] = !fullWidth, _cx))
-    },
-    React.createElement(
-      Paper,
-      { className: classes.root, elevation: 0 },
-      React.createElement(
-        IconButton,
-        {
-          className: classes.leftIcon,
-          disabled: true,
-          'aria-label': R.propOr('search', 'searchSpotlight')(labels),
-          size: 'large'
-        },
-        React.createElement(Search, null)
-      ),
-      React.createElement(InputBase, {
-        inputProps: {
-          'aria-label': placeholder,
-          'data-testid': testId + '_input'
-        },
-        className: classes.input,
-        sx: {
-          '& input::placeholder': {
-            color: theme.palette.grey[700],
-            opacity: 1
-          }
-        },
-        classes: { root: classes.inputBase, input: classes.inputBaseMargin },
-        placeholder: placeholder,
-        onKeyDown: onKeyPress,
-        value: value,
-        onChange: onChangeTerm,
-        onFocus: function onFocus() {
-          return setFocus(true);
-        },
-        onBlur: function onBlur() {
-          return setFocus(false);
-        }
-        // eslint-disable-next-line jsx-a11y/no-autofocus
-        , autoFocus: withAutoFocus
-      }),
-      hasClearAll && !R.isEmpty(value) ? React.createElement(
-        IconButton,
-        {
-          'aria-label': R.propOr('clear', 'clearSpotlight')(labels),
-          onClick: onClearTerm,
-          className: cx(classes.rightIcon, classes.clear),
-          size: 'large'
-        },
-        React.createElement(Cross, null)
-      ) : null,
-      R.gt(size(R.prop('fields', spotlight)), 1) ? React.createElement(
-        Fragment,
-        null,
-        React.createElement(Field, {
-          spotlight: spotlight,
-          onChangeField: onChangeField,
-          isRtl: isRtl,
-          term: value,
-          classes: classes
-        })
-      ) : null,
-      hasCommit ? React.createElement(
-        Fragment,
-        null,
-        React.createElement(
-          IconButton,
-          {
-            disabled: R.isEmpty(value),
-            color: 'primary',
-            className: classes.rightIcon,
-            'aria-label': R.propOr('commit', 'commitSpotlight')(labels),
-            onClick: onCommitTerm,
-            size: 'large'
-          },
-          isRtl ? React.createElement(ArrowBack, null) : React.createElement(ArrowForward, null)
-        )
-      ) : null
-    )
-  );
-};
-
-Spotlight.propTypes = process.env.NODE_ENV !== "production" ? {
-  term: PropTypes.string,
-  testId: PropTypes.string,
-  placeholder: PropTypes.string,
-  defaultSpotlight: PropTypes.shape({
-    fields: PropTypes.object,
-    searchLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    FieldLabelRenderer: PropTypes.func
-  }),
-  action: PropTypes.func,
-  hasClearAll: PropTypes.bool,
-  hasCommit: PropTypes.bool,
-  withBorder: PropTypes.bool,
-  fullWidth: PropTypes.bool,
-  classes: PropTypes.object,
-  className: PropTypes.object,
-  withAutoFocus: PropTypes.bool
-} : {};
-
-export default Spotlight;

package/es/Spotlight/index.js

@@ -1,75 +0,0 @@
-/**
- * Spotlight is an input for search something
- *
- * We have many options for design the component as you wish
- * hasClearAll: show cross button for delete your text
- * hasCommit: show arrow button for commit your text (You could press "enter" for commit)
- * withBorder: add padding around the spotlight
- * fullWidth: input take 100% of the width
- *
- * spotlightOptions: show on right side a drop down list where you can add some options
- *
- * open devTool to see actions
- *
- *
- * @memberOf VISIONS
- * @name Spotlight
- * @tag component
- * @api public
- * @props
- * Spotlight.propTypes = {
- *   term: PropTypes.string,
- *   testId: PropTypes.string,
- *   placeholder: PropTypes.string,
- *   defaultSpotlight: PropTypes.shape({
- *     fields: PropTypes.object,
- *     searchLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     FieldLabelRenderer: PropTypes.func,
- *   }),
- *   action: PropTypes.func,
- *   hasClearAll: PropTypes.bool,
- *   hasCommit: PropTypes.bool,
- *   withBorder: PropTypes.bool,
- *   fullWidth: PropTypes.bool,
- *   classes: PropTypes.object,
- *   className: PropTypes.object,
- * };
- * @theme
- * {
- *   palette: {
- *     button: {
- *       mainOpacity: // background color around the spotlight (withBorder)
- *     },
- *     highlight: {
- *       hl1: // background color around the spotlight on focus. globale override: outerPalette.highlight1
- *     },
- *     primary: {
- *      main: // color of icons on the right. global override: outerPalette.primaryMain
- *      light: // used if hl1 is null. globale override: outerPalette.primaryLight
- *      dark: // used if mainOpacity is null. globale override: outerPalette.primaryDark
- *     },
- *     grey: {
- *       400: // input border
- *     }
- *   },
- *   typography: {
- *     body2: {
- *       // font, color, size of input label
- *     },
- *   },
- *   mixins: {
- *     spotlight: {
- *       focus: {
- *         outlineColor: outerPalette.highlight1
- *         outlineWidth: 1,
- *         outlineStyle: 'auto',
- *       }
- *     },
- *   }
- * }
- * @testId
- * root: [testId]
- * input: [testId]_input
- */
-
-export { default } from './Spotlight';

package/es/Spotlight/useSpotlight.js

@@ -1,75 +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 { useState, useEffect } from 'react';
-import * as R from 'ramda';
-
-export var useSpotlight = function useSpotlight(hasCommit) {
-  var defaultTerm = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  var defaultSpotlight = arguments[2];
-  var action = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};
-
-  var _useState = useState(defaultTerm),
-      term = _useState[0],
-      setTerm = _useState[1];
-
-  var _useState2 = useState(defaultSpotlight),
-      _useState2$ = _useState2[0],
-      spotlight = _useState2$ === undefined ? {} : _useState2$,
-      setSpotlight = _useState2[1];
-
-  var _useState3 = useState(false),
-      isFocus = _useState3[0],
-      setFocus = _useState3[1];
-
-  useEffect(function () {
-    setTerm(defaultTerm);
-    setSpotlight(defaultSpotlight);
-  }, [defaultTerm, defaultSpotlight]);
-
-  var onKeyPress = function onKeyPress(event) {
-    if (event.key === 'Enter') return action({ term: term, spotlight: spotlight });
-  };
-
-  var onClearTerm = function onClearTerm(event) {
-    event.preventDefault();
-    setTerm('');
-    return action({ term: '' });
-  };
-
-  var onChangeTerm = function onChangeTerm(event) {
-    event.preventDefault();
-    var newTerm = R.propOr('', 'value')(event.target);
-    setTerm(newTerm);
-    return hasCommit ? null : action({ term: newTerm, spotlight: spotlight });
-  };
-
-  var onCommitTerm = function onCommitTerm(event) {
-    event.preventDefault();
-    return action({ term: term, spotlight: spotlight });
-  };
-
-  var onChangeField = function onChangeField(field) {
-    return function (event) {
-      var _extends2;
-
-      event.preventDefault();
-      var newSpotlight = _extends({}, spotlight, {
-        fields: _extends({}, spotlight.fields, (_extends2 = {}, _extends2[field.id] = _extends({}, field, { isSelected: !field.isSelected }), _extends2))
-      });
-      setSpotlight(newSpotlight);
-      return action({ term: term, spotlight: newSpotlight });
-    };
-  };
-
-  return {
-    value: term,
-    spotlight: spotlight,
-    isFocus: isFocus,
-    setFocus: setFocus,
-    onKeyPress: onKeyPress,
-    onClearTerm: onClearTerm,
-    onChangeTerm: onChangeTerm,
-    onChangeField: onChangeField,
-    onCommitTerm: onCommitTerm
-  };
-};