@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.4

package/es/SisccFooter/SisccFooter.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { makeStyles, useTheme } from '@material-ui/core/styles';
 import AppBar from '@material-ui/core/AppBar';
@@ -6,6 +7,7 @@ import Toolbar from '@material-ui/core/Toolbar';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
 import { getIsRtl } from '../utils';
+
 var useStyles = makeStyles(function (theme) {
   return {
     appBar: {
@@ -38,38 +40,43 @@ var SisccFooter = function SisccFooter(_ref) {
 
   var leftLabel = _ref.leftLabel,
       _ref$rightLabel = _ref.rightLabel,
-      rightLabel = _ref$rightLabel === void 0 ? [] : _ref$rightLabel;
+      rightLabel = _ref$rightLabel === undefined ? [] : _ref$rightLabel;
+
   var classes = useStyles();
   var theme = useTheme();
   var isRtl = getIsRtl(theme);
-  return /*#__PURE__*/React.createElement(AppBar, {
-    "data-testid": "footer-bar-test-id",
-    position: "static",
-    className: classes.appBar
-  }, /*#__PURE__*/React.createElement(Toolbar, {
-    classes: {
-      root: classes.root,
-      gutters: classes.gutters
-    }
-  }, /*#__PURE__*/React.createElement(Grid, {
-    xs: 4,
-    item: true,
-    container: true,
-    justifyContent: "flex-start",
-    alignItems: "flex-start"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "body2",
-    className: cx(classes.leftLabel, (_cx = {}, _cx[classes.rtl] = isRtl, _cx))
-  }, leftLabel)), /*#__PURE__*/React.createElement(Grid, {
-    xs: 8,
-    item: true,
-    container: true,
-    justifyContent: "flex-end",
-    alignItems: "flex-start"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "body2",
-    className: cx(classes.rightLabel, (_cx2 = {}, _cx2[classes.rtl] = !isRtl, _cx2))
-  }, rightLabel))));
+
+  return React.createElement(
+    AppBar,
+    { 'data-testid': 'footer-bar-test-id', position: 'static', className: classes.appBar },
+    React.createElement(
+      Toolbar,
+      { classes: { root: classes.root, gutters: classes.gutters } },
+      React.createElement(
+        Grid,
+        { xs: 4, item: true, container: true, justifyContent: 'flex-start', alignItems: 'flex-start' },
+        React.createElement(
+          Typography,
+          { variant: 'body2', className: cx(classes.leftLabel, (_cx = {}, _cx[classes.rtl] = isRtl, _cx)) },
+          leftLabel
+        )
+      ),
+      React.createElement(
+        Grid,
+        { xs: 8, item: true, container: true, justifyContent: 'flex-end', alignItems: 'flex-start' },
+        React.createElement(
+          Typography,
+          { variant: 'body2', className: cx(classes.rightLabel, (_cx2 = {}, _cx2[classes.rtl] = !isRtl, _cx2)) },
+          rightLabel
+        )
+      )
+    )
+  );
 };
 
+SisccFooter.propTypes = process.env.NODE_ENV !== "production" ? {
+  leftLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  rightLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
+} : {};
+
 export default SisccFooter;

package/es/SisccFooter/index.js

@@ -23,4 +23,5 @@
  *   },
  * }
  **/
+
 export { default } from './SisccFooter';

package/es/Spotlight/Fields.js

@@ -1,10 +1,12 @@
 import React, { Fragment } from 'react';
 import * as R from 'ramda';
+import PropTypes from 'prop-types';
 import cx from 'classnames';
 import Popover from '@material-ui/core/Popover';
 import Button from '@material-ui/core/Button';
 import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
 import Check from '@material-ui/icons/Check';
+
 export var Field = function Field(_ref) {
   var spotlight = _ref.spotlight,
       onChangeField = _ref.onChangeField,
@@ -25,45 +27,77 @@ export var Field = function Field(_ref) {
 
   var open = Boolean(anchorEl);
   var id = open ? 'visions-spotlight-popover' : undefined;
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    "aria-describedby": id,
-    onClick: handleClick
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.buttonContainer
-  }, R.prop('searchLabel', spotlight), /*#__PURE__*/React.createElement(ArrowDropDownIcon, {
-    fontSize: "small"
-  }))), /*#__PURE__*/React.createElement(Popover, {
-    id: id,
-    open: open,
-    anchorEl: anchorEl,
-    onClose: handleClose,
-    anchorOrigin: {
-      vertical: 'bottom',
-      horizontal: 'center'
-    },
-    transformOrigin: {
-      vertical: 'top',
-      horizontal: 'center'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    dir: isRtl ? 'rtl' : 'ltr',
-    className: classes.popoverButton
-  }, R.pipe(R.values, R.map(function (field) {
-    var _cx;
 
-    return /*#__PURE__*/React.createElement(Button, {
-      key: field.id,
-      className: classes.buttonContainer,
-      onClick: onChangeField(field),
-      disabled: field.disabled
-    }, /*#__PURE__*/React.createElement(Check, {
-      fontSize: "small",
-      className: cx((_cx = {}, _cx[classes.selected] = !R.prop('isSelected')(field), _cx))
-    }), /*#__PURE__*/React.createElement(spotlight.FieldLabelRenderer, {
-      id: field.id
-    }));
-  }))(R.prop('fields', spotlight)))));
+  return React.createElement(
+    Fragment,
+    null,
+    React.createElement(
+      Button,
+      { 'aria-describedby': id, onClick: handleClick },
+      React.createElement(
+        'div',
+        { className: classes.buttonContainer },
+        R.prop('searchLabel', spotlight),
+        React.createElement(ArrowDropDownIcon, { fontSize: 'small' })
+      )
+    ),
+    React.createElement(
+      Popover,
+      {
+        id: id,
+        open: open,
+        anchorEl: anchorEl,
+        onClose: handleClose,
+        anchorOrigin: {
+          vertical: 'bottom',
+          horizontal: 'center'
+        },
+        transformOrigin: {
+          vertical: 'top',
+          horizontal: 'center'
+        }
+      },
+      React.createElement(
+        'div',
+        { dir: isRtl ? 'rtl' : 'ltr', className: classes.popoverButton },
+        R.pipe(R.values, R.map(function (field) {
+          var _cx;
+
+          return React.createElement(
+            Button,
+            {
+              key: field.id,
+              className: classes.buttonContainer,
+              onClick: onChangeField(field),
+              disabled: field.disabled
+            },
+            React.createElement(Check, {
+              fontSize: 'small',
+              className: cx((_cx = {}, _cx[classes.selected] = !R.prop('isSelected')(field), _cx))
+            }),
+            React.createElement(spotlight.FieldLabelRenderer, { id: field.id })
+          );
+        }))(R.prop('fields', spotlight))
+      )
+    )
+  );
 };
+
+Field.propTypes = process.env.NODE_ENV !== "production" ? {
+  classes: PropTypes.object,
+  spotlight: PropTypes.shape({
+    fields: PropTypes.shape({
+      id: PropTypes.string,
+      isSelected: PropTypes.bool,
+      disabled: PropTypes.bool
+    }),
+    searchLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    FieldLabelRenderer: PropTypes.func
+  }),
+  onChangeField: PropTypes.func.isRequired,
+  isRtl: PropTypes.bool
+} : {};
+
 Field.defaultProps = {
   spotlight: {}
 };

package/es/Spotlight/Spotlight.js

@@ -1,4 +1,5 @@
 import React, { Fragment } from 'react';
+import PropTypes from 'prop-types';
 import cx from 'classnames';
 import * as R from 'ramda';
 import ArrowForward from '@material-ui/icons/ArrowForward';
@@ -13,6 +14,7 @@ import { Field } from './Fields';
 import { useStyles } from './useStyles';
 import { useSpotlight } from './useSpotlight';
 import Cross from '../Icons/Cross';
+
 var size = R.pipe(R.values, R.length);
 
 var Spotlight = function Spotlight(_ref) {
@@ -28,7 +30,7 @@ var Spotlight = function Spotlight(_ref) {
       fullWidth = _ref.fullWidth,
       className = _ref.className,
       _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'spotlight' : _ref$testId;
+      testId = _ref$testId === undefined ? 'spotlight' : _ref$testId;
 
   var _useSpotlight = useSpotlight(hasCommit, term, defaultSpotlight, action),
       value = _useSpotlight.value,
@@ -44,57 +46,96 @@ var Spotlight = function Spotlight(_ref) {
   var classes = useStyles();
   var theme = useTheme();
   var isRtl = R.equals('rtl', R.prop('direction', theme));
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": testId,
-    className: cx(R.prop('container', className), (_cx = {}, _cx[classes.container] = withBorder, _cx[classes.containerFocus] = isFocus, _cx[classes.fullWidth] = fullWidth, _cx[classes.defaultWidth] = !fullWidth, _cx))
-  }, /*#__PURE__*/React.createElement(Paper, {
-    className: classes.root,
-    elevation: 0
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    className: classes.leftIcon,
-    disabled: true,
-    "aria-label": "search"
-  }, /*#__PURE__*/React.createElement(Search, null)), /*#__PURE__*/React.createElement(InputBase, {
-    inputProps: {
-      'aria-label': placeholder,
-      'data-testid': testId + "_input"
-    },
-    className: classes.input,
-    classes: {
-      root: classes.inputBase,
-      input: classes.inputBaseMargin
-    },
-    placeholder: placeholder,
-    onKeyPress: onKeyPress,
-    value: value,
-    onChange: onChangeTerm,
-    onFocus: function onFocus() {
-      return setFocus(true);
+
+  return React.createElement(
+    'div',
+    {
+      'data-testid': testId,
+      className: cx(R.prop('container', className), (_cx = {}, _cx[classes.container] = withBorder, _cx[classes.containerFocus] = isFocus, _cx[classes.fullWidth] = fullWidth, _cx[classes.defaultWidth] = !fullWidth, _cx))
     },
-    onBlur: function onBlur() {
-      return setFocus(false);
-    }
-  }), hasClearAll && !R.isEmpty(value) ? /*#__PURE__*/React.createElement(IconButton, {
-    "aria-label": "Clear",
-    onClick: onClearTerm,
-    className: cx(classes.rightIcon, classes.clear)
-  }, /*#__PURE__*/React.createElement(Cross, null)) : null, R.gt(size(R.prop('fields', spotlight)), 1) ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Divider, {
-    className: classes.divider
-  }), /*#__PURE__*/React.createElement(Field, {
-    spotlight: spotlight,
-    onChangeField: onChangeField,
-    isRtl: isRtl,
-    term: value,
-    classes: classes
-  })) : null, hasCommit ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Divider, {
-    className: classes.divider
-  }), /*#__PURE__*/React.createElement(IconButton, {
-    disabled: R.isEmpty(value),
-    color: "primary",
-    className: classes.rightIcon,
-    "aria-label": "commit",
-    onClick: onCommitTerm
-  }, isRtl ? /*#__PURE__*/React.createElement(ArrowBack, null) : /*#__PURE__*/React.createElement(ArrowForward, null))) : null));
+    React.createElement(
+      Paper,
+      { className: classes.root, elevation: 0 },
+      React.createElement(
+        IconButton,
+        { className: classes.leftIcon, disabled: true, 'aria-label': 'search' },
+        React.createElement(Search, null)
+      ),
+      React.createElement(InputBase, {
+        inputProps: {
+          'aria-label': placeholder,
+          'data-testid': testId + '_input'
+        },
+        className: classes.input,
+        classes: { root: classes.inputBase, input: classes.inputBaseMargin },
+        placeholder: placeholder,
+        onKeyPress: onKeyPress,
+        value: value,
+        onChange: onChangeTerm,
+        onFocus: function onFocus() {
+          return setFocus(true);
+        },
+        onBlur: function onBlur() {
+          return setFocus(false);
+        }
+      }),
+      hasClearAll && !R.isEmpty(value) ? React.createElement(
+        IconButton,
+        {
+          'aria-label': 'Clear',
+          onClick: onClearTerm,
+          className: cx(classes.rightIcon, classes.clear)
+        },
+        React.createElement(Cross, null)
+      ) : null,
+      R.gt(size(R.prop('fields', spotlight)), 1) ? React.createElement(
+        Fragment,
+        null,
+        React.createElement(Divider, { className: classes.divider }),
+        React.createElement(Field, {
+          spotlight: spotlight,
+          onChangeField: onChangeField,
+          isRtl: isRtl,
+          term: value,
+          classes: classes
+        })
+      ) : null,
+      hasCommit ? React.createElement(
+        Fragment,
+        null,
+        React.createElement(Divider, { className: classes.divider }),
+        React.createElement(
+          IconButton,
+          {
+            disabled: R.isEmpty(value),
+            color: 'primary',
+            className: classes.rightIcon,
+            'aria-label': 'commit',
+            onClick: onCommitTerm
+          },
+          isRtl ? React.createElement(ArrowBack, null) : React.createElement(ArrowForward, null)
+        )
+      ) : null
+    )
+  );
 };
 
+Spotlight.propTypes = process.env.NODE_ENV !== "production" ? {
+  term: PropTypes.string,
+  testId: PropTypes.string,
+  placeholder: PropTypes.string,
+  defaultSpotlight: PropTypes.shape({
+    fields: PropTypes.object,
+    searchLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    FieldLabelRenderer: PropTypes.func
+  }),
+  action: PropTypes.func,
+  hasClearAll: PropTypes.bool,
+  hasCommit: PropTypes.bool,
+  withBorder: PropTypes.bool,
+  fullWidth: PropTypes.bool,
+  classes: PropTypes.object,
+  className: PropTypes.object
+} : {};
+
 export default Spotlight;

package/es/Spotlight/index.js

@@ -71,4 +71,5 @@
  * root: [testId]
  * input: [testId]_input
  */
+
 export { default } from './Spotlight';

package/es/Spotlight/useSpotlight.js

@@ -1,14 +1,12 @@
-import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
+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 { useState, useEffect } from 'react';
 import * as R from 'ramda';
-export var useSpotlight = function useSpotlight(hasCommit, defaultTerm, defaultSpotlight, action) {
-  if (defaultTerm === void 0) {
-    defaultTerm = '';
-  }
 
-  if (action === void 0) {
-    action = function action() {};
-  }
+export var useSpotlight = function useSpotlight(hasCommit) {
+  var defaultTerm = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var defaultSpotlight = arguments[2];
+  var action = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};
 
   var _useState = useState(defaultTerm),
       term = _useState[0],
@@ -16,7 +14,7 @@ export var useSpotlight = function useSpotlight(hasCommit, defaultTerm, defaultS
 
   var _useState2 = useState(defaultSpotlight),
       _useState2$ = _useState2[0],
-      spotlight = _useState2$ === void 0 ? {} : _useState2$,
+      spotlight = _useState2$ === undefined ? {} : _useState2$,
       setSpotlight = _useState2[1];
 
   var _useState3 = useState(false),
@@ -29,36 +27,25 @@ export var useSpotlight = function useSpotlight(hasCommit, defaultTerm, defaultS
   }, [defaultTerm, defaultSpotlight]);
 
   var onKeyPress = function onKeyPress(event) {
-    if (event.key === 'Enter') return action({
-      term: term,
-      spotlight: spotlight
-    });
+    if (event.key === 'Enter') return action({ term: term, spotlight: spotlight });
   };
 
   var onClearTerm = function onClearTerm(event) {
     event.preventDefault();
     setTerm('');
-    return action({
-      term: ''
-    });
+    return action({ term: '' });
   };
 
   var onChangeTerm = function onChangeTerm(event) {
     event.preventDefault();
     var newTerm = R.propOr('', 'value')(event.target);
     setTerm(newTerm);
-    return hasCommit ? null : action({
-      term: newTerm,
-      spotlight: spotlight
-    });
+    return hasCommit ? null : action({ term: newTerm, spotlight: spotlight });
   };
 
   var onCommitTerm = function onCommitTerm(event) {
     event.preventDefault();
-    return action({
-      term: term,
-      spotlight: spotlight
-    });
+    return action({ term: term, spotlight: spotlight });
   };
 
   var onChangeField = function onChangeField(field) {
@@ -66,18 +53,11 @@ export var useSpotlight = function useSpotlight(hasCommit, defaultTerm, defaultS
       var _extends2;
 
       event.preventDefault();
-
       var newSpotlight = _extends({}, spotlight, {
-        fields: _extends({}, spotlight.fields, (_extends2 = {}, _extends2[field.id] = _extends({}, field, {
-          isSelected: !field.isSelected
-        }), _extends2))
+        fields: _extends({}, spotlight.fields, (_extends2 = {}, _extends2[field.id] = _extends({}, field, { isSelected: !field.isSelected }), _extends2))
       });
-
       setSpotlight(newSpotlight);
-      return action({
-        term: term,
-        spotlight: newSpotlight
-      });
+      return action({ term: term, spotlight: newSpotlight });
     };
   };
 

package/es/Spotlight/useStyles.js

@@ -1,6 +1,8 @@
-import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
+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 * as R from 'ramda';
 import { makeStyles } from '@material-ui/core/styles';
+
 export var useStyles = makeStyles(function (theme) {
   return {
     container: {
@@ -22,7 +24,7 @@ export var useStyles = makeStyles(function (theme) {
     root: {
       display: 'flex',
       alignItems: 'center',
-      border: "solid 1px " + theme.palette.grey[400],
+      border: 'solid 1px ' + theme.palette.grey[400],
       paddingRight: theme.spacing(1)
     },
     input: {