@sis-cc/dotstatsuite-visions 7.15.1 → 7.16.0

package/es/ChartsConfig/ChartsConfig.js

@@ -23,7 +23,6 @@ var ChartsConfig = function ChartsConfig(_ref) {
       properties = _ref.properties;
 
   var classes = useStyles();
-
   return React.createElement(
     Grid,
     { 'data-testid': 'charts-config-test-id', spacing: 2, container: true, className: classes.root },

package/es/UserRightForm/Input.js

@@ -0,0 +1,129 @@
+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 '@material-ui/core/styles';
+import TextField from '@material-ui/core/TextField';
+import InputAdornment from '@material-ui/core/InputAdornment';
+import IconButton from '@material-ui/core/IconButton';
+import Done from '@material-ui/icons/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();
+      } },
+    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

@@ -0,0 +1,122 @@
+import React from 'react';
+import Checkbox from '@material-ui/core/Checkbox';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import { Grid, Typography, makeStyles } from '@material-ui/core';
+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('sm')] = {
+      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

@@ -0,0 +1,98 @@
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { Box, Grid, Tabs, Tab, makeStyles, Typography } from '@material-ui/core';
+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)
+    },
+    tab: {
+      backgroundColor: theme.palette.blue,
+      fontSize: '12px'
+    }
+  };
+});
+
+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,
+      {
+        variant: 'h6',
+        className: classes.label,
+        style: { marginTop: 10, marginBottom: 10 }
+      },
+      R.prop('title')(labels)
+    ),
+    React.createElement(
+      Grid,
+      { className: classes.tabs },
+      React.createElement(
+        Tabs,
+        {
+          value: valueTabs,
+          indicatorColor: 'primary',
+          textColor: 'primary',
+          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;