@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/es/Tooltip/index.js

@@ -1,36 +0,0 @@
-/**
- * Tooltip is component based on material ui https://material-ui.com/components/tooltips/.
- * this tooltip has onready integrate favorite style.
- * the tooltip will be placed on free space left, right, top or bottom
- * It has two color "light" and "dark"
- *
- * @memberOf VISIONS
- * @name Tooltip
- * @tag component
- * @api public
- * @props
- * Tooltip.propTypes = {
- *   variant: PropTypes.string,
- *   children: PropTypes.oneOfType([
- *     PropTypes.arrayOf(PropTypes.node),
- *     PropTypes.node
- *   ])
- * }
- * @theme
- * {
- *   palette: {
- *     warning: {
- *       main: // warning variant
- *     },
- *     common: {
- *       white: // light variant
- *       black: // dark variant
- *     },
- *     primary: {
- *       light: // link color. globale override: outerPalette.primaryLight
- *     }
- *   }
- * }
- */
-
-export { default } from './Tooltip';

package/es/UserRightForm/Input.js

@@ -1,129 +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 cx from 'classnames';
-import makeStyles from '@mui/styles/makeStyles';
-import TextField from '@mui/material/TextField';
-import InputAdornment from '@mui/material/InputAdornment';
-import IconButton from '@mui/material/IconButton';
-import Done from '@mui/icons-material/Done';
-import { withInput } from '../Input/with-input';
-
-var useStyles = makeStyles(function () {
-  return {
-    visibility: {
-      visibility: 'hidden'
-    }
-  };
-});
-
-var LefttIcon = function LefttIcon(_ref) {
-  var Icon = _ref.Icon;
-  return React.createElement(Icon, null);
-};
-
-LefttIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  Icon: PropTypes.object
-} : {};
-
-var RightIcon = function RightIcon(_ref2) {
-  var onSubmit = _ref2.onSubmit,
-      _ref2$Icon = _ref2.Icon,
-      Icon = _ref2$Icon === undefined ? Done : _ref2$Icon;
-  return React.createElement(
-    IconButton,
-    { color: 'primary', onClick: function onClick() {
-        return onSubmit();
-      }, size: 'large' },
-    React.createElement(Icon, null)
-  );
-};
-
-RightIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  Icon: PropTypes.object,
-  onSubmit: PropTypes.func,
-  classes: PropTypes.object
-} : {};
-
-export var MyInput = function MyInput(_ref3) {
-  var _cx;
-
-  var id = _ref3.id,
-      label = _ref3.label,
-      name = _ref3.name,
-      placeholder = _ref3.placeholder,
-      leftIcon = _ref3.leftIcon,
-      rightIcon = _ref3.rightIcon,
-      value = _ref3.value,
-      type = _ref3.type,
-      onChange = _ref3.onChange,
-      onSubmit = _ref3.onSubmit,
-      fullWidth = _ref3.fullWidth,
-      withValidationIcon = _ref3.withValidationIcon,
-      textFieldProps = _ref3.textFieldProps,
-      inputProps = _ref3.inputProps,
-      endAdornment = _ref3.endAdornment;
-
-  var classes = useStyles();
-  var startAdornment = R.isNil(leftIcon) ? null : React.createElement(
-    InputAdornment,
-    { position: 'start' },
-    React.createElement(LefttIcon, { Icon: leftIcon })
-  );
-  var endMyadornment = R.or(withValidationIcon, !R.isNil(rightIcon)) ? React.createElement(
-    InputAdornment,
-    { position: 'end', className: cx((_cx = {}, _cx[classes.visibility] = R.isEmpty(value), _cx)) },
-    React.createElement(RightIcon, { onSubmit: onSubmit, Icon: rightIcon })
-  ) : null;
-
-  var onEnterLabel = function onEnterLabel(event) {
-    if (event.key === 'Enter') {
-      event.preventDefault();
-      if (R.is(Function, onSubmit)) {
-        onSubmit();
-      }
-    }
-  };
-
-  return React.createElement(TextField, _extends({
-    'data-testid': 'input-test-id',
-    margin: 'dense',
-    fullWidth: fullWidth,
-    id: id,
-    name: name,
-    type: type,
-    label: label,
-    value: value,
-    variant: 'outlined',
-    placeholder: placeholder,
-    onChange: onChange,
-    onKeyPress: onEnterLabel,
-    InputProps: {
-      startAdornment: startAdornment,
-      endAdornment: R.isNil(endAdornment) ? endMyadornment : endAdornment
-    },
-    inputProps: inputProps
-  }, textFieldProps));
-};
-
-MyInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: PropTypes.string,
-  name: PropTypes.string,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  leftIcon: PropTypes.object,
-  rightIcon: PropTypes.object,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  type: PropTypes.string,
-  onChange: PropTypes.func,
-  onSubmit: PropTypes.func,
-  fullWidth: PropTypes.bool,
-  withValidationIcon: PropTypes.bool,
-  textFieldProps: PropTypes.object,
-  inputProps: PropTypes.object,
-  endAdornment: PropTypes.node
-} : {};
-
-export default withInput(MyInput);

package/es/UserRightForm/Permissions.js

@@ -1,124 +0,0 @@
-import React from 'react';
-import Checkbox from '@mui/material/Checkbox';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import Grid from '@mui/material/Grid';
-import Typography from '@mui/material/Typography';
-import makeStyles from '@mui/styles/makeStyles';
-import * as R from 'ramda';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-
-var useStyles = makeStyles(function (theme) {
-  var _hideContent;
-
-  return {
-    hideContent: (_hideContent = {}, _hideContent[theme.breakpoints.down('md')] = {
-      display: 'none'
-    }, _hideContent),
-    contentLabel: {
-      color: theme.palette.text.primary,
-      fontWeight: 'bold',
-      fontSize: '14px'
-    },
-    label: {
-      color: theme.palette.text.primary,
-      fontSize: '14px'
-    },
-    disabled: {
-      cursor: 'not-allowed',
-      color: theme.palette.text.disabled,
-      '&:hover': {
-        color: theme.palette.text.disabled
-      }
-    }
-  };
-});
-
-var Permissions = function Permissions(_ref) {
-  var data = _ref.data,
-      labels = _ref.labels,
-      onCheck = _ref.onCheck;
-
-  var classes = useStyles();
-
-  return React.createElement(
-    Grid,
-    { container: true },
-    React.createElement(
-      Grid,
-      { item: true, container: true, xs: 12 },
-      React.createElement(
-        Grid,
-        { item: true, xs: 12, md: 4 },
-        React.createElement(
-          Typography,
-          { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
-          R.prop('permission')(labels)
-        )
-      ),
-      React.createElement(
-        Grid,
-        { item: true, xs: 12, md: 8 },
-        React.createElement(
-          Typography,
-          {
-            variant: 'h6',
-            className: cx(classes.contentLabel, classes.hideContent),
-            style: { paddingTop: 8 }
-          },
-          R.prop('definition')(labels)
-        )
-      )
-    ),
-    React.createElement(
-      Grid,
-      { item: true, container: true, xs: 12 },
-      R.map(function (item) {
-        return React.createElement(
-          Grid,
-          { item: true, container: true, xs: 12, key: item.id },
-          React.createElement(
-            Grid,
-            { item: true, xs: 12, md: 4 },
-            React.createElement(FormControlLabel, {
-              control: React.createElement(Checkbox, { name: 'checkedB', color: 'primary' }),
-              label: React.createElement(
-                Typography,
-                {
-                  variant: 'h6',
-                  className: R.propOr(false, 'disabled')(item) ? classes.disabled : classes.label
-                },
-                R.prop('label')(item)
-              ),
-              checked: !!item.isSelected,
-              disabled: R.propOr(false, 'disabled')(item),
-              onChange: function onChange() {
-                return onCheck(item.id);
-              }
-            })
-          ),
-          React.createElement(
-            Grid,
-            { item: true, xs: 12, md: 8 },
-            React.createElement(
-              Typography,
-              {
-                variant: 'h6',
-                className: cx(R.propOr(false, 'disabled')(item) ? classes.disabled : classes.label, classes.hideContent),
-                style: { paddingTop: 8 }
-              },
-              R.prop('definition')(item)
-            )
-          )
-        );
-      })(data)
-    )
-  );
-};
-Permissions.propTypes = process.env.NODE_ENV !== "production" ? {
-  data: PropTypes.array,
-  labels: PropTypes.object,
-  setSelectedOptions: PropTypes.func,
-  onCheck: PropTypes.func
-} : {};
-export default Permissions;

package/es/UserRightForm/PermsissionsTabs.js

@@ -1,107 +0,0 @@
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import Box from '@mui/material/Box';
-import Grid from '@mui/material/Grid';
-import Tabs from '@mui/material/Tabs';
-import Tab from '@mui/material/Tab';
-import Typography from '@mui/material/Typography';
-import makeStyles from '@mui/styles/makeStyles';
-import * as R from 'ramda';
-import Permissions from './Permissions';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    tabs: {
-      border: '1px solid black',
-      padding: theme.spacing(1, 2),
-      '& .MuiTabs-indicator': {
-        backgroundColor: '#182026 !important'
-      }
-    },
-    tab: {
-      backgroundColor: theme.palette.blue,
-      fontSize: '12px',
-      '& .Mui-selected': {
-        fontWeight: 'bold'
-      }
-    },
-    label: {
-      fontSize: '1.0625rem',
-      lineHeight: '1.6'
-    }
-  };
-});
-
-var PermissionsTabs = function PermissionsTabs(_ref) {
-  var data = _ref.data,
-      labels = _ref.labels,
-      onCheckPermission = _ref.onCheckPermission,
-      onCheckPermissionGroup = _ref.onCheckPermissionGroup;
-
-  var classes = useStyles();
-
-  var _useState = useState(0),
-      valueTabs = _useState[0],
-      setValueTabs = _useState[1];
-
-  var handleValueTabsChange = function handleValueTabsChange(_, newValue) {
-    return setValueTabs(newValue);
-  };
-
-  var permissionsData = R.path(['options', 'data'], data);
-  var permissionGroupsData = R.path(['permissions', 'data'], data);
-
-  var selectedGroups = R.filter(R.prop('isSelected'), permissionGroupsData);
-  var selectedPermissionsInGroups = R.pipe(R.pluck('options'), R.unnest, R.uniq)(selectedGroups);
-  var selectedPermissions = R.pipe(R.filter(R.prop('isSelected')), R.pluck('id'))(permissionsData);
-  var nonGroupedSelectedPermissions = R.difference(selectedPermissions, selectedPermissionsInGroups);
-
-  var evolvedPermissionGroupsData = R.append({
-    id: 'customPermissions',
-    label: R.prop('customPermissions', labels),
-    definition: R.prop('customPermissionsDefinition', labels),
-    isSelected: !R.isEmpty(nonGroupedSelectedPermissions),
-    disabled: true
-  }, permissionGroupsData);
-
-  return React.createElement(
-    Grid,
-    null,
-    React.createElement(
-      Typography,
-      { className: classes.label, style: { marginTop: 10, marginBottom: 10 } },
-      R.prop('title')(labels)
-    ),
-    React.createElement(
-      Grid,
-      { className: classes.tabs },
-      React.createElement(
-        Tabs,
-        {
-          value: valueTabs,
-          onChange: handleValueTabsChange,
-          'aria-label': R.prop('title')(labels),
-          className: classes.tab
-        },
-        React.createElement(Tab, { label: R.path(['permissions', 'label'], data) }),
-        React.createElement(Tab, { label: R.path(['options', 'label'], data) })
-      ),
-      React.createElement(
-        Box,
-        null,
-        React.createElement(Permissions, {
-          data: valueTabs === 0 ? evolvedPermissionGroupsData : permissionsData,
-          labels: labels,
-          onCheck: valueTabs === 0 ? onCheckPermissionGroup : onCheckPermission
-        })
-      )
-    )
-  );
-};
-PermissionsTabs.propTypes = process.env.NODE_ENV !== "production" ? {
-  data: PropTypes.object,
-  labels: PropTypes.object,
-  onCheckPermission: PropTypes.func,
-  onCheckPermissionGroup: PropTypes.func
-} : {};
-export default PermissionsTabs;