@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.1

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: {

package/es/Table/Table.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import Header from './header';
 import RowHeader from './row-header';
@@ -6,6 +7,7 @@ import SectionHeader from './section-header';
 import SectionRows from './section-rows';
 import TableCell from './tableCell';
 import { Table as StyledTable } from './styles';
+
 var HEADER = 'HEADER';
 var ROW_HEADER = 'ROW_HEADER';
 
@@ -19,11 +21,11 @@ var Table = function Table(_ref) {
   var _React$useState2;
 
   var _ref$sectionsData = _ref.sectionsData,
-      sectionsData = _ref$sectionsData === void 0 ? [] : _ref$sectionsData,
+      sectionsData = _ref$sectionsData === undefined ? [] : _ref$sectionsData,
       _ref$headerData = _ref.headerData,
-      headerData = _ref$headerData === void 0 ? [] : _ref$headerData,
+      headerData = _ref$headerData === undefined ? [] : _ref$headerData,
       _ref$cells = _ref.cells,
-      cells = _ref$cells === void 0 ? {} : _ref$cells,
+      cells = _ref$cells === undefined ? {} : _ref$cells,
       isRtl = _ref.isRtl,
       cellHandler = _ref.cellHandler,
       cellValueAccessor = _ref.cellValueAccessor,
@@ -41,7 +43,6 @@ var Table = function Table(_ref) {
     var columnCount = R.add(xColumnCount, yColumnCount);
     var yOffsetRowHeader = 0;
     var yOffsetSectionHeader = R.inc(yOffsetRowHeader);
-
     var msGridRowOffsetFactory = function msGridRowOffsetFactory(sectionIndex) {
       return R.sum([R.inc(yOffsetSectionHeader), sectionIndex, R.pipe(R.take(sectionIndex), R.reduce(R.useWith(R.add, [R.identity, R.pipe(R.last, R.length)]), 0))(sectionsData)]);
     };
@@ -51,7 +52,7 @@ var Table = function Table(_ref) {
         var previousCell = R.last(acc);
         var previousCellKey = R.prop('key', previousCell);
         var valueId = R.path(['value', 'id'], cell);
-        var cellKey = R.isNil(previousCellKey) ? valueId : previousCellKey + "-" + valueId;
+        var cellKey = R.isNil(previousCellKey) ? valueId : previousCellKey + '-' + valueId;
         return R.append(R.assoc('key', cellKey, cell), acc);
       }, [])), R.transpose)(headerData),
       xLayoutData: xLayoutData,
@@ -70,15 +71,15 @@ var Table = function Table(_ref) {
       yColumnCount = _React$useMemo.yColumnCount,
       yOffsetRowHeader = _React$useMemo.yOffsetRowHeader,
       yOffsetSectionHeader = _React$useMemo.yOffsetSectionHeader,
-      msGridRowOffsetFactory = _React$useMemo.msGridRowOffsetFactory; // Hooks before
+      msGridRowOffsetFactory = _React$useMemo.msGridRowOffsetFactory;
+
+  // Hooks before
 
 
   var isSingleObs = R.hasPath(['', '', '', 0], cells);
-  if (isSingleObs) return /*#__PURE__*/React.createElement(TableCell, {
-    cell: R.pathOr({}, ['', '', '', 0], cells),
-    cellHandler: cellHandler
-  }); // Utility funcs
+  if (isSingleObs) return React.createElement(TableCell, { cell: R.pathOr({}, ['', '', '', 0], cells), cellHandler: cellHandler });
 
+  // Utility funcs
   var getYOffset = function getYOffset(index) {
     return R.pipe(R.prop(HEADER), R.slice(0, index), R.sum)(yOffsets);
   };
@@ -96,54 +97,74 @@ var Table = function Table(_ref) {
         var _R$mergeRight;
 
         var height = _ref2.height;
+
         var newYOffsets = R.equals(label, HEADER) ? updatedHeights(R.prop(HEADER)(yOffsets))(headerData) : R.prop(label)(yOffsets);
         setYOffsets(R.mergeRight(yOffsets, (_R$mergeRight = {}, _R$mergeRight[label] = R.update(index, height)(newYOffsets), _R$mergeRight)));
       };
     };
   };
 
-  return /*#__PURE__*/React.createElement(StyledTable, {
-    columnCount: columnCount,
-    xColumnCount: xColumnCount
-  }, /*#__PURE__*/React.createElement(Header, {
-    data: transposedHeaderData,
-    xColumnCount: xColumnCount,
-    onYVectorSize: onYVectorSize(HEADER, transposedHeaderData),
-    getYOffset: getYOffset
-  }), /*#__PURE__*/React.createElement(RowHeader, {
-    data: xLayoutData,
-    headerData: headerData,
-    onYVectorSize: onYVectorSize(ROW_HEADER),
-    getYOffset: getSubHeaderOffset(transposedHeaderData),
-    yOffset: yOffsetRowHeader,
-    activeCellIds: activeCellIds
-  }), R.addIndex(R.map)(function (_ref3, sectionIndex) {
-    var sectionHeaderData = _ref3[0],
-        sectionRowsData = _ref3[1];
-    var msGridRowOffset = msGridRowOffsetFactory(sectionIndex);
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: "section-" + sectionIndex
-    }, /*#__PURE__*/React.createElement(SectionHeader, {
-      columnCount: columnCount,
-      section: sectionHeaderData,
-      yOffset: getSubHeaderOffset(transposedHeaderData)(yOffsetSectionHeader),
-      msGridRow: msGridRowOffset,
-      isRtl: isRtl
-    }), /*#__PURE__*/React.createElement(SectionRows, {
-      data: sectionRowsData,
-      headerData: headerData,
-      cells: cells,
-      cellHandler: cellHandler,
-      cellValueAccessor: cellValueAccessor,
-      activeCellIds: activeCellIds,
-      activeCellHandler: activeCellHandler,
-      sectionData: sectionHeaderData,
-      yColumnCount: yColumnCount,
+  return React.createElement(
+    StyledTable,
+    { columnCount: columnCount, xColumnCount: xColumnCount },
+    React.createElement(Header, {
+      data: transposedHeaderData,
       xColumnCount: xColumnCount,
+      onYVectorSize: onYVectorSize(HEADER, transposedHeaderData),
+      getYOffset: getYOffset
+    }),
+    React.createElement(RowHeader, {
+      data: xLayoutData,
+      headerData: headerData,
+      onYVectorSize: onYVectorSize(ROW_HEADER),
+      getYOffset: getSubHeaderOffset(transposedHeaderData),
       yOffset: yOffsetRowHeader,
-      msGridRowOffset: msGridRowOffset
-    }));
-  }, sectionsData));
+      activeCellIds: activeCellIds
+    }),
+    R.addIndex(R.map)(function (_ref3, sectionIndex) {
+      var sectionHeaderData = _ref3[0],
+          sectionRowsData = _ref3[1];
+
+      var msGridRowOffset = msGridRowOffsetFactory(sectionIndex);
+
+      return React.createElement(
+        React.Fragment,
+        { key: 'section-' + sectionIndex },
+        React.createElement(SectionHeader, {
+          columnCount: columnCount,
+          section: sectionHeaderData,
+          yOffset: getSubHeaderOffset(transposedHeaderData)(yOffsetSectionHeader),
+          msGridRow: msGridRowOffset,
+          isRtl: isRtl
+        }),
+        React.createElement(SectionRows, {
+          data: sectionRowsData,
+          headerData: headerData,
+          cells: cells,
+          cellHandler: cellHandler,
+          cellValueAccessor: cellValueAccessor,
+          activeCellIds: activeCellIds,
+          activeCellHandler: activeCellHandler,
+          sectionData: sectionHeaderData,
+          yColumnCount: yColumnCount,
+          xColumnCount: xColumnCount,
+          yOffset: yOffsetRowHeader,
+          msGridRowOffset: msGridRowOffset
+        })
+      );
+    }, sectionsData)
+  );
 };
 
+Table.propTypes = process.env.NODE_ENV !== "production" ? {
+  headerData: PropTypes.array.isRequired,
+  sectionsData: PropTypes.array.isRequired,
+  cells: PropTypes.object.isRequired,
+  cellHandler: PropTypes.func,
+  cellValueAccessor: PropTypes.func,
+  activeCellHandler: PropTypes.func,
+  activeCellIds: PropTypes.object,
+  isRtl: PropTypes.bool
+} : {};
+
 export default Table;