@sis-cc/dotstatsuite-visions 6.4.0 → 6.5.0

package/es/AuthDialog/index.js

@@ -0,0 +1,194 @@
+/**
+ * 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
+ * };
+ */
+
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { isEmpty } from 'ramda';
+import Button from '../Button';
+import Checkbox from '@material-ui/core/Checkbox';
+import CloseIcon from '@material-ui/icons/Close';
+import Dialog from '@material-ui/core/Dialog';
+import MuiDialogTitle from '@material-ui/core/DialogTitle';
+import IconButton from '@material-ui/core/IconButton';
+import Input from '@material-ui/core/Input';
+import PersonIcon from '@material-ui/icons/Person';
+import TextField from '@material-ui/core/TextField';
+import Typography from '@material-ui/core/Typography';
+import { makeStyles } from '@material-ui/core/styles';
+
+var useStyles = 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 = useState(''),
+      user = _useState[0],
+      setUser = _useState[1];
+
+  var _useState2 = useState(''),
+      password = _useState2[0],
+      setPassword = _useState2[1];
+
+  var _useState3 = useState(false),
+      isAnonymous = _useState3[0],
+      setIsAnonymous = _useState3[1];
+
+  var onChangeAnonymous = function onChangeAnonymous() {
+    setIsAnonymous(!isAnonymous);
+    if (!isAnonymous) {
+      setUser('');
+      setPassword('');
+    }
+  };
+
+  var canSubmit = isAnonymous || !isEmpty(user) && !isEmpty(password);
+
+  var onClickSubmit = function onClickSubmit() {
+    return onSubmit({ user: user, password: password, isAnonymous: isAnonymous });
+  };
+
+  return React.createElement(
+    Dialog,
+    { open: isOpen, onClose: onClose },
+    React.createElement(
+      'div',
+      { className: classes.header },
+      React.createElement(
+        'div',
+        { className: classes.headerLabel },
+        React.createElement(PersonIcon, null),
+        React.createElement(
+          Typography,
+          null,
+          labels.header
+        )
+      ),
+      React.createElement(
+        IconButton,
+        { className: classes.closeButton, onClick: onClose },
+        React.createElement(CloseIcon, null)
+      )
+    ),
+    React.createElement(
+      'div',
+      { className: classes.content },
+      labels.user,
+      React.createElement(TextField, {
+        inputProps: { className: classes.input },
+        value: user,
+        onChange: function onChange(e) {
+          return setUser(e.target.value);
+        },
+        disabled: isAnonymous
+      }),
+      labels.password,
+      React.createElement(TextField, {
+        inputProps: { className: classes.input },
+        value: password,
+        onChange: function onChange(e) {
+          return setPassword(e.target.value);
+        },
+        disabled: isAnonymous,
+        type: 'password'
+      }),
+      React.createElement(
+        'div',
+        null,
+        React.createElement(Checkbox, { checked: isAnonymous, onChange: onChangeAnonymous }),
+        labels.anonymous
+      ),
+      labels.error && React.createElement(
+        'div',
+        { className: classes.error },
+        labels.error
+      ),
+      React.createElement(
+        Button,
+        { color: 'primary', disabled: !canSubmit, onClick: onClickSubmit, variant: 'contained' },
+        React.createElement(
+          'div',
+          { style: { width: '100%' } },
+          labels.submit
+        )
+      )
+    )
+  );
+};
+
+AuthDialog.propTypes = process.env.NODE_ENV !== "production" ? {
+  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
+} : {};
+
+export default AuthDialog;

package/es/Icons/CopyContent.js

@@ -0,0 +1,12 @@
+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 from 'react';
+import SvgIcon from '@material-ui/core/SvgIcon';
+
+export default (function (props) {
+  return React.createElement(
+    SvgIcon,
+    _extends({ viewBox: '0 0 24 24' }, props),
+    React.createElement('path', { d: 'M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z' })
+  );
+});

package/es/Icons/index.js

@@ -24,4 +24,5 @@ export { default as AccessibilityFilled } from './AccessibilityFilled';
 export { default as AccessibilityOutlined } from './AccessibilityOutlined';
 export { default as AccountFilled } from './AccountFilled';
 export { default as AccountOutlined } from './AccountOutlined';
-export { default as Warning } from './Warning';
+export { default as Warning } from './Warning';
+export { default as CopyContent } from './CopyContent';

package/es/TableHtml5/section.js

@@ -46,6 +46,9 @@ var useStyles = makeStyles(function (theme) {
     topCell: {
       paddingTop: 0
     },
+    hierarchySpace: {
+      marginBottom: 'auto'
+    },
     highlight: theme.mixins.table.cellHighlight
   };
 });
@@ -113,10 +116,14 @@ var Section = function Section(_ref) {
             React.createElement(
               'div',
               { className: classes.cellContent },
+              !R.isEmpty(hierarchySpace) && React.createElement(
+                'div',
+                { className: classes.hierarchySpace },
+                hierarchySpace
+              ),
               React.createElement(
                 Typography,
                 { variant: 'body1', tabIndex: 0 },
-                hierarchySpace,
                 R.path(['value', 'label'], cell),
                 React.createElement(Flags, { flags: flags })
               )

package/es/TableLayout/lib.js

@@ -1,14 +1,5 @@
 import * as R from 'ramda';
 
-export var swap = R.curry(function (index1, index2, list) {
-  if (index1 < 0 || index2 < 0 || index1 > list.length - 1 || index2 > list.length - 1) {
-    return list; // index out of bound
-  }
-  var value1 = list[index1];
-  var value2 = list[index2];
-  return R.pipe(R.set(R.lensIndex(index1), value2), R.set(R.lensIndex(index2), value1))(list);
-});
-
 export var changeLayout = function changeLayout(_ref) {
   var dragIndex = _ref.dragIndex,
       hoverIndex = _ref.hoverIndex,
@@ -17,8 +8,7 @@ export var changeLayout = function changeLayout(_ref) {
       currentLayout = _ref.currentLayout;
 
   if (R.equals(dragZone, dropZone)) {
-    // swap elements in same box
-    return R.over(R.lensProp(dropZone), swap(dragIndex, hoverIndex), currentLayout);
+    return R.over(R.lensProp(dropZone), R.move(dragIndex, hoverIndex), currentLayout);
   }
   var item = R.pipe(R.prop(dragZone), R.nth(dragIndex))(currentLayout);
   return R.pipe(R.over(R.lensProp(dragZone), R.without([item])), R.over(R.lensProp(dropZone), R.insert(hoverIndex, item)))(currentLayout);

package/es/index.js

@@ -40,4 +40,5 @@ export { default as Tag } from './Tag';
 export { default as ToggleButton } from './ToggleButton';
 export { default as Tooltip } from './Tooltip';
 export { default as VerticalButton } from './VerticalButton';
+export { default as AuthDialog } from './AuthDialog';
 export { sisccTheme, innerPalette, T4_BREAKPOINTS } from './theme';

package/es/theme.js

@@ -47,6 +47,16 @@ export var sisccTheme = function sisccTheme(_ref) {
       }
     },
     overrides: {
+      MuiCheckbox: {
+        root: {
+          color: outerPalette.primaryMain || innerPalette.primaryMain
+        },
+        colorSecondary: {
+          '&$checked': {
+            color: outerPalette.primaryMain || innerPalette.primaryMain
+          }
+        }
+      },
       MuiTableCell: {
         head: {
           lineHeight: 1.43

package/lib/AuthDialog/index.js

@@ -0,0 +1,238 @@
+'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 _Button = require('../Button');
+
+var _Button2 = _interopRequireDefault(_Button);
+
+var _Checkbox = require('@material-ui/core/Checkbox');
+
+var _Checkbox2 = _interopRequireDefault(_Checkbox);
+
+var _Close = require('@material-ui/icons/Close');
+
+var _Close2 = _interopRequireDefault(_Close);
+
+var _Dialog = require('@material-ui/core/Dialog');
+
+var _Dialog2 = _interopRequireDefault(_Dialog);
+
+var _DialogTitle = require('@material-ui/core/DialogTitle');
+
+var _DialogTitle2 = _interopRequireDefault(_DialogTitle);
+
+var _IconButton = require('@material-ui/core/IconButton');
+
+var _IconButton2 = _interopRequireDefault(_IconButton);
+
+var _Input = require('@material-ui/core/Input');
+
+var _Input2 = _interopRequireDefault(_Input);
+
+var _Person = require('@material-ui/icons/Person');
+
+var _Person2 = _interopRequireDefault(_Person);
+
+var _TextField = require('@material-ui/core/TextField');
+
+var _TextField2 = _interopRequireDefault(_TextField);
+
+var _Typography = require('@material-ui/core/Typography');
+
+var _Typography2 = _interopRequireDefault(_Typography);
+
+var _styles = require('@material-ui/core/styles');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * 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 _react2.default.createElement(
+    _Dialog2.default,
+    { open: isOpen, onClose: onClose },
+    _react2.default.createElement(
+      'div',
+      { className: classes.header },
+      _react2.default.createElement(
+        'div',
+        { className: classes.headerLabel },
+        _react2.default.createElement(_Person2.default, null),
+        _react2.default.createElement(
+          _Typography2.default,
+          null,
+          labels.header
+        )
+      ),
+      _react2.default.createElement(
+        _IconButton2.default,
+        { className: classes.closeButton, onClick: onClose },
+        _react2.default.createElement(_Close2.default, null)
+      )
+    ),
+    _react2.default.createElement(
+      'div',
+      { className: classes.content },
+      labels.user,
+      _react2.default.createElement(_TextField2.default, {
+        inputProps: { className: classes.input },
+        value: user,
+        onChange: function onChange(e) {
+          return setUser(e.target.value);
+        },
+        disabled: isAnonymous
+      }),
+      labels.password,
+      _react2.default.createElement(_TextField2.default, {
+        inputProps: { className: classes.input },
+        value: password,
+        onChange: function onChange(e) {
+          return setPassword(e.target.value);
+        },
+        disabled: isAnonymous,
+        type: 'password'
+      }),
+      _react2.default.createElement(
+        'div',
+        null,
+        _react2.default.createElement(_Checkbox2.default, { checked: isAnonymous, onChange: onChangeAnonymous }),
+        labels.anonymous
+      ),
+      labels.error && _react2.default.createElement(
+        'div',
+        { className: classes.error },
+        labels.error
+      ),
+      _react2.default.createElement(
+        _Button2.default,
+        { color: 'primary', disabled: !canSubmit, onClick: onClickSubmit, variant: 'contained' },
+        _react2.default.createElement(
+          'div',
+          { style: { width: '100%' } },
+          labels.submit
+        )
+      )
+    )
+  );
+};
+
+AuthDialog.propTypes = process.env.NODE_ENV !== "production" ? {
+  isOpen: _propTypes2.default.bool,
+  labels: _propTypes2.default.shape({
+    anonymous: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.node]),
+    error: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.node]),
+    header: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.node]),
+    password: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.node]),
+    user: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.node]),
+    submit: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.node])
+  }),
+  onClose: _propTypes2.default.func.isRequired,
+  onSubmit: _propTypes2.default.func.isRequired
+} : {};
+
+exports.default = AuthDialog;
+module.exports = exports['default'];

package/lib/Icons/CopyContent.js

@@ -0,0 +1,25 @@
+'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 _SvgIcon = require('@material-ui/core/SvgIcon');
+
+var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = function (props) {
+  return _react2.default.createElement(
+    _SvgIcon2.default,
+    _extends({ viewBox: '0 0 24 24' }, props),
+    _react2.default.createElement('path', { d: 'M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z' })
+  );
+};
+
+module.exports = exports['default'];

package/lib/Icons/index.js

@@ -143,4 +143,13 @@ Object.defineProperty(exports, 'Warning', {
   }
 });
 
+var _CopyContent = require('./CopyContent');
+
+Object.defineProperty(exports, 'CopyContent', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_CopyContent).default;
+  }
+});
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/TableHtml5/section.js

@@ -88,6 +88,9 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     topCell: {
       paddingTop: 0
     },
+    hierarchySpace: {
+      marginBottom: 'auto'
+    },
     highlight: theme.mixins.table.cellHighlight
   };
 });
@@ -155,10 +158,14 @@ var Section = function Section(_ref) {
             _react2.default.createElement(
               'div',
               { className: classes.cellContent },
+              !R.isEmpty(hierarchySpace) && _react2.default.createElement(
+                'div',
+                { className: classes.hierarchySpace },
+                hierarchySpace
+              ),
               _react2.default.createElement(
                 _Typography2.default,
                 { variant: 'body1', tabIndex: 0 },
-                hierarchySpace,
                 R.path(['value', 'label'], cell),
                 _react2.default.createElement(_flags2.default, { flags: flags })
               )

package/lib/TableLayout/lib.js

@@ -1,7 +1,7 @@
 'use strict';
 
 exports.__esModule = true;
-exports.addHiddenElement = exports.rejectHiddenElement = exports.changeLayout = exports.swap = undefined;
+exports.addHiddenElement = exports.rejectHiddenElement = exports.changeLayout = undefined;
 
 var _ramda = require('ramda');
 
@@ -9,15 +9,6 @@ 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 swap = exports.swap = R.curry(function (index1, index2, list) {
-  if (index1 < 0 || index2 < 0 || index1 > list.length - 1 || index2 > list.length - 1) {
-    return list; // index out of bound
-  }
-  var value1 = list[index1];
-  var value2 = list[index2];
-  return R.pipe(R.set(R.lensIndex(index1), value2), R.set(R.lensIndex(index2), value1))(list);
-});
-
 var changeLayout = exports.changeLayout = function changeLayout(_ref) {
   var dragIndex = _ref.dragIndex,
       hoverIndex = _ref.hoverIndex,
@@ -26,8 +17,7 @@ var changeLayout = exports.changeLayout = function changeLayout(_ref) {
       currentLayout = _ref.currentLayout;
 
   if (R.equals(dragZone, dropZone)) {
-    // swap elements in same box
-    return R.over(R.lensProp(dropZone), swap(dragIndex, hoverIndex), currentLayout);
+    return R.over(R.lensProp(dropZone), R.move(dragIndex, hoverIndex), currentLayout);
   }
   var item = R.pipe(R.prop(dragZone), R.nth(dragIndex))(currentLayout);
   return R.pipe(R.over(R.lensProp(dragZone), R.without([item])), R.over(R.lensProp(dropZone), R.insert(hoverIndex, item)))(currentLayout);

package/lib/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 exports.__esModule = true;
-exports.T4_BREAKPOINTS = exports.innerPalette = exports.sisccTheme = exports.VerticalButton = exports.Tooltip = exports.ToggleButton = exports.Tag = exports.TablePreview = exports.TableLayout = exports.Cell = exports.TableHtml5 = exports.TableHeader = exports.TableFooter = exports.Table = exports.Spotlight = exports.SisccFooter = exports.Share = exports.Select = exports.ScopeList = exports.reduceChildren = exports.spotlightScopeListEngine = exports.PeriodPicker = exports.Pagination = exports.NoData = exports.Logo = exports.Loading = exports.LabelDivider = exports.InputNumber = exports.Input = exports.ExpansionPanel = exports.DataFooter = exports.DataHeader = exports.Dataflow = exports.DataEdit = exports.CollapseButtons = exports.Chips = exports.ChartsConfig = exports.Button = exports.Breadcrumbs = exports.ApiQueries = exports.Alert = undefined;
+exports.T4_BREAKPOINTS = exports.innerPalette = exports.sisccTheme = exports.AuthDialog = exports.VerticalButton = exports.Tooltip = exports.ToggleButton = exports.Tag = exports.TablePreview = exports.TableLayout = exports.Cell = exports.TableHtml5 = exports.TableHeader = exports.TableFooter = exports.Table = exports.Spotlight = exports.SisccFooter = exports.Share = exports.Select = exports.ScopeList = exports.reduceChildren = exports.spotlightScopeListEngine = exports.PeriodPicker = exports.Pagination = exports.NoData = exports.Logo = exports.Loading = exports.LabelDivider = exports.InputNumber = exports.Input = exports.ExpansionPanel = exports.DataFooter = exports.DataHeader = exports.Dataflow = exports.DataEdit = exports.CollapseButtons = exports.Chips = exports.ChartsConfig = exports.Button = exports.Breadcrumbs = exports.ApiQueries = exports.Alert = undefined;
 
 var _Alert = require('./Alert');
 
@@ -351,6 +351,15 @@ Object.defineProperty(exports, 'VerticalButton', {
   }
 });
 
+var _AuthDialog = require('./AuthDialog');
+
+Object.defineProperty(exports, 'AuthDialog', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_AuthDialog).default;
+  }
+});
+
 var _theme = require('./theme');
 
 Object.defineProperty(exports, 'sisccTheme', {

package/lib/theme.js

@@ -50,6 +50,16 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
       }
     },
     overrides: {
+      MuiCheckbox: {
+        root: {
+          color: outerPalette.primaryMain || innerPalette.primaryMain
+        },
+        colorSecondary: {
+          '&$checked': {
+            color: outerPalette.primaryMain || innerPalette.primaryMain
+          }
+        }
+      },
       MuiTableCell: {
         head: {
           lineHeight: 1.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "6.4.0",
+  "version": "6.5.0",
   "description": "Library of visual components",
   "author": "OECD",
   "homepage": "https://visions-qa.siscc.org/#o",