@sis-cc/dotstatsuite-visions 7.15.1 → 7.17.0

package/lib/UserRightForm/UserRightForm.js

@@ -0,0 +1,463 @@
+'use strict';
+
+exports.__esModule = true;
+
+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; };
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _ramda = require('ramda');
+
+var R = _interopRequireWildcard(_ramda);
+
+var _core = require('@material-ui/core');
+
+var _styles = require('@material-ui/styles');
+
+var _Input = require('./Input');
+
+var _Input2 = _interopRequireDefault(_Input);
+
+var _Button = require('../Button');
+
+var _Button2 = _interopRequireDefault(_Button);
+
+var _Select = require('../Select');
+
+var _Select2 = _interopRequireDefault(_Select);
+
+var _PermsissionsTabs = require('./PermsissionsTabs');
+
+var _PermsissionsTabs2 = _interopRequireDefault(_PermsissionsTabs);
+
+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, _styles.makeStyles)(function (theme) {
+  return {
+    paper: {
+      backgroundColor: theme.palette.background.paper,
+      padding: theme.spacing(2)
+    },
+    label: {
+      color: theme.palette.primary.main
+    },
+    textarea: {
+      width: '100%',
+      padding: theme.spacing(1)
+    },
+    submitButton: {
+      margin: theme.spacing(1)
+    },
+    contentLabel: {
+      fontSize: '14px'
+    }
+  };
+});
+
+var UserRightForm = function UserRightForm(_ref) {
+  var labels = _ref.labels,
+      artefactTypes = _ref.artefactTypes,
+      dataSpaces = _ref.dataSpaces,
+      permissionTabs = _ref.permissionTabs,
+      apply = _ref.apply,
+      onCancel = _ref.onCancel,
+      user = _ref.user,
+      artefactID = _ref.artefactID,
+      artefactType = _ref.artefactType,
+      artefactVersion = _ref.artefactVersion,
+      maintenanceAgencyID = _ref.maintenanceAgencyID,
+      dataspace = _ref.dataspace;
+
+  var classes = useStyles();
+
+  var _useState = (0, _react.useState)(R.propOr('*', 'value')(user)),
+      userValue = _useState[0],
+      setUserValue = _useState[1];
+
+  var _useState2 = (0, _react.useState)(R.propOr('*', 'value')(dataspace)),
+      dataspaceValue = _useState2[0],
+      setDataspaceValue = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(R.propOr('*', 'value')(artefactType)),
+      artefactTypeValue = _useState3[0],
+      setArtefactTypeValue = _useState3[1];
+
+  var _useState4 = (0, _react.useState)(R.propOr('*', 'value')(maintenanceAgencyID)),
+      maintenanceAgencyIDValue = _useState4[0],
+      setMaintenanceAgencyIDValue = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(R.propOr('*', 'value')(artefactID)),
+      artefactIDValue = _useState5[0],
+      setArtefactIDValue = _useState5[1];
+
+  var _useState6 = (0, _react.useState)(R.propOr('*', 'value')(artefactVersion)),
+      artefactVersionValue = _useState6[0],
+      setArtefactVersionValue = _useState6[1];
+
+  var initialSelectedPermissions = R.pipe(R.pathOr([], ['options', 'data']), R.filter(R.prop('isSelected')), R.reduce(function (acc, _ref2) {
+    var id = _ref2.id;
+    return R.assoc(id, id, acc);
+  }, {}))(permissionTabs);
+
+  var _useState7 = (0, _react.useState)(initialSelectedPermissions),
+      selectedPermissions = _useState7[0],
+      setSelectedPermissions = _useState7[1];
+
+  var onCheckPermission = function onCheckPermission(id) {
+    if (R.has(id, selectedPermissions)) {
+      setSelectedPermissions(R.dissoc(id, selectedPermissions));
+    } else {
+      setSelectedPermissions(R.assoc(id, id, selectedPermissions));
+    }
+  };
+  var permissionsIdsIndexedByGroups = R.reduce(function (acc, group) {
+    return R.assoc(group.id, group.options, acc);
+  }, {}, R.pathOr([], ['permissions', 'data'], permissionTabs));
+  var selectedPermissionsGroups = R.pipe(R.pathOr([], ['permissions', 'data']), R.filter(function (group) {
+    return group.options && R.all(function (id) {
+      return R.has(id, selectedPermissions);
+    }, group.options || []);
+  }), R.reduce(function (acc, _ref3) {
+    var id = _ref3.id;
+    return R.assoc(id, id, acc);
+  }, {}))(permissionTabs);
+
+  var onCheckPermissionGroup = function onCheckPermissionGroup(id) {
+    if (R.has(id, selectedPermissionsGroups)) {
+      setSelectedPermissions(R.omit(permissionsIdsIndexedByGroups[id], selectedPermissions));
+    } else {
+      setSelectedPermissions(_extends({}, selectedPermissions, R.indexBy(R.identity, permissionsIdsIndexedByGroups[id])));
+    }
+  };
+  var evolvedPermissions = R.pipe(R.over(R.lensPath(['options', 'data']), R.map(function (opt) {
+    return R.assoc('isSelected', R.has(opt.id, selectedPermissions), opt);
+  })), R.over(R.lensPath(['permissions', 'data']), R.map(function (opt) {
+    return R.assoc('isSelected', R.has(opt.id, selectedPermissionsGroups), opt);
+  })))(permissionTabs);
+
+  var onChangeDataspace = function onChangeDataspace(value) {
+    return setDataspaceValue(value);
+  };
+  var onChangeArtefactType = function onChangeArtefactType(value) {
+    return setArtefactTypeValue(value);
+  };
+
+  var handleCancel = function handleCancel() {
+    if (R.is(Function)(onCancel)) return onCancel();
+  };
+  var handleSubmit = function handleSubmit() {
+    if (R.is(Function)(apply)) return apply({
+      user: userValue,
+      dataspace: dataspaceValue,
+      artefactType: artefactTypeValue,
+      maintenanceAgencyID: maintenanceAgencyIDValue,
+      artefactID: artefactIDValue,
+      artefactVersion: artefactVersionValue,
+      checkedPermissions: R.values(selectedPermissions)
+    });
+  };
+
+  var isErrorDataspace = R.pipe(R.find(R.propEq('value', dataspaceValue)), R.isNil)(dataSpaces);
+  var isErrorArtefactType = R.pipe(R.find(R.propEq('value', artefactTypeValue)), R.isNil)(artefactTypes);
+  var isValidPermissions = !R.isEmpty(selectedPermissions) && !R.equals(selectedPermissions, initialSelectedPermissions);
+  var isValidFields = R.all(function (value) {
+    return !R.isEmpty(value) && !R.isNil(value);
+  }, [userValue, maintenanceAgencyIDValue, artefactIDValue, artefactVersionValue, dataspaceValue, artefactTypeValue]);
+
+  return _react2.default.createElement(
+    _core.Grid,
+    { container: true, className: classes.paper, 'data-testid': 'permission-test-id' },
+    _react2.default.createElement(
+      _core.Grid,
+      { item: true, container: true, xs: 12, md: 12, justifyContent: 'space-between' },
+      _react2.default.createElement(
+        _core.Grid,
+        { item: true, container: true, xs: 12, sm: 12, md: 5, 'flex-direction': 'column' },
+        _react2.default.createElement(
+          _core.Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          _react2.default.createElement(
+            _core.Grid,
+            { item: true, xs: 12, md: 4 },
+            _react2.default.createElement(
+              _core.Typography,
+              { variant: 'h6', className: classes.contentLabel },
+              R.prop('user')(labels)
+            )
+          ),
+          _react2.default.createElement(
+            _core.Grid,
+            { item: true, xs: 12, md: 8 },
+            _react2.default.createElement(_Input2.default, {
+              variant: 'outlined',
+              name: 'User',
+              type: 'text',
+              fullWidth: true,
+              value: userValue,
+              onChange: function onChange(e) {
+                return setUserValue(e.target.value);
+              },
+              isControlled: true,
+              textFieldProps: { disabled: R.propOr(false, 'disabled')(user) }
+            })
+          )
+        ),
+        _react2.default.createElement(
+          _core.Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          _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('dataspace')(labels)
+            )
+          ),
+          _react2.default.createElement(
+            _core.Grid,
+            { item: true, xs: 12, md: 8 },
+            _react2.default.createElement(_Select2.default, {
+              value: R.defaultTo('*', dataspaceValue),
+              items: dataSpaces,
+              onChange: onChangeDataspace,
+              textFieldProps: {
+                disabled: R.propOr(false, 'disabled')(dataspace),
+                error: isErrorDataspace
+              }
+            })
+          )
+        ),
+        _react2.default.createElement(
+          _core.Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          _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('artefactType')(labels)
+            )
+          ),
+          _react2.default.createElement(
+            _core.Grid,
+            { item: true, xs: 12, md: 8 },
+            _react2.default.createElement(_Select2.default, {
+              value: R.defaultTo('*', artefactTypeValue),
+              items: artefactTypes,
+              onChange: onChangeArtefactType,
+              textFieldProps: {
+                disabled: R.propOr(false, 'disabled')(artefactType),
+                error: isErrorArtefactType
+              }
+            })
+          )
+        )
+      ),
+      _react2.default.createElement(
+        _core.Grid,
+        { item: true, container: true, xs: 12, sm: 12, md: 5, 'flex-direction': 'column' },
+        _react2.default.createElement(
+          _core.Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          _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('maintenanceAgencyID')(labels)
+            )
+          ),
+          _react2.default.createElement(
+            _core.Grid,
+            { item: true, xs: 12, md: 8 },
+            _react2.default.createElement(_Input2.default, {
+              variant: 'outlined',
+              name: 'title',
+              type: 'text',
+              fullWidth: true,
+              value: maintenanceAgencyIDValue,
+              onChange: function onChange(e) {
+                return setMaintenanceAgencyIDValue(e.target.value);
+              },
+              isControlled: true,
+              textFieldProps: {
+                disabled: R.propOr(false, 'disabled')(maintenanceAgencyID)
+              }
+            })
+          )
+        ),
+        _react2.default.createElement(
+          _core.Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          _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('artefactID')(labels)
+            )
+          ),
+          _react2.default.createElement(
+            _core.Grid,
+            { item: true, xs: 12, md: 8 },
+            _react2.default.createElement(_Input2.default, {
+              variant: 'outlined',
+              name: 'title',
+              type: 'text',
+              fullWidth: true,
+              value: artefactIDValue,
+              onChange: function onChange(e) {
+                return setArtefactIDValue(e.target.value);
+              },
+              isControlled: true,
+              textFieldProps: { disabled: R.propOr(false, 'disabled')(artefactID) }
+            })
+          )
+        ),
+        _react2.default.createElement(
+          _core.Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          _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('artefactVersion')(labels)
+            )
+          ),
+          _react2.default.createElement(
+            _core.Grid,
+            { item: true, xs: 12, md: 8 },
+            _react2.default.createElement(_Input2.default, {
+              variant: 'outlined',
+              name: 'title',
+              type: 'text',
+              fullWidth: true,
+              value: artefactVersionValue,
+              onChange: function onChange(e) {
+                return setArtefactVersionValue(e.target.value);
+              },
+              isControlled: true,
+              textFieldProps: {
+                disabled: R.propOr(false, 'disabled')(artefactVersion)
+              }
+            })
+          )
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _core.Grid,
+      { item: true, container: true },
+      _react2.default.createElement(_PermsissionsTabs2.default, {
+        data: evolvedPermissions,
+        labels: labels,
+        onCheckPermission: onCheckPermission,
+        onCheckPermissionGroup: onCheckPermissionGroup
+      })
+    ),
+    _react2.default.createElement(
+      _core.Grid,
+      { item: true, container: true, justifyContent: 'flex-end', alignItems: 'center' },
+      _react2.default.createElement(
+        _core.Grid,
+        { item: true },
+        _react2.default.createElement(
+          _Button2.default,
+          {
+            'aria-label': R.prop('cancel')(labels),
+            type: 'submit',
+            disabled: false,
+            variant: 'contained',
+            color: 'default',
+            alternative: 'siscc',
+            onClick: handleCancel,
+            size: 'medium',
+            className: classes.submitButton
+          },
+          R.prop('cancel')(labels)
+        )
+      ),
+      _react2.default.createElement(
+        _core.Grid,
+        { item: true },
+        _react2.default.createElement(
+          _Button2.default,
+          {
+            'aria-label': R.prop('submit')(labels),
+            type: 'submit',
+            disabled: !isValidPermissions || !isValidFields || isErrorArtefactType || isErrorDataspace,
+            variant: 'contained',
+            color: 'primary',
+            alternative: 'siscc',
+            onClick: handleSubmit,
+            size: 'medium',
+            className: classes.submitButton
+          },
+          R.prop('submit')(labels)
+        )
+      )
+    )
+  );
+};
+UserRightForm.propTypes = process.env.NODE_ENV !== "production" ? {
+  apply: _propTypes2.default.func,
+  onCancel: _propTypes2.default.func,
+  artefactTypes: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+    value: _propTypes2.default.string,
+    label: _propTypes2.default.string
+  })),
+  dataSpaces: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+    value: _propTypes2.default.string,
+    label: _propTypes2.default.string
+  })),
+  permissionTabs: _propTypes2.default.object,
+  user: _propTypes2.default.shape({
+    value: _propTypes2.default.string,
+    disabled: _propTypes2.default.bool
+  }),
+  dataspace: _propTypes2.default.shape({
+    value: _propTypes2.default.string,
+    disabled: _propTypes2.default.bool
+  }),
+  artefactType: _propTypes2.default.shape({
+    value: _propTypes2.default.string,
+    disabled: _propTypes2.default.bool
+  }),
+  maintenanceAgencyID: _propTypes2.default.shape({
+    value: _propTypes2.default.string,
+    disabled: _propTypes2.default.bool
+  }),
+  artefactID: _propTypes2.default.shape({
+    value: _propTypes2.default.string,
+    disabled: _propTypes2.default.bool
+  }),
+  artefactVersion: _propTypes2.default.shape({
+    value: _propTypes2.default.string,
+    disabled: _propTypes2.default.bool
+  }),
+  labels: _propTypes2.default.shape({
+    title: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+    user: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+    dataspace: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+    artefactType: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+    maintenanceAgencyID: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+    artefactID: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+    artefactVersion: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element])
+  })
+} : {};
+exports.default = UserRightForm;
+module.exports = exports['default'];

package/lib/UserRightForm/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _UserRightForm = require('./UserRightForm');
+
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_UserRightForm).default;
+  }
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+module.exports = exports['default'];

package/lib/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 exports.__esModule = true;
-exports.T4_BREAKPOINTS = exports.innerPalette = exports.sisccTheme = exports.AuthDialog = exports.VerticalButton = exports.Tooltip = exports.ToggleButton = exports.Tag = exports.TablePreview = exports.TableLayout = exports.Cell = exports.TableHtml5 = exports.TableHeader = exports.TableFooter = exports.Spotlight = exports.SisccFooter = exports.Share = exports.Select = exports.ScopeList = exports.reduceChildren = exports.spotlightScopeListEngine = exports.PeriodPicker = exports.Pagination = exports.NoData = exports.Logo = exports.Loading = exports.LabelDivider = exports.InputNumber = exports.Input = exports.ExpansionPanel = exports.DataFooter = exports.DataHeader = exports.Dataflow = exports.DataEdit = exports.CollapsibleTree = exports.CollapseButtons = exports.Chips = exports.ChartsConfig = exports.Button = exports.Breadcrumbs = exports.ApiQueries = exports.Alert = undefined;
+exports.T4_BREAKPOINTS = exports.innerPalette = exports.sisccTheme = exports.AuthDialog = exports.VerticalButton = exports.UserRightForm = exports.Tooltip = exports.ToggleButton = exports.Tag = exports.TablePreview = exports.TableLayout = exports.Cell = exports.TableHtml5 = exports.TableHeader = exports.TableFooter = exports.Spotlight = exports.SisccFooter = exports.Share = exports.Select = exports.ScopeList = exports.reduceChildren = exports.spotlightScopeListEngine = exports.PeriodPicker = exports.Pagination = exports.NoData = exports.Logo = exports.Loading = exports.LabelDivider = exports.InputNumber = exports.Input = exports.ExpansionPanel = exports.DataFooter = exports.DataHeader = exports.Dataflow = exports.DataEdit = exports.Contact = exports.CollapsibleTree = exports.CollapseButtons = exports.Chips = exports.ChartsConfig = exports.Button = exports.Breadcrumbs = exports.ApiQueries = exports.Alert = undefined;
 
 var _Alert = require('./Alert');
 
@@ -75,6 +75,15 @@ Object.defineProperty(exports, 'CollapsibleTree', {
   }
 });
 
+var _Contact = require('./Contact');
+
+Object.defineProperty(exports, 'Contact', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_Contact).default;
+  }
+});
+
 var _DataEdit = require('./DataEdit');
 
 Object.defineProperty(exports, 'DataEdit', {
@@ -342,6 +351,15 @@ Object.defineProperty(exports, 'Tooltip', {
   }
 });
 
+var _UserRightForm = require('./UserRightForm');
+
+Object.defineProperty(exports, 'UserRightForm', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_UserRightForm).default;
+  }
+});
+
 var _VerticalButton = require('./VerticalButton');
 
 Object.defineProperty(exports, 'VerticalButton', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "7.15.1",
+  "version": "7.17.0",
   "description": "Library of visual components",
   "author": "OECD",
   "homepage": "https://visions-qa.siscc.org/#o",
@@ -36,6 +36,7 @@
     "@react-hook/size": "^2.1.1",
     "classnames": "^2.2.6",
     "date-fns": "^1.30.1",
+    "isemail": "^3.2.0",
     "numeral": "^2.0.6",
     "prop-types": "^15.7.2",
     "ramda": "^0.27.0",
@@ -161,7 +162,7 @@
     ],
     "rules": {
       "no-console": "warn",
-      "no-unused-vars": "warn",
+      "no-unused-vars": "error",
       "react/display-name": "off",
       "react-hooks/rules-of-hooks": "error",
       "react-hooks/exhaustive-deps": "warn",