@sis-cc/dotstatsuite-visions 7.15.1 → 7.17.0

package/es/UserRightForm/UserRightForm.js

@@ -0,0 +1,432 @@
+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, { useState } from 'react';
+import PropTypes from 'prop-types';
+import * as R from 'ramda';
+import { Grid, Typography } from '@material-ui/core';
+import { makeStyles } from '@material-ui/styles';
+import Input from './Input';
+import Button from '../Button';
+import Select from '../Select';
+import PermsissionsTabs from './PermsissionsTabs';
+
+var useStyles = 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 = useState(R.propOr('*', 'value')(user)),
+      userValue = _useState[0],
+      setUserValue = _useState[1];
+
+  var _useState2 = useState(R.propOr('*', 'value')(dataspace)),
+      dataspaceValue = _useState2[0],
+      setDataspaceValue = _useState2[1];
+
+  var _useState3 = useState(R.propOr('*', 'value')(artefactType)),
+      artefactTypeValue = _useState3[0],
+      setArtefactTypeValue = _useState3[1];
+
+  var _useState4 = useState(R.propOr('*', 'value')(maintenanceAgencyID)),
+      maintenanceAgencyIDValue = _useState4[0],
+      setMaintenanceAgencyIDValue = _useState4[1];
+
+  var _useState5 = useState(R.propOr('*', 'value')(artefactID)),
+      artefactIDValue = _useState5[0],
+      setArtefactIDValue = _useState5[1];
+
+  var _useState6 = 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 = 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 React.createElement(
+    Grid,
+    { container: true, className: classes.paper, 'data-testid': 'permission-test-id' },
+    React.createElement(
+      Grid,
+      { item: true, container: true, xs: 12, md: 12, justifyContent: 'space-between' },
+      React.createElement(
+        Grid,
+        { item: true, container: true, xs: 12, sm: 12, md: 5, 'flex-direction': 'column' },
+        React.createElement(
+          Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 4 },
+            React.createElement(
+              Typography,
+              { variant: 'h6', className: classes.contentLabel },
+              R.prop('user')(labels)
+            )
+          ),
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 8 },
+            React.createElement(Input, {
+              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) }
+            })
+          )
+        ),
+        React.createElement(
+          Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 4 },
+            React.createElement(
+              Typography,
+              { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
+              R.prop('dataspace')(labels)
+            )
+          ),
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 8 },
+            React.createElement(Select, {
+              value: R.defaultTo('*', dataspaceValue),
+              items: dataSpaces,
+              onChange: onChangeDataspace,
+              textFieldProps: {
+                disabled: R.propOr(false, 'disabled')(dataspace),
+                error: isErrorDataspace
+              }
+            })
+          )
+        ),
+        React.createElement(
+          Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 4 },
+            React.createElement(
+              Typography,
+              { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
+              R.prop('artefactType')(labels)
+            )
+          ),
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 8 },
+            React.createElement(Select, {
+              value: R.defaultTo('*', artefactTypeValue),
+              items: artefactTypes,
+              onChange: onChangeArtefactType,
+              textFieldProps: {
+                disabled: R.propOr(false, 'disabled')(artefactType),
+                error: isErrorArtefactType
+              }
+            })
+          )
+        )
+      ),
+      React.createElement(
+        Grid,
+        { item: true, container: true, xs: 12, sm: 12, md: 5, 'flex-direction': 'column' },
+        React.createElement(
+          Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 4 },
+            React.createElement(
+              Typography,
+              { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
+              R.prop('maintenanceAgencyID')(labels)
+            )
+          ),
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 8 },
+            React.createElement(Input, {
+              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)
+              }
+            })
+          )
+        ),
+        React.createElement(
+          Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 4 },
+            React.createElement(
+              Typography,
+              { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
+              R.prop('artefactID')(labels)
+            )
+          ),
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 8 },
+            React.createElement(Input, {
+              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) }
+            })
+          )
+        ),
+        React.createElement(
+          Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 4 },
+            React.createElement(
+              Typography,
+              { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
+              R.prop('artefactVersion')(labels)
+            )
+          ),
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 8 },
+            React.createElement(Input, {
+              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)
+              }
+            })
+          )
+        )
+      )
+    ),
+    React.createElement(
+      Grid,
+      { item: true, container: true },
+      React.createElement(PermsissionsTabs, {
+        data: evolvedPermissions,
+        labels: labels,
+        onCheckPermission: onCheckPermission,
+        onCheckPermissionGroup: onCheckPermissionGroup
+      })
+    ),
+    React.createElement(
+      Grid,
+      { item: true, container: true, justifyContent: 'flex-end', alignItems: 'center' },
+      React.createElement(
+        Grid,
+        { item: true },
+        React.createElement(
+          Button,
+          {
+            '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)
+        )
+      ),
+      React.createElement(
+        Grid,
+        { item: true },
+        React.createElement(
+          Button,
+          {
+            '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: PropTypes.func,
+  onCancel: PropTypes.func,
+  artefactTypes: PropTypes.arrayOf(PropTypes.shape({
+    value: PropTypes.string,
+    label: PropTypes.string
+  })),
+  dataSpaces: PropTypes.arrayOf(PropTypes.shape({
+    value: PropTypes.string,
+    label: PropTypes.string
+  })),
+  permissionTabs: PropTypes.object,
+  user: PropTypes.shape({
+    value: PropTypes.string,
+    disabled: PropTypes.bool
+  }),
+  dataspace: PropTypes.shape({
+    value: PropTypes.string,
+    disabled: PropTypes.bool
+  }),
+  artefactType: PropTypes.shape({
+    value: PropTypes.string,
+    disabled: PropTypes.bool
+  }),
+  maintenanceAgencyID: PropTypes.shape({
+    value: PropTypes.string,
+    disabled: PropTypes.bool
+  }),
+  artefactID: PropTypes.shape({
+    value: PropTypes.string,
+    disabled: PropTypes.bool
+  }),
+  artefactVersion: PropTypes.shape({
+    value: PropTypes.string,
+    disabled: PropTypes.bool
+  }),
+  labels: PropTypes.shape({
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    user: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    dataspace: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    artefactType: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    maintenanceAgencyID: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    artefactID: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    artefactVersion: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
+  })
+} : {};
+export default UserRightForm;

package/es/UserRightForm/index.js

@@ -0,0 +1,62 @@
+/**
+ * A modified version of the vanilla Material UI button with selected props
+ *
+ * Permission allows to add or edit permission
+ * @memberOf VISIONS
+ * @name Permission
+ * @tag component
+ * @api public
+ *
+ * Permission.propTypes = {
+ *  apply: PropTypes.func,
+ *  onCancel: PropTypes.func,
+ *  artefactTypes: PropTypes.arrayOf(
+ *    PropTypes.shape({
+ *      value: PropTypes.string,
+ *      label: PropTypes.string,
+ *    }),
+ *  ),
+ *  dataSpaces: PropTypes.arrayOf(
+ *    PropTypes.shape({
+ *      value: PropTypes.string,
+ *      label: PropTypes.string,
+ *    }),
+ *  ),
+ *  permissionTabs: PropTypes.object,
+ *  user: PropTypes.shape({
+ *    value: PropTypes.string,
+ *    disabled: PropTypes.bool,
+ *  }),
+ *  dataspace: PropTypes.shape({
+ *    value: PropTypes.string,
+ *    disabled: PropTypes.bool,
+ *  }),
+ *  artefactType: PropTypes.shape({
+ *    value: PropTypes.string,
+ *    disabled: PropTypes.bool,
+ *  }),
+ *  maintenanceAgencyID: PropTypes.shape({
+ *    value: PropTypes.string,
+ *    disabled: PropTypes.bool,
+ *  }),
+ *  artefactID: PropTypes.shape({
+ *    value: PropTypes.string,
+ *    disabled: PropTypes.bool,
+ *  }),
+ *  artefactVersion: PropTypes.shape({
+ *  value: PropTypes.string,
+ *  disabled: PropTypes.bool,
+ *  }),
+ *  labels: PropTypes.shape({
+ *    title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *    user: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *    dataspace: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *    artefactType: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *    maintenanceAgencyID: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *    artefactID: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *    artefactVersion: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *  }),
+ *  };
+ *  @demoReady
+ **/
+export { default } from './UserRightForm';

package/es/index.js

@@ -11,6 +11,7 @@ export { default as ChartsConfig } from './ChartsConfig';
 export { default as Chips } from './Chips';
 export { default as CollapseButtons } from './CollapseButtons';
 export { default as CollapsibleTree } from './CollapsibleTree';
+export { default as Contact } from './Contact';
 export { default as DataEdit } from './DataEdit';
 export { default as Dataflow } from './Dataflow';
 export { default as DataHeader } from './DataHeader';
@@ -39,6 +40,7 @@ export { default as TablePreview } from './TablePreview';
 export { default as Tag } from './Tag';
 export { default as ToggleButton } from './ToggleButton';
 export { default as Tooltip } from './Tooltip';
+export { default as UserRightForm } from './UserRightForm';
 export { default as VerticalButton } from './VerticalButton';
 export { default as AuthDialog } from './AuthDialog';
 export { sisccTheme, innerPalette, T4_BREAKPOINTS } from './theme';

package/lib/ChartsConfig/ChartsConfig.js

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