@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/lib/Spotlight/Spotlight.js

@@ -1,202 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _ArrowForward = require('@mui/icons-material/ArrowForward');
-
-var _ArrowForward2 = _interopRequireDefault(_ArrowForward);
-
-var _styles = require('@mui/material/styles');
-
-var _ArrowBack = require('@mui/icons-material/ArrowBack');
-
-var _ArrowBack2 = _interopRequireDefault(_ArrowBack);
-
-var _Search = require('@mui/icons-material/Search');
-
-var _Search2 = _interopRequireDefault(_Search);
-
-var _Paper = require('@mui/material/Paper');
-
-var _Paper2 = _interopRequireDefault(_Paper);
-
-var _IconButton = require('@mui/material/IconButton');
-
-var _IconButton2 = _interopRequireDefault(_IconButton);
-
-var _InputBase = require('@mui/material/InputBase');
-
-var _InputBase2 = _interopRequireDefault(_InputBase);
-
-var _Fields = require('./Fields');
-
-var _useStyles = require('./useStyles');
-
-var _useSpotlight2 = require('./useSpotlight');
-
-var _Cross = require('../Icons/Cross');
-
-var _Cross2 = _interopRequireDefault(_Cross);
-
-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 size = R.pipe(R.values, R.length);
-
-var Spotlight = function Spotlight(_ref) {
-  var _cx;
-
-  var placeholder = _ref.placeholder,
-      hasClearAll = _ref.hasClearAll,
-      hasCommit = _ref.hasCommit,
-      withBorder = _ref.withBorder,
-      defaultSpotlight = _ref.defaultSpotlight,
-      term = _ref.term,
-      action = _ref.action,
-      fullWidth = _ref.fullWidth,
-      className = _ref.className,
-      _ref$withAutoFocus = _ref.withAutoFocus,
-      withAutoFocus = _ref$withAutoFocus === undefined ? false : _ref$withAutoFocus,
-      labels = _ref.labels,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === undefined ? 'spotlight' : _ref$testId;
-
-  var _useSpotlight = (0, _useSpotlight2.useSpotlight)(hasCommit, term, defaultSpotlight, action),
-      value = _useSpotlight.value,
-      spotlight = _useSpotlight.spotlight,
-      isFocus = _useSpotlight.isFocus,
-      onKeyPress = _useSpotlight.onKeyPress,
-      onClearTerm = _useSpotlight.onClearTerm,
-      onChangeTerm = _useSpotlight.onChangeTerm,
-      onChangeField = _useSpotlight.onChangeField,
-      onCommitTerm = _useSpotlight.onCommitTerm,
-      setFocus = _useSpotlight.setFocus;
-
-  var classes = (0, _useStyles.useStyles)();
-  var theme = (0, _styles.useTheme)();
-  var isRtl = R.equals('rtl', R.prop('direction', theme));
-
-  return _react2.default.createElement(
-    'div',
-    {
-      'data-testid': testId,
-      className: (0, _classnames2.default)(R.prop('container', className), (_cx = {}, _cx[classes.container] = withBorder, _cx[classes.containerFocus] = isFocus, _cx[classes.fullWidth] = fullWidth, _cx[classes.defaultWidth] = !fullWidth, _cx))
-    },
-    _react2.default.createElement(
-      _Paper2.default,
-      { className: classes.root, elevation: 0 },
-      _react2.default.createElement(
-        _IconButton2.default,
-        {
-          className: classes.leftIcon,
-          disabled: true,
-          'aria-label': R.propOr('search', 'searchSpotlight')(labels),
-          size: 'large'
-        },
-        _react2.default.createElement(_Search2.default, null)
-      ),
-      _react2.default.createElement(_InputBase2.default, {
-        inputProps: {
-          'aria-label': placeholder,
-          'data-testid': testId + '_input'
-        },
-        className: classes.input,
-        sx: {
-          '& input::placeholder': {
-            color: theme.palette.grey[700],
-            opacity: 1
-          }
-        },
-        classes: { root: classes.inputBase, input: classes.inputBaseMargin },
-        placeholder: placeholder,
-        onKeyDown: onKeyPress,
-        value: value,
-        onChange: onChangeTerm,
-        onFocus: function onFocus() {
-          return setFocus(true);
-        },
-        onBlur: function onBlur() {
-          return setFocus(false);
-        }
-        // eslint-disable-next-line jsx-a11y/no-autofocus
-        , autoFocus: withAutoFocus
-      }),
-      hasClearAll && !R.isEmpty(value) ? _react2.default.createElement(
-        _IconButton2.default,
-        {
-          'aria-label': R.propOr('clear', 'clearSpotlight')(labels),
-          onClick: onClearTerm,
-          className: (0, _classnames2.default)(classes.rightIcon, classes.clear),
-          size: 'large'
-        },
-        _react2.default.createElement(_Cross2.default, null)
-      ) : null,
-      R.gt(size(R.prop('fields', spotlight)), 1) ? _react2.default.createElement(
-        _react.Fragment,
-        null,
-        _react2.default.createElement(_Fields.Field, {
-          spotlight: spotlight,
-          onChangeField: onChangeField,
-          isRtl: isRtl,
-          term: value,
-          classes: classes
-        })
-      ) : null,
-      hasCommit ? _react2.default.createElement(
-        _react.Fragment,
-        null,
-        _react2.default.createElement(
-          _IconButton2.default,
-          {
-            disabled: R.isEmpty(value),
-            color: 'primary',
-            className: classes.rightIcon,
-            'aria-label': R.propOr('commit', 'commitSpotlight')(labels),
-            onClick: onCommitTerm,
-            size: 'large'
-          },
-          isRtl ? _react2.default.createElement(_ArrowBack2.default, null) : _react2.default.createElement(_ArrowForward2.default, null)
-        )
-      ) : null
-    )
-  );
-};
-
-Spotlight.propTypes = process.env.NODE_ENV !== "production" ? {
-  term: _propTypes2.default.string,
-  testId: _propTypes2.default.string,
-  placeholder: _propTypes2.default.string,
-  defaultSpotlight: _propTypes2.default.shape({
-    fields: _propTypes2.default.object,
-    searchLabel: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
-    FieldLabelRenderer: _propTypes2.default.func
-  }),
-  action: _propTypes2.default.func,
-  hasClearAll: _propTypes2.default.bool,
-  hasCommit: _propTypes2.default.bool,
-  withBorder: _propTypes2.default.bool,
-  fullWidth: _propTypes2.default.bool,
-  classes: _propTypes2.default.object,
-  className: _propTypes2.default.object,
-  withAutoFocus: _propTypes2.default.bool
-} : {};
-
-exports.default = Spotlight;
-module.exports = exports['default'];

package/lib/Spotlight/index.js

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

package/lib/Spotlight/useSpotlight.js

@@ -1,85 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-exports.useSpotlight = undefined;
-
-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 _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-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 useSpotlight = exports.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 = (0, _react.useState)(defaultTerm),
-      term = _useState[0],
-      setTerm = _useState[1];
-
-  var _useState2 = (0, _react.useState)(defaultSpotlight),
-      _useState2$ = _useState2[0],
-      spotlight = _useState2$ === undefined ? {} : _useState2$,
-      setSpotlight = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      isFocus = _useState3[0],
-      setFocus = _useState3[1];
-
-  (0, _react.useEffect)(function () {
-    setTerm(defaultTerm);
-    setSpotlight(defaultSpotlight);
-  }, [defaultTerm, defaultSpotlight]);
-
-  var onKeyPress = function onKeyPress(event) {
-    if (event.key === 'Enter') return action({ term: term, spotlight: spotlight });
-  };
-
-  var onClearTerm = function onClearTerm(event) {
-    event.preventDefault();
-    setTerm('');
-    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 });
-  };
-
-  var onCommitTerm = function onCommitTerm(event) {
-    event.preventDefault();
-    return action({ term: term, spotlight: spotlight });
-  };
-
-  var onChangeField = function onChangeField(field) {
-    return function (event) {
-      var _extends2;
-
-      event.preventDefault();
-      var newSpotlight = _extends({}, spotlight, {
-        fields: _extends({}, spotlight.fields, (_extends2 = {}, _extends2[field.id] = _extends({}, field, { isSelected: !field.isSelected }), _extends2))
-      });
-      setSpotlight(newSpotlight);
-      return action({ term: term, spotlight: newSpotlight });
-    };
-  };
-
-  return {
-    value: term,
-    spotlight: spotlight,
-    isFocus: isFocus,
-    setFocus: setFocus,
-    onKeyPress: onKeyPress,
-    onClearTerm: onClearTerm,
-    onChangeTerm: onChangeTerm,
-    onChangeField: onChangeField,
-    onCommitTerm: onCommitTerm
-  };
-};

package/lib/Spotlight/useStyles.js

@@ -1,91 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-exports.useStyles = undefined;
-
-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 _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 useStyles = exports.useStyles = (0, _makeStyles2.default)(function (theme) {
-  return {
-    container: {
-      padding: theme.spacing(1.875),
-      borderRadius: theme.spacing(0.5),
-      backgroundColor: R.path(['palette', 'button', 'mainOpacity'], theme) || theme.palette.primary.dark
-    },
-    fullWidth: {
-      width: '100%'
-    },
-    defaultWidth: {
-      maxWidth: 420,
-      minWidth: 250
-    },
-    containerFocus: _extends({
-      backgroundColor: R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.light,
-      borderRadius: theme.shape.borderRadius
-    }, R.pathOr({}, ['mixins', 'spotlight', 'focus'], theme)),
-    root: {
-      display: 'flex',
-      alignItems: 'center',
-      border: 'solid 1px ' + theme.palette.grey[400],
-      paddingRight: theme.spacing(1)
-    },
-    input: {
-      marginLeft: theme.spacing(0),
-      flex: 1
-    },
-    inputBase: _extends({}, R.pathOr({}, ['typography', 'body2'], theme), {
-      lineHeight: 0
-    }),
-    inputBaseMargin: {
-      padding: theme.spacing(0),
-      height: theme.spacing(3.75)
-    },
-    leftIcon: {
-      padding: theme.spacing(0.125, 0.5),
-      '&.Mui-disabled': {
-        color: theme.palette.grey[700] + ' !important'
-      }
-    },
-    rightIcon: {
-      padding: theme.spacing(0.125, 0),
-      borderRadius: theme.shape.borderRadius,
-      color: theme.palette.primary.main,
-      margin: theme.spacing(0.125),
-      '&.Mui-disabled': {
-        color: theme.palette.grey[700] + ' !important'
-      }
-    },
-    clear: {
-      padding: '3px 0px 0px 0px'
-    },
-    popoverButton: {
-      display: 'flex',
-      flexDirection: 'column'
-    },
-    divider: {
-      width: 1,
-      height: '1.5em',
-      margin: theme.spacing(0.5)
-    },
-    selected: {
-      visibility: 'hidden'
-    },
-    buttonContainer: {
-      display: 'flex',
-      flexDirection: 'row',
-      alignItems: 'center'
-    }
-  };
-});

package/lib/TableFooter/TableFooter.js

@@ -1,129 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _Grid = require('@mui/material/Grid');
-
-var _Grid2 = _interopRequireDefault(_Grid);
-
-var _Tooltip = require('../Tooltip/Tooltip');
-
-var _Tooltip2 = _interopRequireDefault(_Tooltip);
-
-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, _makeStyles2.default)(function (theme) {
-  return {
-    font: {
-      color: theme.palette.grey[600]
-    },
-    spaceContainer: {
-      paddingLeft: theme.spacing(1.5)
-    },
-    gridContainer: {
-      padding: theme.spacing(0.5, 1.5)
-    }
-  };
-});
-
-var TableFooter = function TableFooter(_ref) {
-  var tooltip = _ref.tooltip,
-      label = _ref.label,
-      logo = _ref.logo,
-      link = _ref.link,
-      linkLabel = _ref.linkLabel,
-      _ref$height = _ref.height,
-      height = _ref$height === undefined ? 25 : _ref$height;
-
-  var classes = useStyles();
-  return _react2.default.createElement(
-    _Grid2.default,
-    { container: true, direction: 'row', alignItems: 'center', spacing: 2 },
-    _react2.default.createElement(
-      _Grid2.default,
-      { item: true, xs: 1, className: classes.gridContainer },
-      _react2.default.createElement(
-        _Tooltip2.default,
-        {
-          placement: 'top',
-          title: _react2.default.createElement(
-            _Typography2.default,
-            { variant: 'body2' },
-            _react2.default.createElement(
-              _Typography2.default,
-              { variant: 'inherit' },
-              R.prop('label')(tooltip)
-            ),
-            _react2.default.createElement(
-              'a',
-              { className: classes.spaceContainer, href: R.prop('link')(tooltip) },
-              R.prop('linkLabel')(tooltip)
-            )
-          )
-        },
-        _react2.default.createElement(
-          _Typography2.default,
-          { variant: 'body2', className: classes.font },
-          R.ifElse(R.isNil, R.always('©'), R.identity)(label)
-        )
-      )
-    ),
-    _react2.default.createElement(
-      _Grid2.default,
-      { item: true, xs: 11, className: classes.gridContainer },
-      _react2.default.createElement(
-        _Grid2.default,
-        { container: true, justifyContent: 'flex-end' },
-        _react2.default.createElement(
-          _Typography2.default,
-          { variant: 'body2', className: classes.font },
-          _react2.default.createElement(
-            'a',
-            { href: link },
-            linkLabel
-          )
-        ),
-        _react2.default.createElement('img', { className: classes.spaceContainer, height: height, src: logo, alt: 'logo' })
-      )
-    )
-  );
-};
-
-TableFooter.propTypes = process.env.NODE_ENV !== "production" ? {
-  tooltip: _propTypes2.default.shape({
-    link: _propTypes2.default.string,
-    linkLabel: _propTypes2.default.string,
-    label: _propTypes2.default.string
-  }),
-  label: _propTypes2.default.string,
-  logo: _propTypes2.default.string,
-  link: _propTypes2.default.string,
-  linkLabel: _propTypes2.default.string,
-  height: _propTypes2.default.number,
-  classes: _propTypes2.default.object
-} : {};
-
-exports.default = TableFooter;
-module.exports = exports['default'];

package/lib/TableFooter/index.js

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

package/lib/TableHeader/TableHeader.js

@@ -1,89 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _Lens = require('@mui/icons-material/Lens');
-
-var _Lens2 = _interopRequireDefault(_Lens);
-
-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, _makeStyles2.default)(function (theme) {
-  return {
-    title: {
-      color: theme.palette.text.primary
-    },
-    subtitle: {
-      color: theme.palette.text.secondary,
-      lineHeight: 1.3
-    },
-    icon: {
-      height: '0.35em',
-      color: theme.palette.text.secondary
-    }
-  };
-});
-
-var TableHeader = function TableHeader(_ref) {
-  var header = _ref.header;
-
-  var classes = useStyles();
-  return _react2.default.createElement(
-    'div',
-    { className: classes.container },
-    _react2.default.createElement(
-      _Typography2.default,
-      { variant: 'h5', className: classes.title },
-      R.prop('title')(header)
-    ),
-    _react2.default.createElement(
-      _Typography2.default,
-      { variant: 'subtitle1', className: classes.subtitle },
-      R.pipe(R.propOr([], 'subtitle'), R.intersperse(_react2.default.createElement(_Lens2.default, { className: classes.icon })), R.addIndex(R.map)(function (v, index) {
-        return _react2.default.createElement(
-          _react.Fragment,
-          { key: R.toString([R.prop('title')(header), index]) },
-          v
-        );
-      }))(header)
-    ),
-    _react2.default.createElement(
-      _Typography2.default,
-      { variant: 'subtitle1', className: classes.subtitle },
-      R.prop('uprs')(header)
-    )
-  );
-};
-
-TableHeader.propTypes = process.env.NODE_ENV !== "production" ? {
-  header: _propTypes2.default.shape({
-    title: _propTypes2.default.string,
-    subtitle: _propTypes2.default.array,
-    uprs: _propTypes2.default.string
-  })
-} : {};
-
-exports.default = TableHeader;
-module.exports = exports['default'];

package/lib/TableHeader/index.js

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