@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.1

package/es/PeriodPicker/PeriodPicker.js

@@ -1,5 +1,6 @@
 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 '../';
@@ -10,9 +11,9 @@ import { withBlank } from '../utils';
 
 var Period = function Period(_ref) {
   var _ref$defaultFrequency = _ref.defaultFrequency,
-      defaultFrequency = _ref$defaultFrequency === void 0 ? defaultfreq : _ref$defaultFrequency,
+      defaultFrequency = _ref$defaultFrequency === undefined ? defaultfreq : _ref$defaultFrequency,
       _ref$availableFrequen = _ref.availableFrequencies,
-      availableFrequencies = _ref$availableFrequen === void 0 ? [defaultfreq] : _ref$availableFrequen,
+      availableFrequencies = _ref$availableFrequen === undefined ? [defaultfreq] : _ref$availableFrequen,
       _boundaries = _ref.boundaries,
       changePeriod = _ref.changePeriod,
       changeFrequency = _ref.changeFrequency,
@@ -20,6 +21,7 @@ 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({
@@ -36,25 +38,16 @@ 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],
@@ -64,97 +57,127 @@ 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;
 
-  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))
-  }]));
+                  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))
+    }])
+  );
 };
 
+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,6 +10,7 @@ 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';
@@ -19,86 +20,20 @@ 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,4 +22,5 @@
  * // no custom theme there
  * @demoReady
  */
+
 export { default } from './PeriodPicker';

package/es/PeriodPicker/lib.js

@@ -1,7 +1,7 @@
-import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
-
 var _numeralFormat;
 
+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 dateFns from 'date-fns';
 import numeral from 'numeral';
@@ -13,36 +13,23 @@ 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(semester) {
-  if (semester === void 0) {
-    semester = 0;
-  }
-
+var addSemesters = function addSemesters() {
+  var semester = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 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(value) {
-  if (value === void 0) {
-    value = [0];
-  }
-
+var getRanges = function getRanges() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [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));
@@ -85,7 +72,6 @@ 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;
 
@@ -93,15 +79,19 @@ 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) {
@@ -118,9 +108,11 @@ 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) {
@@ -130,31 +122,29 @@ 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);
@@ -163,43 +153,39 @@ 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);
 
+  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,4 +1,5 @@
 import { makeStyles } from '@material-ui/core/styles';
+
 export default makeStyles(function (theme) {
   return {
     headerContainer: {