@sis-cc/dotstatsuite-visions 6.5.2 → 6.6.0

package/es/PeriodPicker/PeriodPicker.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import * as R from 'ramda';
-import PropTypes from 'prop-types';
 import Grid from '@material-ui/core/Grid';
 import { numeralFormat } from './lib';
 import { Select } from '../';
@@ -11,9 +10,9 @@ import { withBlank } from '../utils';
 
 var Period = function Period(_ref) {
   var _ref$defaultFrequency = _ref.defaultFrequency,
-      defaultFrequency = _ref$defaultFrequency === undefined ? defaultfreq : _ref$defaultFrequency,
+      defaultFrequency = _ref$defaultFrequency === void 0 ? defaultfreq : _ref$defaultFrequency,
       _ref$availableFrequen = _ref.availableFrequencies,
-      availableFrequencies = _ref$availableFrequen === undefined ? [defaultfreq] : _ref$availableFrequen,
+      availableFrequencies = _ref$availableFrequen === void 0 ? [defaultfreq] : _ref$availableFrequen,
       _boundaries = _ref.boundaries,
       changePeriod = _ref.changePeriod,
       changeFrequency = _ref.changeFrequency,
@@ -21,7 +20,6 @@ var Period = function Period(_ref) {
       labels = _ref.labels,
       periodDisabled = _ref.periodDisabled,
       frequencyDisabled = _ref.frequencyDisabled;
-
   var classes = useStyles();
   var frequencies = getFrequencyOptions(availableFrequencies, labels);
   var frequency = getDefaultFrequency({
@@ -38,16 +36,25 @@ var Period = function Period(_ref) {
   var ranges = [getRange(startPeriodBoundaries, startDate), getRange(endPeriodBoundaries, endDate)];
   var showFrequency = R.and(R.gt(R.length(frequencies), 1), R.not(frequencyDisabled));
   var destructuringDates = R.map(getDestructuringDate)(period);
+
   var onChangeFrequency = function onChangeFrequency(value) {
     if (R.is(Function, changeFrequency)) return changeFrequency(value);
   };
+
   var onChangePeriod = function onChangePeriod(getter, id) {
     return function (value) {
-      var fn = R.prop(getter)({ start: R.head, end: R.last });
-      var lensIndex = R.prop(getter)({ start: R.lensIndex(0), end: R.lensIndex(1) });
+      var fn = R.prop(getter)({
+        start: R.head,
+        end: R.last
+      });
+      var lensIndex = R.prop(getter)({
+        start: R.lensIndex(0),
+        end: R.lensIndex(1)
+      });
       var dateValue = getPeriodValue(fn(destructuringDates));
       var selectedValue = R.ifElse(isValidNumber, R.assoc(id, R.__, {}), R.always(undefined))(Number(value));
       var newDate = getDate(frequency, dateValue, selectedValue, getter === 'end');
+
       if (R.is(Function, changePeriod)) {
         return changePeriod(R.pipe(R.set(lensIndex, newDate), function (_ref2) {
           var startDate = _ref2[0],
@@ -57,127 +64,97 @@ var Period = function Period(_ref) {
       }
     };
   };
-  return React.createElement(
-    Grid,
-    { 'data-testid': 'period-picker-test-id', container: true, direction: 'row' },
-    showFrequency && React.createElement(
-      Grid,
-      {
-        item: true,
-        xs: 12,
-        className: classes.headerContainer,
-        'data-testid': 'period-picker-frequency-test-id'
-      },
-      React.createElement(
-        Grid,
-        { container: true, direction: 'row' },
-        React.createElement(
-          Grid,
-          { item: true, xs: 12 },
-          React.createElement(Select, {
-            id: labels.frequency,
-            label: labels.frequency,
-            onChange: onChangeFrequency,
-            value: frequency,
-            items: frequencies
-          })
-        )
-      )
-    ),
-    R.not(isPeriodDisabled) && R.map(function (_ref3) {
-      var getter = _ref3.getter,
-          layout = _ref3.layout,
-          label = _ref3.label,
-          value = _ref3.value,
-          testId = _ref3.testId;
-      return React.createElement(
-        Grid,
-        { key: getter, item: true, xs: 12, 'data-testid': testId },
-        React.createElement(
-          Grid,
-          { container: true, direction: 'row' },
-          React.createElement(
-            Grid,
-            { item: true, xs: 12, className: classes.sideLabel },
-            React.createElement(
-              'span',
-              null,
-              label
-            )
-          )
-        ),
-        React.createElement(
-          Grid,
-          { container: true, direction: 'row' },
-          React.createElement(
-            Grid,
-            { item: true, xs: 12 },
-            React.createElement(
-              Grid,
-              { container: true, className: classes.headerContainer, spacing: 1 },
-              R.map(function (row) {
-                return R.map(function (_ref4) {
-                  var id = _ref4.id,
-                      values = _ref4.values;
 
-                  var selectedValue = R.isNil(R.prop(id)(value)) ? R.head(values) : R.prop(id)(value);
-                  return React.createElement(
-                    Grid,
-                    {
-                      key: id,
-                      item: true,
-                      xs: 12 / R.length(row),
-                      className: classes.selectContainer
-                    },
-                    React.createElement(Select, {
-                      onChange: onChangePeriod(getter, id),
-                      label: R.prop(id)(labels),
-                      id: id + '-' + label,
-                      dataTestId: id + '-' + label + '-test-id',
-                      value: selectedValue,
-                      items: R.map(function (option) {
-                        return {
-                          id: id,
-                          value: option,
-                          label: R.ifElse(R.is(String), R.identity, R.prop(id)(numeralFormat))(option)
-                        };
-                      })(values)
-                    })
-                  );
-                })(row);
-              })(layout)
-            )
-          )
-        )
-      );
-    })([{
-      getter: 'start',
-      testId: 'period-picker-start-period-test-id',
-      layout: getLayout(frequency, R.head(ranges), R.head),
-      label: R.prop('start')(labels),
-      value: getPeriodValue(R.head(destructuringDates))
-    }, {
-      getter: 'end',
-      testId: 'period-picker-end-period-test-id',
-      layout: getLayout(frequency, R.last(ranges), R.last),
-      label: R.prop('end')(labels),
-      value: getPeriodValue(R.last(destructuringDates))
-    }])
-  );
+  return /*#__PURE__*/React.createElement(Grid, {
+    "data-testid": "period-picker-test-id",
+    container: true,
+    direction: "row"
+  }, showFrequency && /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 12,
+    className: classes.headerContainer,
+    "data-testid": "period-picker-frequency-test-id"
+  }, /*#__PURE__*/React.createElement(Grid, {
+    container: true,
+    direction: "row"
+  }, /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React.createElement(Select, {
+    id: labels.frequency,
+    label: labels.frequency,
+    onChange: onChangeFrequency,
+    value: frequency,
+    items: frequencies
+  })))), R.not(isPeriodDisabled) && R.map(function (_ref3) {
+    var getter = _ref3.getter,
+        layout = _ref3.layout,
+        label = _ref3.label,
+        value = _ref3.value,
+        testId = _ref3.testId;
+    return /*#__PURE__*/React.createElement(Grid, {
+      key: getter,
+      item: true,
+      xs: 12,
+      "data-testid": testId
+    }, /*#__PURE__*/React.createElement(Grid, {
+      container: true,
+      direction: "row"
+    }, /*#__PURE__*/React.createElement(Grid, {
+      item: true,
+      xs: 12,
+      className: classes.sideLabel
+    }, /*#__PURE__*/React.createElement("span", null, label))), /*#__PURE__*/React.createElement(Grid, {
+      container: true,
+      direction: "row"
+    }, /*#__PURE__*/React.createElement(Grid, {
+      item: true,
+      xs: 12
+    }, /*#__PURE__*/React.createElement(Grid, {
+      container: true,
+      className: classes.headerContainer,
+      spacing: 1
+    }, R.map(function (row) {
+      return R.map(function (_ref4) {
+        var id = _ref4.id,
+            values = _ref4.values;
+        var selectedValue = R.isNil(R.prop(id)(value)) ? R.head(values) : R.prop(id)(value);
+        return /*#__PURE__*/React.createElement(Grid, {
+          key: id,
+          item: true,
+          xs: 12 / R.length(row),
+          className: classes.selectContainer
+        }, /*#__PURE__*/React.createElement(Select, {
+          onChange: onChangePeriod(getter, id),
+          label: R.prop(id)(labels),
+          id: id + "-" + label,
+          dataTestId: id + "-" + label + "-test-id",
+          value: selectedValue,
+          items: R.map(function (option) {
+            return {
+              id: id,
+              value: option,
+              label: R.ifElse(R.is(String), R.identity, R.prop(id)(numeralFormat))(option)
+            };
+          })(values)
+        }));
+      })(row);
+    })(layout)))));
+  })([{
+    getter: 'start',
+    testId: 'period-picker-start-period-test-id',
+    layout: getLayout(frequency, R.head(ranges), R.head),
+    label: R.prop('start')(labels),
+    value: getPeriodValue(R.head(destructuringDates))
+  }, {
+    getter: 'end',
+    testId: 'period-picker-end-period-test-id',
+    layout: getLayout(frequency, R.last(ranges), R.last),
+    label: R.prop('end')(labels),
+    value: getPeriodValue(R.last(destructuringDates))
+  }]));
 };
 
-Period.propTypes = process.env.NODE_ENV !== "production" ? {
-  defaultFrequency: PropTypes.string,
-  availableFrequencies: PropTypes.array,
-  boundaries: PropTypes.array,
-  changePeriod: PropTypes.func,
-  changeFrequency: PropTypes.func,
-  period: PropTypes.array,
-  labels: PropTypes.object,
-  periodDisabled: PropTypes.bool,
-  frequencyDisabled: PropTypes.bool
-} : {};
-
 export default withBlank(function (_ref5) {
   var periodDisabled = _ref5.periodDisabled,
       frequencyDisabled = _ref5.frequencyDisabled,

package/es/PeriodPicker/constants.js

@@ -10,7 +10,6 @@ export var FULL_HOURS = 'full_hours';
 export var HOURS = 'hours';
 export var MINUTES = 'minutes';
 export var frequencies = [YEARS, MONTHS, DAYS, HOURS, MINUTES, FULL_HOURS, QUARTERS, WEEKS, SEMESTERS];
-
 export var YEAR = 'year';
 export var SEMESTER = 'semester';
 export var QUARTER = 'quarter';
@@ -20,20 +19,86 @@ export var DAY = 'day';
 export var FULL_HOUR = 'full_hour';
 export var HOUR = 'hour';
 export var MINUTE = 'minute';
-
 export var layoutFrequencies = {
-  S: [[{ values: YEARS, id: YEAR }, { values: SEMESTERS, id: SEMESTER }]],
-  A: [[{ values: YEARS, id: YEAR }]],
-  Q: [[{ values: YEARS, id: YEAR }, { values: QUARTERS, id: QUARTER }]],
-  M: [[{ values: YEARS, id: YEAR }, { values: MONTHS, id: MONTH }]],
-  W: [[{ values: YEARS, id: YEAR }, { values: WEEKS, id: WEEK }]],
-  B: [[{ values: YEARS, id: YEAR }, { values: WEEKS, id: WEEK }]],
-  D: [[{ values: YEARS, id: YEAR }, { values: MONTHS, id: MONTH }, { values: DAYS, id: DAY }]],
-  H: [[{ values: YEARS, id: YEAR }, { values: MONTHS, id: MONTH }, { values: DAYS, id: DAY }], [{ values: FULL_HOURS, id: FULL_HOUR }]],
-  N: [[{ values: YEARS, id: YEAR }, { values: MONTHS, id: MONTH }, { values: DAYS, id: DAY }], [{ values: HOURS, id: HOUR }, { values: MINUTES, id: MINUTE }]]
+  S: [[{
+    values: YEARS,
+    id: YEAR
+  }, {
+    values: SEMESTERS,
+    id: SEMESTER
+  }]],
+  A: [[{
+    values: YEARS,
+    id: YEAR
+  }]],
+  Q: [[{
+    values: YEARS,
+    id: YEAR
+  }, {
+    values: QUARTERS,
+    id: QUARTER
+  }]],
+  M: [[{
+    values: YEARS,
+    id: YEAR
+  }, {
+    values: MONTHS,
+    id: MONTH
+  }]],
+  W: [[{
+    values: YEARS,
+    id: YEAR
+  }, {
+    values: WEEKS,
+    id: WEEK
+  }]],
+  B: [[{
+    values: YEARS,
+    id: YEAR
+  }, {
+    values: WEEKS,
+    id: WEEK
+  }]],
+  D: [[{
+    values: YEARS,
+    id: YEAR
+  }, {
+    values: MONTHS,
+    id: MONTH
+  }, {
+    values: DAYS,
+    id: DAY
+  }]],
+  H: [[{
+    values: YEARS,
+    id: YEAR
+  }, {
+    values: MONTHS,
+    id: MONTH
+  }, {
+    values: DAYS,
+    id: DAY
+  }], [{
+    values: FULL_HOURS,
+    id: FULL_HOUR
+  }]],
+  N: [[{
+    values: YEARS,
+    id: YEAR
+  }, {
+    values: MONTHS,
+    id: MONTH
+  }, {
+    values: DAYS,
+    id: DAY
+  }], [{
+    values: HOURS,
+    id: HOUR
+  }, {
+    values: MINUTES,
+    id: MINUTE
+  }]]
 };
-
 export var defaultOutputValues = (_defaultOutputValues = {}, _defaultOutputValues[YEARS] = '----', _defaultOutputValues[SEMESTERS] = '-', _defaultOutputValues[QUARTERS] = '-', _defaultOutputValues[MONTHS] = '--', _defaultOutputValues[WEEKS] = '--', _defaultOutputValues[DAYS] = '--', _defaultOutputValues[FULL_HOURS] = '--:00', _defaultOutputValues[HOURS] = '--', _defaultOutputValues[MINUTES] = '--', _defaultOutputValues);
-
 export var formatOrder = [YEAR, MONTH, DAY, HOUR, MINUTE, FULL_HOUR, QUARTER, WEEK, SEMESTER];
 export var defaultfreq = 'A';

package/es/PeriodPicker/index.js

@@ -22,5 +22,4 @@
  * // no custom theme there
  * @demoReady
  */
-
 export { default } from './PeriodPicker';

package/es/PeriodPicker/lib.js

@@ -1,6 +1,6 @@
-var _numeralFormat;
+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; };
+var _numeralFormat;
 
 import * as R from 'ramda';
 import dateFns from 'date-fns';
@@ -13,23 +13,36 @@ var isWeekInPreviousYear = function isWeekInPreviousYear(date) {
     return dateFns.getYear(dateFns.addDays(startIsoWeek, n));
   }), R.uniq, R.length, R.equals(1))(4);
 };
+
 var supportedFrequenciesKey = R.keys(layoutFrequencies);
 var dec = R.ifElse(R.gte(0), R.identity, R.dec);
-var addSemesters = function addSemesters() {
-  var semester = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+
+var addSemesters = function addSemesters(semester) {
+  if (semester === void 0) {
+    semester = 0;
+  }
+
   return function (date) {
     return dateFns.addMonths(date, R.multiply(6)(dec(Number(semester))));
   };
 };
+
 var getSemesterValue = R.ifElse(R.pipe(Number, R.inc, R.gte(6)), R.always(1), R.always(2));
+
 var getFormat = function getFormat(value) {
   return numeral(value).format('[0]0');
 };
+
 var getHour = R.pipe(R.pick([HOUR, FULL_HOUR]), R.values, R.head);
-var getRanges = function getRanges() {
-  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [0];
+
+var getRanges = function getRanges(value) {
+  if (value === void 0) {
+    value = [0];
+  }
+
   return R.range(R.head(value), R.inc(R.last(value)));
 };
+
 var setRange = function setRange(range) {
   return function (prop) {
     return R.pipe(getRanges, R.prepend(R.prop(prop)(defaultOutputValues)))(R.prop(prop)(range));
@@ -72,6 +85,7 @@ export var getRange = R.curry(function (boundaries, date) {
 
     return _ref = {}, _ref[YEARS] = years, _ref[HOURS] = [NaN], _ref[FULL_HOURS] = [NaN], _ref[MONTHS] = [NaN], _ref[WEEKS] = [NaN], _ref[SEMESTERS] = [NaN], _ref[QUARTERS] = [NaN], _ref[DAYS] = [NaN], _ref[MINUTES] = [NaN], _ref;
   }
+
   var listEqualsValueFromDate = R.pipe(R.transpose, R.reduce(function (acc, _ref2) {
     var _extends2;
 
@@ -79,19 +93,15 @@ export var getRange = R.curry(function (boundaries, date) {
         date = _ref2[1],
         start = _ref2[2],
         end = _ref2[3];
-
     return _extends({}, acc, (_extends2 = {}, _extends2[type] = [R.equals(date, start), R.equals(date, end)], _extends2));
   }, {}))([frequencies, destructuredDate].concat(destructuredBoundaries));
-
   var equalsYears = R.prop('years')(listEqualsValueFromDate);
   var equalsMonths = R.prop('months')(listEqualsValueFromDate);
   var equalsDays = R.prop('days')(listEqualsValueFromDate);
-
   var hoursRange = R.addIndex(R.map)(function (value, index) {
     var isSamePeriod = R.all(R.identity)([R.nth(index, equalsDays), R.nth(index, equalsMonths), R.nth(index, equalsYears)]);
     return updateLimit(R.nth(index)(hours), isSamePeriod, value);
   })([0, 23]);
-
   return _ref3 = {}, _ref3[YEARS] = years, _ref3[HOURS] = hoursRange, _ref3[FULL_HOURS] = hoursRange, _ref3[MONTHS] = R.addIndex(R.map)(function (value, index) {
     return updateLimit(R.nth(index)(months), R.nth(index, equalsYears), value);
   })([1, 12]), _ref3[WEEKS] = R.addIndex(R.map)(function (value, index) {
@@ -108,11 +118,9 @@ export var getRange = R.curry(function (boundaries, date) {
     return updateLimit(R.nth(index)(minutes), isSamePeriod, value);
   })([0, 59]), _ref3;
 });
-
 export var getAjustedDate = function getAjustedDate(frequency) {
   return R.when(R.always(R.or(R.equals('W', frequency), R.equals('B', frequency))), R.ifElse(isWeekInPreviousYear, dateFns.startOfISOWeek, dateFns.endOfISOWeek));
 };
-
 export var isValidNumber = R.both(R.is(Number), R.complement(R.equals(NaN)));
 export var getSupportFrequencies = function getSupportFrequencies(availableFrequencies) {
   return R.filter(function (freq) {
@@ -122,29 +130,31 @@ export var getSupportFrequencies = function getSupportFrequencies(availableFrequ
 export var getDefaultFrequency = function getDefaultFrequency(_ref4) {
   var defaultFrequency = _ref4.defaultFrequency,
       frequencies = _ref4.frequencies;
-
   var isNotIncludes = R.complement(R.and)(R.includes(defaultFrequency)(frequencies), R.includes(defaultFrequency)(supportedFrequenciesKey));
   return R.or(R.either(R.isEmpty, R.isNil)(defaultFrequency), isNotIncludes) ? R.head(frequencies) : defaultFrequency;
 };
-
 export var getFrequencyOptions = function getFrequencyOptions(frequencyoptions, frequencyLabels) {
   var availableFrequencies = R.or(R.isEmpty(frequencyoptions), R.isNil(frequencyoptions)) ? [defaultfreq] : getSupportFrequencies(frequencyoptions);
   return R.map(function (option) {
-    return { value: option, label: R.prop(option)(frequencyLabels) };
+    return {
+      value: option,
+      label: R.prop(option)(frequencyLabels)
+    };
   })(availableFrequencies);
 };
-
 export var getLayout = function getLayout(type, range) {
   var layoutPeriods = R.propOr([], type)(layoutFrequencies);
   var hasYear = R.complement(R.isEmpty)(getRanges(range.years));
   return R.map(R.reduce(function (acc, period) {
-    if (hasYear) return R.append(R.evolve({ values: setRange(range) }, period), acc);
-    return R.append(R.evolve({ values: R.pipe(R.flip(R.prop)(defaultOutputValues), R.flip(R.append)([])) }, period), acc);
+    if (hasYear) return R.append(R.evolve({
+      values: setRange(range)
+    }, period), acc);
+    return R.append(R.evolve({
+      values: R.pipe(R.flip(R.prop)(defaultOutputValues), R.flip(R.append)([]))
+    }, period), acc);
   }, []))(layoutPeriods);
 };
-
 export var getPeriodValue = R.pipe(R.zip(formatOrder), R.fromPairs);
-
 export var getDate = function getDate(type, dateValue, value, isEnd) {
   if (R.isNil(value)) return undefined;
   var dateValueUpdated = R.pipe(R.ifElse(R.pipe(getHour, R.isNil), R.identity, R.set(R.lensProp('hour'), getHour(value))), R.mergeRight(dateValue), R.over(R.lensProp('month'), R.defaultTo(isEnd ? 12 : 1)), R.over(R.lensProp('day'), R.defaultTo(isEnd ? 31 : 1)), R.over(R.lensProp('hour'), R.defaultTo(isEnd ? 23 : 0)), R.over(R.lensProp('minute'), R.defaultTo(isEnd ? 59 : 0)))(value);
@@ -153,39 +163,43 @@ export var getDate = function getDate(type, dateValue, value, isEnd) {
       day = dateValueUpdated.day,
       hour = dateValueUpdated.hour,
       minute = dateValueUpdated.minute;
-
   var date = new Date(year, R.dec(month), day, hour, minute);
+
   if (R.equals(type, 'Q')) {
     if (R.isEmpty(dateValue) && isEnd) {
       return R.pipe(dateFns.startOfYear, R.flip(dateFns.addQuarters)(3))(date);
     }
+
     return R.pipe(dateFns.startOfYear, function (date) {
       return dateFns.addQuarters(date, dec(R.propOr(0, QUARTER)(dateValueUpdated)));
     })(date);
   }
+
   if (R.equals(type, 'S')) {
     if (R.isEmpty(dateValue) && isEnd) return R.pipe(dateFns.startOfYear, addSemesters(2))(date);
     return R.pipe(dateFns.startOfYear, addSemesters(R.prop(SEMESTER)(dateValueUpdated)))(date);
   }
+
   if (R.or(R.equals(type, 'W'), R.equals(type, 'B'))) {
     var weekDate = new Date(year, 6, 1, 0, 0, 0, 0);
+
     if (R.isEmpty(dateValue)) {
       return R.pipe(R.ifElse(R.always(isEnd), dateFns.endOfISOYear, dateFns.startOfISOYear), getAjustedDate(type))(weekDate);
     }
+
     var weeksInYear = R.dec(dateFns.getISOWeeksInYear(weekDate));
     var nbWeeks = R.pipe(R.propOr(0, WEEK), R.dec, R.ifElse(R.lt(weeksInYear), R.always(weeksInYear), R.identity))(dateValueUpdated);
     return R.pipe(dateFns.startOfISOYear, function (date) {
       return dateFns.addWeeks(date, nbWeeks);
     }, R.of, R.map(getAjustedDate(type)), R.head)(weekDate);
   }
+
   return date;
 };
-
 export var getDateInTheRange = function getDateInTheRange(boundaries) {
   return function (date) {
     if (R.isNil(date)) return date;
     return dateFns.isWithinRange.apply(dateFns, [date].concat(boundaries)) ? date : dateFns.closestTo(date, boundaries);
   };
 };
-
 export var numeralFormat = (_numeralFormat = {}, _numeralFormat[YEAR] = R.identity, _numeralFormat[SEMESTER] = R.identity, _numeralFormat[QUARTER] = R.identity, _numeralFormat[MONTH] = getFormat, _numeralFormat[WEEK] = getFormat, _numeralFormat[DAY] = getFormat, _numeralFormat[FULL_HOUR] = R.converge(R.concat, [getFormat, R.always(':00')]), _numeralFormat[HOUR] = getFormat, _numeralFormat[MINUTE] = getFormat, _numeralFormat);

package/es/PeriodPicker/styles.js

@@ -1,5 +1,4 @@
 import { makeStyles } from '@material-ui/core/styles';
-
 export default makeStyles(function (theme) {
   return {
     headerContainer: {