@sis-cc/dotstatsuite-visions 6.4.3 → 6.6.0

package/lib/AuthDialog/index.js

@@ -0,0 +1,193 @@
+"use strict";
+
+var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ramda = require("ramda");
+
+var _Button = _interopRequireDefault(require("../Button"));
+
+var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+
+var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
+
+var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _Person = _interopRequireDefault(require("@material-ui/icons/Person"));
+
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _styles = require("@material-ui/core/styles");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * AuthDialog is an UI component that displays an login popup.
+ *
+ * @memberOf VISIONS
+ * @name AuthDialog
+ * @tag component
+ * @api public
+ * @props
+ * AuthDialog.propTypes = {
+ *   isOpen: PropTypes.bool,
+ *   labels: PropTypes.shape({
+ *     anonymous: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+ *     error: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+ *     header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+ *     password: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+ *     user: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+ *     submit: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+ *   }),
+ *   onClose: PropTypes.func.isRequired,
+ *   onSubmit: PropTypes.func.isRequired
+ * };
+ */
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    header: {
+      color: 'grey',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between'
+    },
+    headerLabel: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    closeButton: {
+      color: 'grey !important',
+      padding: 0
+    },
+    content: {
+      alignItems: 'stretch',
+      display: 'flex',
+      flexDirection: 'column',
+      padding: 10,
+      backgroundColor: 'rgb(240, 240, 240)'
+    },
+    error: {
+      color: 'red'
+    },
+    input: {
+      backgroundColor: 'white',
+      '&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button': {
+        '-webkit-appearance': 'none',
+        margin: 0
+      },
+      '&[type=number]': {
+        '-moz-appearance': 'textfield'
+      }
+    }
+  };
+});
+
+var AuthDialog = function AuthDialog(_ref) {
+  var isOpen = _ref.isOpen,
+      labels = _ref.labels,
+      onClose = _ref.onClose,
+      onSubmit = _ref.onSubmit;
+  var classes = useStyles();
+
+  var _useState = (0, _react.useState)(''),
+      user = _useState[0],
+      setUser = _useState[1];
+
+  var _useState2 = (0, _react.useState)(''),
+      password = _useState2[0],
+      setPassword = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      isAnonymous = _useState3[0],
+      setIsAnonymous = _useState3[1];
+
+  var onChangeAnonymous = function onChangeAnonymous() {
+    setIsAnonymous(!isAnonymous);
+
+    if (!isAnonymous) {
+      setUser('');
+      setPassword('');
+    }
+  };
+
+  var canSubmit = isAnonymous || !(0, _ramda.isEmpty)(user) && !(0, _ramda.isEmpty)(password);
+
+  var onClickSubmit = function onClickSubmit() {
+    return onSubmit({
+      user: user,
+      password: password,
+      isAnonymous: isAnonymous
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+    open: isOpen,
+    onClose: onClose
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.header
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.headerLabel
+  }, /*#__PURE__*/_react.default.createElement(_Person.default, null), /*#__PURE__*/_react.default.createElement(_Typography.default, null, labels.header)), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    className: classes.closeButton,
+    onClick: onClose
+  }, /*#__PURE__*/_react.default.createElement(_Close.default, null))), /*#__PURE__*/_react.default.createElement("form", {
+    className: classes.content
+  }, /*#__PURE__*/_react.default.createElement("label", {
+    htmlFor: "login"
+  }, labels.user), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    inputProps: {
+      className: classes.input,
+      id: 'login',
+      autoComplete: 'username',
+      name: 'username'
+    },
+    value: user,
+    onChange: function onChange(e) {
+      return setUser(e.target.value);
+    },
+    disabled: isAnonymous
+  }), /*#__PURE__*/_react.default.createElement("label", {
+    htmlFor: "password"
+  }, labels.password), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    inputProps: {
+      className: classes.input,
+      id: 'password',
+      autoComplete: 'current-password',
+      name: 'password'
+    },
+    value: password,
+    onChange: function onChange(e) {
+      return setPassword(e.target.value);
+    },
+    disabled: isAnonymous,
+    type: "password"
+  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+    checked: isAnonymous,
+    onChange: onChangeAnonymous
+  }), labels.anonymous), labels.error && /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.error
+  }, labels.error), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    color: "primary",
+    disabled: !canSubmit,
+    onClick: onClickSubmit,
+    variant: "contained"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '100%'
+    }
+  }, labels.submit))));
+};
+
+var _default = AuthDialog;
+exports.default = _default;
+module.exports = exports.default;

package/lib/Breadcrumbs/Breadcrumbs.js

@@ -1,44 +1,29 @@
-'use strict';
+"use strict";
 
-exports.__esModule = true;
-
-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 _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
-var _styles = require('@material-ui/core/styles');
-
-var _Breadcrumbs = require('@material-ui/core/Breadcrumbs');
-
-var _Breadcrumbs2 = _interopRequireDefault(_Breadcrumbs);
+exports.__esModule = true;
+exports.default = void 0;
 
-var _Typography = require('@material-ui/core/Typography');
+var _react = _interopRequireDefault(require("react"));
 
-var _Typography2 = _interopRequireDefault(_Typography);
+var R = _interopRequireWildcard(require("ramda"));
 
-var _NavigateNext = require('@material-ui/icons/NavigateNext');
+var _styles = require("@material-ui/core/styles");
 
-var _NavigateNext2 = _interopRequireDefault(_NavigateNext);
+var _Breadcrumbs = _interopRequireDefault(require("@material-ui/core/Breadcrumbs"));
 
-var _NavigateBefore = require('@material-ui/icons/NavigateBefore');
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
 
-var _NavigateBefore2 = _interopRequireDefault(_NavigateBefore);
+var _NavigateNext = _interopRequireDefault(require("@material-ui/icons/NavigateNext"));
 
-var _classnames = require('classnames');
+var _NavigateBefore = _interopRequireDefault(require("@material-ui/icons/NavigateBefore"));
 
-var _classnames2 = _interopRequireDefault(_classnames);
+var _classnames = _interopRequireDefault(require("classnames"));
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
@@ -60,46 +45,32 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
 
 var CustomBreadcrumbs = function CustomBreadcrumbs(_ref) {
   var _ref$items = _ref.items,
-      items = _ref$items === undefined ? [] : _ref$items,
+      items = _ref$items === void 0 ? [] : _ref$items,
       isRtl = _ref.isRtl;
-
   var classes = useStyles();
-
-  return _react2.default.createElement(
-    _Breadcrumbs2.default,
-    {
-      separator: isRtl ? _react2.default.createElement(_NavigateBefore2.default, { fontSize: 'small' }) : _react2.default.createElement(_NavigateNext2.default, { fontSize: 'small' }),
-      'aria-label': 'breadcrumb'
-    },
-    R.addIndex(R.map)(function (_ref2, index) {
-      var _cx;
-
-      var text = _ref2.text,
-          action = _ref2.action,
-          isDisabled = _ref2.isDisabled;
-      return _react2.default.createElement(
-        _Typography2.default,
-        {
-          key: text + '-' + index,
-          color: 'textPrimary',
-          onClick: action,
-          variant: 'subtitle1',
-          className: (0, _classnames2.default)((_cx = {}, _cx[classes.action] = R.is(Function)(action), _cx[classes.disabled] = isDisabled, _cx))
-        },
-        text
-      );
-    })(items)
-  );
+  return /*#__PURE__*/_react.default.createElement(_Breadcrumbs.default, {
+    separator: isRtl ? /*#__PURE__*/_react.default.createElement(_NavigateBefore.default, {
+      fontSize: "small"
+    }) : /*#__PURE__*/_react.default.createElement(_NavigateNext.default, {
+      fontSize: "small"
+    }),
+    "aria-label": "breadcrumb"
+  }, R.addIndex(R.map)(function (_ref2, index) {
+    var _cx;
+
+    var text = _ref2.text,
+        action = _ref2.action,
+        isDisabled = _ref2.isDisabled;
+    return /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      key: text + "-" + index,
+      color: "textPrimary",
+      onClick: action,
+      variant: "subtitle1",
+      className: (0, _classnames.default)((_cx = {}, _cx[classes.action] = R.is(Function)(action), _cx[classes.disabled] = isDisabled, _cx))
+    }, text);
+  })(items));
 };
 
-CustomBreadcrumbs.propTypes = process.env.NODE_ENV !== "production" ? {
-  items: _propTypes2.default.arrayOf(_propTypes2.default.shape({
-    text: _propTypes2.default.string.isRequired,
-    action: _propTypes2.default.func,
-    isDisabled: _propTypes2.default.bool
-  })),
-  isRtl: _propTypes2.default.bool
-} : {};
-
-exports.default = CustomBreadcrumbs;
-module.exports = exports['default'];
+var _default = CustomBreadcrumbs;
+exports.default = _default;
+module.exports = exports.default;

package/lib/Breadcrumbs/index.js

@@ -1,16 +1,11 @@
-'use strict';
+"use strict";
 
-exports.__esModule = true;
-
-var _Breadcrumbs = require('./Breadcrumbs');
+var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
-Object.defineProperty(exports, 'default', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_Breadcrumbs).default;
-  }
-});
+exports.__esModule = true;
+exports.default = void 0;
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _Breadcrumbs = _interopRequireDefault(require("./Breadcrumbs"));
 
-module.exports = exports['default'];
+exports.default = _Breadcrumbs.default;
+module.exports = exports.default;

package/lib/Button/Button.js

@@ -1,87 +1,68 @@
-'use strict';
+"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 _ramda = require('ramda');
+var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
-var R = _interopRequireWildcard(_ramda);
+exports.__esModule = true;
+exports.default = void 0;
 
-var _propTypes = require('prop-types');
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose"));
 
-var _propTypes2 = _interopRequireDefault(_propTypes);
+var _extends2 = _interopRequireDefault(require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
 
-var _classnames = require('classnames');
+var _react = _interopRequireDefault(require("react"));
 
-var _classnames2 = _interopRequireDefault(_classnames);
+var R = _interopRequireWildcard(require("ramda"));
 
-var _Button = require('@material-ui/core/Button');
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _Button2 = _interopRequireDefault(_Button);
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 
-var _styles = require('@material-ui/core/styles');
+var _styles = require("@material-ui/core/styles");
 
-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; } }
+var _excluded = ["className", "selected", "alternative"];
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   var color1 = R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark;
-
   return {
     defaultSelected: {
       backgroundColor: theme.palette.action.hover,
       '&:hover': {
-        backgroundColor: theme.palette.action.selected + ' !important'
+        backgroundColor: theme.palette.action.selected + " !important"
       }
     },
     sisccRoot: {
-      '&:hover': _extends({
+      '&:hover': (0, _extends2.default)({
         color: theme.palette.getContrastText(color1),
         backgroundColor: R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark
       }, R.path(['mixins', 'toggleButton', 'hover'])(theme))
     },
-    sisccSelected: _extends({
+    sisccSelected: (0, _extends2.default)({
       color: theme.palette.getContrastText(color1),
       backgroundColor: color1
     }, R.path(['mixins', 'toggleButton', 'selected'])(theme))
   };
 });
 
-var MyButton = _react2.default.forwardRef(function (_ref, ref) {
+var MyButton = _react.default.forwardRef(function (_ref, ref) {
   var _cx;
 
   var className = _ref.className,
       selected = _ref.selected,
       _ref$alternative = _ref.alternative,
-      alternative = _ref$alternative === undefined ? 'default' : _ref$alternative,
-      props = _objectWithoutProperties(_ref, ['className', 'selected', 'alternative']);
-
+      alternative = _ref$alternative === void 0 ? 'default' : _ref$alternative,
+      props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   var classes = useStyles();
-  return _react2.default.createElement(
-    _Button2.default,
-    _extends({
-      className: (0, _classnames2.default)(className, R.prop(alternative + 'Root')(classes), (_cx = {}, _cx[R.prop(alternative + 'Selected')(classes)] = selected, _cx)),
-      'aria-pressed': selected,
-      ref: ref
-    }, props),
-    props.children
-  );
+  return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
+    className: (0, _classnames.default)(className, R.prop(alternative + "Root")(classes), (_cx = {}, _cx[R.prop(alternative + "Selected")(classes)] = selected, _cx)),
+    "aria-pressed": selected,
+    ref: ref
+  }, props), props.children);
 });
 
-MyButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  className: _propTypes2.default.string,
-  alternative: _propTypes2.default.string,
-  selected: _propTypes2.default.bool,
-  children: _propTypes2.default.node
-} : {};
-
-exports.default = MyButton;
-module.exports = exports['default'];
+var _default = MyButton;
+exports.default = _default;
+module.exports = exports.default;

package/lib/Button/index.js

@@ -1,16 +1,11 @@
-'use strict';
+"use strict";
 
-exports.__esModule = true;
-
-var _Button = require('./Button');
+var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
-Object.defineProperty(exports, 'default', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_Button).default;
-  }
-});
+exports.__esModule = true;
+exports.default = void 0;
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _Button = _interopRequireDefault(require("./Button"));
 
-module.exports = exports['default'];
+exports.default = _Button.default;
+module.exports = exports.default;