@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/lib/theme.js

@@ -1,437 +0,0 @@
-'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 innerPalette = exports.innerPalette = {
-  highlight1: '#f7a42c',
-  highlight2: '#8CC841',
-  highlight3: '#fffc02',
-  primaryMain: '#0549ab',
-  primaryLight: '#007bc7',
-  primaryDark: '#0549ab',
-  hover: 'rgba(14, 144, 224, 0.13)',
-  selected: 'rgba(14, 144, 224, 0.25)',
-  textLight: '#444444',
-  textDark: '#182026'
-};
-
-var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
-  var rtl = _ref.rtl,
-      _ref$isA11y = _ref.isA11y,
-      isA11y = _ref$isA11y === undefined ? false : _ref$isA11y,
-      _ref$outerPalette = _ref.outerPalette,
-      outerPalette = _ref$outerPalette === undefined ? {} : _ref$outerPalette;
-
-  var focus = {
-    outlineColor: outerPalette.highlight1 || innerPalette.highlight1
-  };
-
-  var buttonBaseFocus = isA11y && {
-    borderColor: outerPalette.highlight1 || innerPalette.highlight1,
-    '&:focus': {
-      outlineColor: outerPalette.highlight1 || innerPalette.highlight1,
-      outlineWidth: 1,
-      outlineStyle: 'auto'
-    }
-  };
-
-  var spotlightFocus = {
-    outlineColor: outerPalette.highlight1 || innerPalette.highlight1,
-    outlineStyle: 'auto',
-    outlineWidth: 1
-  };
-
-  return {
-    direction: rtl,
-    components: {
-      MuiCssBaseline: {
-        styleOverrides: {
-          body: {
-            fontSize: '0.875rem'
-          }
-        }
-      },
-      MuiButtonBase: {
-        defaultProps: {
-          disableRipple: true
-        },
-        styleOverrides: {
-          root: _extends({
-            '&:focus': _extends({
-              outline: !isA11y && 'none'
-            }, isA11y && focus)
-          }, buttonBaseFocus)
-        }
-      },
-      MuiUseMediaQuery: {
-        defaultProps: {
-          noSsr: true
-        }
-      },
-      MuiCheckbox: {
-        styleOverrides: {
-          root: {
-            color: outerPalette.primaryMain || innerPalette.primaryMain
-          },
-          colorSecondary: {
-            '&$checked': {
-              color: outerPalette.primaryMain || innerPalette.primaryMain
-            }
-          }
-        }
-      },
-      MuiTableCell: {
-        styleOverrides: {
-          head: {
-            lineHeight: 1.43
-          },
-          sizeSmall: {
-            '&:last-child': {
-              paddingRight: 9
-            }
-          }
-        }
-      },
-      MuiAccordion: {
-        styleOverrides: {
-          root: {
-            '&.Mui-expanded': {
-              margin: 0
-            }
-          }
-        }
-      },
-      MuiButton: {
-        styleOverrides: {
-          root: {
-            textTransform: 'none',
-            '&:focus': _extends({
-              outline: !isA11y && 'none'
-            }, isA11y && focus)
-          },
-          textPrimary: {
-            '&:hover': {
-              backgroundColor: '' + (outerPalette.hover || innerPalette.hover)
-            }
-          }
-        }
-      },
-      MuiMenuItem: {
-        styleOverrides: {
-          root: {
-            color: outerPalette.primaryMain || innerPalette.primaryMain,
-            '&.Mui-selected': {
-              backgroundColor: outerPalette.hover || innerPalette.hover,
-              '&.Mui-focusVisible': {
-                backgroundColor: outerPalette.hover || innerPalette.hover
-              }
-            },
-            '&:hover': {
-              backgroundColor: outerPalette.hover || innerPalette.hover
-            },
-            '&.Mui-selected:hover': {
-              backgroundColor: outerPalette.selected || innerPalette.selected
-            },
-            '&.Mui-focusVisible': {
-              backgroundColor: outerPalette.hover || innerPalette.hover
-            },
-            '&.Mui-disabled': {
-              opacity: 1
-            }
-          }
-        }
-      },
-      MuiOutlinedInput: {
-        styleOverrides: {
-          root: {
-            '&.Mui-focusVisible': isA11y && focus
-          }
-        }
-      },
-      MuiTypography: {
-        styleOverrides: {
-          root: {
-            '&:focus': isA11y && focus
-          }
-        }
-      },
-      MuiLink: {
-        defaultProps: {
-          underline: 'none'
-        },
-        styleOverrides: {
-          root: {
-            color: outerPalette.primaryMain || innerPalette.primaryMain,
-            '&:hover': {
-              color: outerPalette.primaryLight || innerPalette.primaryLight,
-              textDecoration: 'underline'
-            },
-            '&:focus': isA11y && focus
-          },
-          button: {
-            '&:focus': isA11y && focus
-          }
-        }
-      },
-      MuiAlert: {
-        styleOverrides: {
-          filledSuccess: {
-            color: outerPalette.textDark || innerPalette.textDark
-          }
-        }
-      },
-      MuiInputBase: {
-        styleOverrides: {
-          root: {
-            fontSize: '1rem'
-          },
-          input: {
-            height: '1.25em'
-          }
-        }
-      },
-      MuiFormLabel: {
-        styleOverrides: {
-          root: {
-            fontSize: '1rem'
-          }
-        }
-      }
-    },
-
-    palette: {
-      background: {
-        default: '#ffffff'
-      },
-      action: {
-        selected: outerPalette.selected || innerPalette.selected,
-        hover: outerPalette.hover || innerPalette.hover
-      },
-      primary: {
-        main: outerPalette.primaryMain || innerPalette.primaryMain,
-        light: outerPalette.primaryLight || innerPalette.primaryLight,
-        dark: outerPalette.primaryDark || innerPalette.primaryDark
-      },
-      secondary: {
-        main: '#e3e9ed',
-        light: '#f5f8fa',
-        dark: '#ebf1f5'
-      },
-      tertiary: {
-        main: '#0965c1',
-        light: '#e2f2fb',
-        dark: '#b7def6'
-      },
-      highlight: {
-        hl1: outerPalette.highlight1 || innerPalette.highlight1,
-        hl2: outerPalette.highlight2 || innerPalette.highlight2,
-        hl3: outerPalette.highlight3 || innerPalette.highlight3
-      },
-      grey: {
-        100: '#f1f1f1',
-        200: '#F3F7FB',
-        300: '#cccccc',
-        600: '#7A7A7A',
-        700: '#666666',
-        800: outerPalette.textLight || innerPalette.textLight,
-        A700: outerPalette.textDark || innerPalette.textDark
-      },
-      text: {
-        primary: outerPalette.textDark || innerPalette.textDark,
-        secondary: outerPalette.textLight || innerPalette.textLight
-      },
-      error: {
-        main: '#b31010'
-      },
-      warning: {
-        main: '#f7a42c'
-      }
-    },
-    mixins: {
-      apiQueries: {
-        title: {
-          fontWeight: 400,
-          fontFamily: "'Roboto Slab', serif",
-          fontSize: '1.0625rem',
-          lineHeight: '1.6'
-        }
-      },
-      chart: {
-        main: {
-          fontFamily: "'Segoe UI'",
-          fontSize: 12
-        },
-        annotation: { fontSize: 11 },
-        axis: { color: '#575757' },
-        axisLegend: { color: '#7A7A7A' },
-        legend: { fontSize: 14 },
-        mapLegend: { color: '#575757', fontSize: 10 },
-        tooltip: {
-          primary: {},
-          secondary: { fontSize: 16, fontWeight: 'bold' }
-        }
-      },
-      chartsConfig: {
-        root: {
-          fontWeight: 400,
-          fontFamily: "'Roboto Slab', serif"
-        },
-        title: {
-          fontSize: '1.0625rem',
-          lineHeight: '1.6'
-        }
-      },
-      collapsibleTree: {
-        title: {
-          fontSize: 17,
-          fontFamily: "'PT Sans Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif",
-          color: outerPalette.textLight || innerPalette.textLight
-        },
-        buttonSublevel: {
-          color: outerPalette.textLight || innerPalette.textLight,
-          fontSize: 14,
-          fontWeight: 700,
-          fontFamily: "'PT Sans Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif"
-        }
-      },
-      dataEdit: {
-        root: {
-          fontWeight: 400,
-          fontFamily: "'Roboto Slab', serif"
-        }
-      },
-      dataflow: {
-        title: {
-          fontWeight: 400,
-          fontFamily: "'Roboto Slab', serif",
-          fontSize: 17
-        },
-        desc: {
-          mutedText: {
-            color: '#666666'
-          },
-          unmutedText: {
-            color: outerPalette.textLight || innerPalette.textLight
-          }
-        }
-      },
-      dataHeader: {
-        root: {
-          fontFamily: "'Helvetica Neue', Helvetica, Arial, sans-serif"
-        },
-        title: {
-          fontFamily: "'Roboto Slab', serif",
-          fontSize: 18,
-          fontWeight: 'bold',
-          color: '#494444'
-        },
-        icon: {
-          color: '#494444'
-        },
-        disclaimer: {
-          backgroundColor: outerPalette.highlight1 || innerPalette.highlight1
-        },
-        subtitle: {
-          color: '#494444',
-          fontWeight: 'normal'
-        },
-        uprs: {}
-      },
-      expansionPanel: {
-        title: {
-          fontWeight: 700,
-          fontFamily: "'PT Sans Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif",
-          fontSize: 15
-        }
-      },
-      labelDivider: {
-        root: {
-          fontSize: 13
-        }
-      },
-      share: {
-        title: {
-          fontWeight: 400,
-          fontFamily: "'Roboto Slab', serif",
-          fontSize: '1.0625rem',
-          lineHeight: '1.6'
-        }
-      },
-      spotlight: {
-        focus: isA11y && spotlightFocus
-      },
-      table: {
-        flag: {
-          root: {
-            fontSize: 10,
-            color: outerPalette.textLight || innerPalette.textLight
-          },
-          delimiters: ' ',
-          verticalAlign: 'top'
-        },
-        dot: {
-          fontSize: 8
-        },
-        cellHighlight: {
-          backgroundColor: '#FEF4E6'
-        }
-      },
-      tag: {
-        root: {
-          fontSize: 12,
-          fontFamily: "'PT Sans Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif",
-          color: outerPalette.textLight || innerPalette.textLight
-        }
-      },
-      toggleButton: {
-        selected: {
-          color: outerPalette.textDark || innerPalette.textDark
-        },
-        hover: {
-          color: outerPalette.textDark || innerPalette.textDark
-        }
-      }
-    },
-    typography: {
-      fontFamily: "'Helvetica Neue', Helvetica, Arial, sans-serif",
-      h1: {
-        fontSize: '2em'
-      },
-      h2: {
-        fontSize: '1.5em'
-      },
-      h3: {
-        fontSize: '14px'
-      },
-      h4: {
-        fontSize: '14px'
-      },
-      h5: {
-        fontSize: '12px'
-      },
-      h6: {
-        fontSize: '12px'
-      },
-      body1: {
-        fontSize: '0.750rem',
-        lineHeight: 1.43
-      },
-      body2: {
-        fontSize: '0.875rem'
-      }
-    }
-  };
-};
-
-var T4_BREAKPOINTS = exports.T4_BREAKPOINTS = {
-  xs: 120,
-  xs2: 250,
-  xs3: 270,
-  sm: 370,
-  md: 420,
-  md2: 560,
-  lg: 760,
-  xl: 855
-};

package/lib/utils.js

@@ -1,96 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-exports.searchTerm = exports.prepareTerm = exports.newDate = exports.getIsRtl = exports.getDark = exports.getLight = exports.withBlank = exports.spotlightScopeListEngine = exports.reduceChildren = 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 _react2 = _interopRequireDefault(_react);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _dateFns = require('date-fns');
-
-var _diacritics = require('diacritics');
-
-var diacritics = _interopRequireWildcard(_diacritics);
-
-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 spotlightHandler = function spotlightHandler(_ref) {
-  var term = _ref.term,
-      fields = _ref.fields;
-  return function (item) {
-    return R.any(function (field) {
-      var itemValue = R.is(Function, field.accessor) ? field.accessor(item) : R.prop(field.accessor, item);
-      if (R.is(Number, itemValue)) return R.contains(R.toLower(term), R.toLower(R.toString(itemValue)));
-      return R.contains(R.toLower(term), R.toLower(itemValue));
-    })(fields);
-  };
-};
-
-var reduceChildren = exports.reduceChildren = function reduceChildren(node, itemsIndexById) {
-  var func = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : R.flip(R.prepend);
-  var acc = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-
-  if (R.isNil(node.parentId)) return acc;
-  var nextNode = R.prop(node.parentId)(itemsIndexById);
-  if (R.isNil(nextNode)) return acc;
-  return reduceChildren(nextNode, itemsIndexById, func, func(acc, nextNode));
-};
-
-var spotlightScopeListEngine = exports.spotlightScopeListEngine = function spotlightScopeListEngine(_ref2) {
-  var _ref2$term = _ref2.term,
-      term = _ref2$term === undefined ? '' : _ref2$term,
-      fields = _ref2.fields,
-      items = _ref2.items,
-      itemsById = _ref2.itemsById,
-      noPath = _ref2.noPath,
-      hasPath = _ref2.hasPath;
-
-  var isSelected = R.pipe(R.prop('isSelected'), R.equals(true));
-  var getFields = R.pipe(R.defaultTo([]), R.filter(isSelected), R.values);
-
-  return R.reduce(function (acc, item) {
-    if (spotlightHandler({ term: term, fields: getFields(fields) })(item)) {
-      if (noPath) return [].concat(acc, [item]);
-      return [].concat(acc, [_extends({}, item, {
-        nodePath: hasPath ? R.propOr([], 'path')(item) : reduceChildren(item, itemsById)
-      })]);
-    }
-    return acc;
-  }, [])(items);
-};
-
-var withBlank = exports.withBlank = function withBlank(func) {
-  return function (Component) {
-    return function (props) {
-      if (R.pipe(func, R.prop('isBlank'))(props)) return null;
-      return _react2.default.createElement(Component, props);
-    };
-  };
-};
-
-var getLight = exports.getLight = R.path(['palette', 'tertiary', 'light']);
-var getDark = exports.getDark = R.path(['palette', 'tertiary', 'dark']);
-
-var getIsRtl = exports.getIsRtl = function getIsRtl(theme) {
-  return R.equals('rtl', R.prop('direction', theme));
-};
-var newDate = exports.newDate = function newDate(stringDate) {
-  var date = new Date(stringDate);
-  return (0, _dateFns.addMinutes)(date, date.getTimezoneOffset());
-};
-
-var prepareTerm = exports.prepareTerm = R.pipe(diacritics.remove, R.toLower);
-var searchTerm = exports.searchTerm = function searchTerm(term) {
-  return function (label) {
-    return R.includes(prepareTerm(term), prepareTerm(label));
-  };
-};