@sis-cc/dotstatsuite-visions 7.15.0 → 7.16.0

package/lib/UserRightForm/Permissions.js

@@ -0,0 +1,149 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Checkbox = require('@material-ui/core/Checkbox');
+
+var _Checkbox2 = _interopRequireDefault(_Checkbox);
+
+var _FormControlLabel = require('@material-ui/core/FormControlLabel');
+
+var _FormControlLabel2 = _interopRequireDefault(_FormControlLabel);
+
+var _core = require('@material-ui/core');
+
+var _ramda = require('ramda');
+
+var R = _interopRequireWildcard(_ramda);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var useStyles = (0, _core.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 _react2.default.createElement(
+    _core.Grid,
+    { container: true },
+    _react2.default.createElement(
+      _core.Grid,
+      { item: true, container: true, xs: 12 },
+      _react2.default.createElement(
+        _core.Grid,
+        { item: true, xs: 12, md: 4 },
+        _react2.default.createElement(
+          _core.Typography,
+          { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
+          R.prop('permission')(labels)
+        )
+      ),
+      _react2.default.createElement(
+        _core.Grid,
+        { item: true, xs: 12, md: 8 },
+        _react2.default.createElement(
+          _core.Typography,
+          {
+            variant: 'h6',
+            className: (0, _classnames2.default)(classes.contentLabel, classes.hideContent),
+            style: { paddingTop: 8 }
+          },
+          R.prop('definition')(labels)
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _core.Grid,
+      { item: true, container: true, xs: 12 },
+      R.map(function (item) {
+        return _react2.default.createElement(
+          _core.Grid,
+          { item: true, container: true, xs: 12, key: item.id },
+          _react2.default.createElement(
+            _core.Grid,
+            { item: true, xs: 12, md: 4 },
+            _react2.default.createElement(_FormControlLabel2.default, {
+              control: _react2.default.createElement(_Checkbox2.default, { name: 'checkedB', color: 'primary' }),
+              label: _react2.default.createElement(
+                _core.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);
+              }
+            })
+          ),
+          _react2.default.createElement(
+            _core.Grid,
+            { item: true, xs: 12, md: 8 },
+            _react2.default.createElement(
+              _core.Typography,
+              {
+                variant: 'h6',
+                className: (0, _classnames2.default)(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: _propTypes2.default.array,
+  labels: _propTypes2.default.object,
+  setSelectedOptions: _propTypes2.default.func,
+  onCheck: _propTypes2.default.func
+} : {};
+exports.default = Permissions;
+module.exports = exports['default'];

package/lib/UserRightForm/PermsissionsTabs.js

@@ -0,0 +1,119 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _core = require('@material-ui/core');
+
+var _ramda = require('ramda');
+
+var R = _interopRequireWildcard(_ramda);
+
+var _Permissions = require('./Permissions');
+
+var _Permissions2 = _interopRequireDefault(_Permissions);
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var useStyles = (0, _core.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 = (0, _react.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 _react2.default.createElement(
+    _core.Grid,
+    null,
+    _react2.default.createElement(
+      _core.Typography,
+      {
+        variant: 'h6',
+        className: classes.label,
+        style: { marginTop: 10, marginBottom: 10 }
+      },
+      R.prop('title')(labels)
+    ),
+    _react2.default.createElement(
+      _core.Grid,
+      { className: classes.tabs },
+      _react2.default.createElement(
+        _core.Tabs,
+        {
+          value: valueTabs,
+          indicatorColor: 'primary',
+          textColor: 'primary',
+          onChange: handleValueTabsChange,
+          'aria-label': R.prop('title')(labels),
+          className: classes.tab
+        },
+        _react2.default.createElement(_core.Tab, { label: R.path(['permissions', 'label'], data) }),
+        _react2.default.createElement(_core.Tab, { label: R.path(['options', 'label'], data) })
+      ),
+      _react2.default.createElement(
+        _core.Box,
+        null,
+        _react2.default.createElement(_Permissions2.default, {
+          data: valueTabs === 0 ? evolvedPermissionGroupsData : permissionsData,
+          labels: labels,
+          onCheck: valueTabs === 0 ? onCheckPermissionGroup : onCheckPermission
+        })
+      )
+    )
+  );
+};
+PermissionsTabs.propTypes = process.env.NODE_ENV !== "production" ? {
+  data: _propTypes2.default.object,
+  labels: _propTypes2.default.object,
+  onCheckPermission: _propTypes2.default.func,
+  onCheckPermissionGroup: _propTypes2.default.func
+} : {};
+exports.default = PermissionsTabs;
+module.exports = exports['default'];