@hipay/hipay-material-ui 3.12.3-beta.0 → 3.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/HiDatePicker/HiDateRangePicker.js +1 -1
  2. package/HiDatePicker/HiDateRangeSelector.js +23 -20
  3. package/es/HiDatePicker/HiDateRangePicker.js +1 -1
  4. package/es/HiDatePicker/HiDateRangeSelector.js +23 -20
  5. package/package.json +1 -1
package/HiDatePicker/HiDateRangePicker.js CHANGED
@@ -117,7 +117,7 @@ var HiDateRangePicker = /*#__PURE__*/function (_React$Component) {
117
117
  var today = (0, _momentTimezone.default)();
118
118
  var todayDate = new Date(today.year(), today.month(), today.date(), 23, 59, 59);
119
119
 
120
- if (change && day > todayDate) {
120
+ if (change && day > todayDate && _this.props.disableFutureDays) {
121
121
  change = false;
122
122
  }
123
123
 
package/HiDatePicker/HiDateRangeSelector.js CHANGED
@@ -131,11 +131,11 @@ function buildDateRangeInfo(t, from, to, format) {
131
131
 
132
132
 
133
133
  switch (prefix) {
134
- case "week":
134
+ case 'week':
135
135
  info = "".concat(t.short_week).concat(from.format('w'), ", ").concat(info);
136
136
  break;
137
137
 
138
- case "quarter":
138
+ case 'quarter':
139
139
  info = "".concat(t.short_quarter).concat(from.format('Q'), ", ").concat(info);
140
140
  break;
141
141
 
@@ -186,7 +186,7 @@ function buildDateRangeOptionByKey(key, t, format) {
186
186
  from = (0, _momentTimezone.default)().startOf('week');
187
187
  to = (0, _momentTimezone.default)();
188
188
  info = buildDateRangeInfo(t, from, to, format, {
189
- prefix: "week",
189
+ prefix: 'week',
190
190
  toNow: true,
191
191
  displayDays: true
192
192
  });
@@ -197,7 +197,7 @@ function buildDateRangeOptionByKey(key, t, format) {
197
197
  from = (0, _momentTimezone.default)().subtract(1, 'week').startOf('week');
198
198
  to = (0, _momentTimezone.default)().subtract(1, 'week').endOf('week');
199
199
  info = buildDateRangeInfo(t, from, to, format, {
200
- prefix: "week",
200
+ prefix: 'week',
201
201
  toNow: false,
202
202
  displayDays: true
203
203
  });
@@ -227,7 +227,7 @@ function buildDateRangeOptionByKey(key, t, format) {
227
227
  from = (0, _momentTimezone.default)().startOf('quarter');
228
228
  to = (0, _momentTimezone.default)();
229
229
  info = buildDateRangeInfo(t, from, to, format, {
230
- prefix: "quarter",
230
+ prefix: 'quarter',
231
231
  toNow: true,
232
232
  displayDays: true
233
233
  });
@@ -238,7 +238,7 @@ function buildDateRangeOptionByKey(key, t, format) {
238
238
  from = (0, _momentTimezone.default)().subtract(1, 'quarter').startOf('quarter');
239
239
  to = (0, _momentTimezone.default)().subtract(1, 'quarter').endOf('quarter');
240
240
  info = buildDateRangeInfo(t, from, to, format, {
241
- prefix: "quarter",
241
+ prefix: 'quarter',
242
242
  toNow: false,
243
243
  displayDays: true
244
244
  });
@@ -255,11 +255,11 @@ function buildDateRangeOptionByKey(key, t, format) {
255
255
  });
256
256
  break;
257
257
 
258
- case "1":
259
- label = "24h";
258
+ case '1':
259
+ label = '24h';
260
260
  from = (0, _momentTimezone.default)().subtract(1, 'day');
261
261
  to = (0, _momentTimezone.default)();
262
- info = "".concat(t.from, " ").concat(from.format("HH:mm"), " ").concat(t.yesterday.toLowerCase(), " ").concat(t.to_now);
262
+ info = "".concat(t.from, " ").concat(from.format('HH:mm'), " ").concat(t.yesterday.toLowerCase(), " ").concat(t.to_now);
263
263
  break;
264
264
 
265
265
  default:
@@ -327,7 +327,7 @@ var styles = function styles(theme) {
327
327
  },
328
328
  formControlLabel: {
329
329
  top: theme.spacing(5),
330
- overflow: "unset"
330
+ overflow: 'unset'
331
331
  }
332
332
  };
333
333
  };
@@ -352,7 +352,7 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
352
352
  var _this;
353
353
 
354
354
  (0, _classCallCheck2.default)(this, HiDateRangeSelector);
355
- _this = _super.call(this);
355
+ _this = _super.call(this, props);
356
356
  _this.options = [];
357
357
 
358
358
  _this.handleBlur = function (event) {
@@ -441,8 +441,8 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
441
441
 
442
442
  if (customOptionsAvailable.length) {
443
443
  options.push({
444
- id: "custom_periods_subheader",
445
- type: CUSTOM_PERIOD_LIST.includes(selectedPreset) ? "primary-highlight" : "highlight",
444
+ id: 'custom_periods_subheader',
445
+ type: CUSTOM_PERIOD_LIST.includes(selectedPreset) ? 'primary-highlight' : 'highlight',
446
446
  icon: _ref2,
447
447
  label: translations.custom_periods,
448
448
  children: this.options.filter(function (o) {
@@ -454,8 +454,8 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
454
454
 
455
455
  if (presetOptionsAvailable.length) {
456
456
  options.push({
457
- id: "preset_periods_subheader",
458
- type: PRESET_PERIOD_LIST.includes(selectedPreset) ? "primary-highlight" : "highlight",
457
+ id: 'preset_periods_subheader',
458
+ type: PRESET_PERIOD_LIST.includes(selectedPreset) ? 'primary-highlight' : 'highlight',
459
459
  icon: _ref3,
460
460
  label: translations.preset_periods,
461
461
  children: this.options.filter(function (o) {
@@ -467,8 +467,8 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
467
467
 
468
468
  if (slidingOptionsAvailable.length) {
469
469
  options.push({
470
- id: "sliding_periods_subheader",
471
- type: SLIDING_PERIOD_LIST.includes(selectedPreset) ? "primary-highlight" : "highlight",
470
+ id: 'sliding_periods_subheader',
471
+ type: SLIDING_PERIOD_LIST.includes(selectedPreset) ? 'primary-highlight' : 'highlight',
472
472
  icon: _ref4,
473
473
  label: translations.sliding_periods,
474
474
  children: this.options.filter(function (o) {
@@ -497,6 +497,7 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
497
497
  idRange = _this$props2.idRange,
498
498
  idSelect = _this$props2.idSelect,
499
499
  minimumDate = _this$props2.minimumDate,
500
+ disableFutureDays = _this$props2.disableFutureDays,
500
501
  label = _this$props2.label,
501
502
  from = _this$props2.from,
502
503
  onChange = _this$props2.onChange,
@@ -507,7 +508,7 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
507
508
  selectProps = _this$props2.selectProps,
508
509
  staticPosition = _this$props2.staticPosition,
509
510
  className = _this$props2.className,
510
- props = (0, _objectWithoutProperties2.default)(_this$props2, ["availableOptionKeys", "disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperText", "idRange", "idSelect", "minimumDate", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition", "className"]);
511
+ props = (0, _objectWithoutProperties2.default)(_this$props2, ["availableOptionKeys", "disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperText", "idRange", "idSelect", "minimumDate", "disableFutureDays", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition", "className"]);
511
512
  var _this$state = this.state,
512
513
  selectedPreset = _this$state.selectedPreset,
513
514
  containerWidth = _this$state.containerWidth;
@@ -577,6 +578,7 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
577
578
  onChange: onChange,
578
579
  toError: toError,
579
580
  fromError: fromError,
581
+ disableFutureDays: disableFutureDays,
580
582
  minimumDate: minimumDate,
581
583
  errorText: null,
582
584
  onReset: this.handleReset,
@@ -604,6 +606,7 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
604
606
 
605
607
  HiDateRangeSelector.defaultProps = {
606
608
  availableOptionKeys: [].concat(PRESET_PERIOD_LIST, CUSTOM_PERIOD_LIST),
609
+ disableFutureDays: true,
607
610
  enableTime: false,
608
611
  returnSelectValue: false,
609
612
  staticPosition: false,
@@ -638,7 +641,7 @@ HiDateRangeSelector.defaultProps = {
638
641
  current_quarter: 'Current Quarter',
639
642
  previous_quarter: 'Previous Quarter',
640
643
  current_year: 'Current Year',
641
- year_on_year: "Last twelve months",
644
+ year_on_year: 'Last twelve months',
642
645
  invalid_format: 'The date format is not valid',
643
646
  to_superior_from: 'Date from cannot be greater than date to',
644
647
  date_superior_max_date: 'Date from cannot be greater than %s',
@@ -647,7 +650,7 @@ HiDateRangeSelector.defaultProps = {
647
650
  missing_date_to: 'Missing date to',
648
651
  preset_periods: 'Preset periods',
649
652
  custom_periods: 'Custom periods',
650
- custom_period_info: "Select a custom period",
653
+ custom_period_info: 'Select a custom period',
651
654
  sliding_periods: 'Sliding periods'
652
655
  }
653
656
  };
package/es/HiDatePicker/HiDateRangePicker.js CHANGED
@@ -117,7 +117,7 @@ var HiDateRangePicker = /*#__PURE__*/function (_React$Component) {
117
117
  var today = (0, _momentTimezone.default)();
118
118
  var todayDate = new Date(today.year(), today.month(), today.date(), 23, 59, 59);
119
119
 
120
- if (change && day > todayDate) {
120
+ if (change && day > todayDate && _this.props.disableFutureDays) {
121
121
  change = false;
122
122
  }
123
123
 
package/es/HiDatePicker/HiDateRangeSelector.js CHANGED
@@ -131,11 +131,11 @@ function buildDateRangeInfo(t, from, to, format) {
131
131
 
132
132
 
133
133
  switch (prefix) {
134
- case "week":
134
+ case 'week':
135
135
  info = "".concat(t.short_week).concat(from.format('w'), ", ").concat(info);
136
136
  break;
137
137
 
138
- case "quarter":
138
+ case 'quarter':
139
139
  info = "".concat(t.short_quarter).concat(from.format('Q'), ", ").concat(info);
140
140
  break;
141
141
 
@@ -186,7 +186,7 @@ function buildDateRangeOptionByKey(key, t, format) {
186
186
  from = (0, _momentTimezone.default)().startOf('week');
187
187
  to = (0, _momentTimezone.default)();
188
188
  info = buildDateRangeInfo(t, from, to, format, {
189
- prefix: "week",
189
+ prefix: 'week',
190
190
  toNow: true,
191
191
  displayDays: true
192
192
  });
@@ -197,7 +197,7 @@ function buildDateRangeOptionByKey(key, t, format) {
197
197
  from = (0, _momentTimezone.default)().subtract(1, 'week').startOf('week');
198
198
  to = (0, _momentTimezone.default)().subtract(1, 'week').endOf('week');
199
199
  info = buildDateRangeInfo(t, from, to, format, {
200
- prefix: "week",
200
+ prefix: 'week',
201
201
  toNow: false,
202
202
  displayDays: true
203
203
  });
@@ -227,7 +227,7 @@ function buildDateRangeOptionByKey(key, t, format) {
227
227
  from = (0, _momentTimezone.default)().startOf('quarter');
228
228
  to = (0, _momentTimezone.default)();
229
229
  info = buildDateRangeInfo(t, from, to, format, {
230
- prefix: "quarter",
230
+ prefix: 'quarter',
231
231
  toNow: true,
232
232
  displayDays: true
233
233
  });
@@ -238,7 +238,7 @@ function buildDateRangeOptionByKey(key, t, format) {
238
238
  from = (0, _momentTimezone.default)().subtract(1, 'quarter').startOf('quarter');
239
239
  to = (0, _momentTimezone.default)().subtract(1, 'quarter').endOf('quarter');
240
240
  info = buildDateRangeInfo(t, from, to, format, {
241
- prefix: "quarter",
241
+ prefix: 'quarter',
242
242
  toNow: false,
243
243
  displayDays: true
244
244
  });
@@ -255,11 +255,11 @@ function buildDateRangeOptionByKey(key, t, format) {
255
255
  });
256
256
  break;
257
257
 
258
- case "1":
259
- label = "24h";
258
+ case '1':
259
+ label = '24h';
260
260
  from = (0, _momentTimezone.default)().subtract(1, 'day');
261
261
  to = (0, _momentTimezone.default)();
262
- info = "".concat(t.from, " ").concat(from.format("HH:mm"), " ").concat(t.yesterday.toLowerCase(), " ").concat(t.to_now);
262
+ info = "".concat(t.from, " ").concat(from.format('HH:mm'), " ").concat(t.yesterday.toLowerCase(), " ").concat(t.to_now);
263
263
  break;
264
264
 
265
265
  default:
@@ -327,7 +327,7 @@ var styles = function styles(theme) {
327
327
  },
328
328
  formControlLabel: {
329
329
  top: theme.spacing(5),
330
- overflow: "unset"
330
+ overflow: 'unset'
331
331
  }
332
332
  };
333
333
  };
@@ -352,7 +352,7 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
352
352
  var _this;
353
353
 
354
354
  (0, _classCallCheck2.default)(this, HiDateRangeSelector);
355
- _this = _super.call(this);
355
+ _this = _super.call(this, props);
356
356
  _this.options = [];
357
357
 
358
358
  _this.handleBlur = function (event) {
@@ -441,8 +441,8 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
441
441
 
442
442
  if (customOptionsAvailable.length) {
443
443
  options.push({
444
- id: "custom_periods_subheader",
445
- type: CUSTOM_PERIOD_LIST.includes(selectedPreset) ? "primary-highlight" : "highlight",
444
+ id: 'custom_periods_subheader',
445
+ type: CUSTOM_PERIOD_LIST.includes(selectedPreset) ? 'primary-highlight' : 'highlight',
446
446
  icon: _ref2,
447
447
  label: translations.custom_periods,
448
448
  children: this.options.filter(function (o) {
@@ -454,8 +454,8 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
454
454
 
455
455
  if (presetOptionsAvailable.length) {
456
456
  options.push({
457
- id: "preset_periods_subheader",
458
- type: PRESET_PERIOD_LIST.includes(selectedPreset) ? "primary-highlight" : "highlight",
457
+ id: 'preset_periods_subheader',
458
+ type: PRESET_PERIOD_LIST.includes(selectedPreset) ? 'primary-highlight' : 'highlight',
459
459
  icon: _ref3,
460
460
  label: translations.preset_periods,
461
461
  children: this.options.filter(function (o) {
@@ -467,8 +467,8 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
467
467
 
468
468
  if (slidingOptionsAvailable.length) {
469
469
  options.push({
470
- id: "sliding_periods_subheader",
471
- type: SLIDING_PERIOD_LIST.includes(selectedPreset) ? "primary-highlight" : "highlight",
470
+ id: 'sliding_periods_subheader',
471
+ type: SLIDING_PERIOD_LIST.includes(selectedPreset) ? 'primary-highlight' : 'highlight',
472
472
  icon: _ref4,
473
473
  label: translations.sliding_periods,
474
474
  children: this.options.filter(function (o) {
@@ -497,6 +497,7 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
497
497
  idRange = _this$props2.idRange,
498
498
  idSelect = _this$props2.idSelect,
499
499
  minimumDate = _this$props2.minimumDate,
500
+ disableFutureDays = _this$props2.disableFutureDays,
500
501
  label = _this$props2.label,
501
502
  from = _this$props2.from,
502
503
  onChange = _this$props2.onChange,
@@ -507,7 +508,7 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
507
508
  selectProps = _this$props2.selectProps,
508
509
  staticPosition = _this$props2.staticPosition,
509
510
  className = _this$props2.className,
510
- props = (0, _objectWithoutProperties2.default)(_this$props2, ["availableOptionKeys", "disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperText", "idRange", "idSelect", "minimumDate", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition", "className"]);
511
+ props = (0, _objectWithoutProperties2.default)(_this$props2, ["availableOptionKeys", "disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperText", "idRange", "idSelect", "minimumDate", "disableFutureDays", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition", "className"]);
511
512
  var _this$state = this.state,
512
513
  selectedPreset = _this$state.selectedPreset,
513
514
  containerWidth = _this$state.containerWidth;
@@ -577,6 +578,7 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
577
578
  onChange: onChange,
578
579
  toError: toError,
579
580
  fromError: fromError,
581
+ disableFutureDays: disableFutureDays,
580
582
  minimumDate: minimumDate,
581
583
  errorText: null,
582
584
  onReset: this.handleReset,
@@ -604,6 +606,7 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
604
606
 
605
607
  HiDateRangeSelector.defaultProps = {
606
608
  availableOptionKeys: [].concat(PRESET_PERIOD_LIST, CUSTOM_PERIOD_LIST),
609
+ disableFutureDays: true,
607
610
  enableTime: false,
608
611
  returnSelectValue: false,
609
612
  staticPosition: false,
@@ -638,7 +641,7 @@ HiDateRangeSelector.defaultProps = {
638
641
  current_quarter: 'Current Quarter',
639
642
  previous_quarter: 'Previous Quarter',
640
643
  current_year: 'Current Year',
641
- year_on_year: "Last twelve months",
644
+ year_on_year: 'Last twelve months',
642
645
  invalid_format: 'The date format is not valid',
643
646
  to_superior_from: 'Date from cannot be greater than date to',
644
647
  date_superior_max_date: 'Date from cannot be greater than %s',
@@ -647,7 +650,7 @@ HiDateRangeSelector.defaultProps = {
647
650
  missing_date_to: 'Missing date to',
648
651
  preset_periods: 'Preset periods',
649
652
  custom_periods: 'Custom periods',
650
- custom_period_info: "Select a custom period",
653
+ custom_period_info: 'Select a custom period',
651
654
  sliding_periods: 'Sliding periods'
652
655
  }
653
656
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hipay/hipay-material-ui",
3
3
  "private": false,
4
- "version": "3.12.3-beta.0",
4
+ "version": "3.13.1",
5
5
  "description": "React components that implement Google's Material Design.",
6
6
  "repository": {
7
7
  "type": "git",