colibri-ui 0.7.71 → 0.7.72

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.
@@ -6,6 +6,7 @@ var classNames = require('classnames/bind');
6
6
  var leadingZeros = require('../../../libs/numbers/leadingZeros.js');
7
7
  var index = require('../../../Typography/index.js');
8
8
  var index$1 = require('../../../helpers/date/index.js');
9
+ var generateUniqID = require('../../../helpers/generateUniqID.js');
9
10
  var getMonthWeeks = require('../../utils/getMonthWeeks.js');
10
11
  var styles = require('./index.module.css');
11
12
 
@@ -84,7 +85,7 @@ var Month = function Month(props) {
84
85
  var index$2 = rest[0] + 1;
85
86
  return /*#__PURE__*/React__namespace.createElement("li", {
86
87
  className: clx(styles__default.default.day),
87
- key: index$2
88
+ key: generateUniqID.default(index$2)
88
89
  }, /*#__PURE__*/React__namespace.createElement(index.default, {
89
90
  style: {
90
91
  opacity: index$2 > 5 ? 80 : 30,
package/Calendar/index.js CHANGED
@@ -91,26 +91,24 @@ var Calendar = function Calendar(_a) {
91
91
  startDate_1 = _a[0],
92
92
  endDate = _a[1];
93
93
  var period_1 = index.getDaysDiff(new Date(startDate_1), new Date(endDate)) + 1;
94
- if (!withContinueButton && onChange) {
94
+ if (onChange) {
95
95
  onChange({
96
96
  date: date,
97
97
  period: period_1
98
98
  });
99
- return;
100
99
  }
101
100
  index$1.requestIdleCallback(function () {
102
101
  return selectDate(startDate_1, period_1, true);
103
102
  }, idleCallbackOptions);
104
103
  } else {
105
- if (!withContinueButton && onChange) {
104
+ if (onChange) {
106
105
  onChange({
107
106
  date: date,
108
107
  period: 1
109
108
  });
110
- return;
111
109
  }
112
110
  index$1.requestIdleCallback(function () {
113
- return selectDate(date, 1, !canSelectRange);
111
+ return selectDate(date, 1, false);
114
112
  }, idleCallbackOptions);
115
113
  }
116
114
  }, [canSelectRange, selectedDate, isRangeCompleted, selectDate]);
@@ -6,6 +6,7 @@ var React = require('react');
6
6
  var classNames = require('classnames/bind');
7
7
  var index = require('../../../Menu/index.js');
8
8
  var index$1 = require('../MenuOverlayItem/index.js');
9
+ var generateUniqID = require('../../../helpers/generateUniqID.js');
9
10
  var styles = require('./index.module.css');
10
11
 
11
12
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -52,7 +53,7 @@ var MenuOverlay = function MenuOverlay(_a) {
52
53
  return /*#__PURE__*/React__default.default.createElement(index$1.default, {
53
54
  setScrollView: setScrollView,
54
55
  option: option,
55
- key: "item-".concat(index),
56
+ key: generateUniqID.default(index),
56
57
  onClick: function onClick() {
57
58
  return handleSelect(option, "item-".concat(index));
58
59
  }
@@ -4,6 +4,7 @@ import classNames from 'classnames/bind';
4
4
  import { leadingZeros } from '../../../libs/numbers/leadingZeros.js';
5
5
  import Typography from '../../../Typography/index.js';
6
6
  import { getUpperMonthName, getShortWeekDayNameByIndex } from '../../../helpers/date/index.js';
7
+ import generateUniqID from '../../../helpers/generateUniqID.js';
7
8
  import { getMonthWeeks } from '../../utils/getMonthWeeks.js';
8
9
  import styles from './index.module.css';
9
10
 
@@ -58,7 +59,7 @@ var Month = function Month(props) {
58
59
  var index = rest[0] + 1;
59
60
  return /*#__PURE__*/React.createElement("li", {
60
61
  className: clx(styles.day),
61
- key: index
62
+ key: generateUniqID(index)
62
63
  }, /*#__PURE__*/React.createElement(Typography, {
63
64
  style: {
64
65
  opacity: index > 5 ? 80 : 30,
@@ -81,26 +81,24 @@ var Calendar = function Calendar(_a) {
81
81
  startDate_1 = _a[0],
82
82
  endDate = _a[1];
83
83
  var period_1 = getDaysDiff(new Date(startDate_1), new Date(endDate)) + 1;
84
- if (!withContinueButton && onChange) {
84
+ if (onChange) {
85
85
  onChange({
86
86
  date: date,
87
87
  period: period_1
88
88
  });
89
- return;
90
89
  }
91
90
  requestIdleCallback(function () {
92
91
  return selectDate(startDate_1, period_1, true);
93
92
  }, idleCallbackOptions);
94
93
  } else {
95
- if (!withContinueButton && onChange) {
94
+ if (onChange) {
96
95
  onChange({
97
96
  date: date,
98
97
  period: 1
99
98
  });
100
- return;
101
99
  }
102
100
  requestIdleCallback(function () {
103
- return selectDate(date, 1, !canSelectRange);
101
+ return selectDate(date, 1, false);
104
102
  }, idleCallbackOptions);
105
103
  }
106
104
  }, [canSelectRange, selectedDate, isRangeCompleted, selectDate]);
@@ -2,6 +2,7 @@ import React__default, { useState, useRef, useCallback, useLayoutEffect } from '
2
2
  import classNames from 'classnames/bind';
3
3
  import Menu from '../../../Menu/index.js';
4
4
  import SelectItem from '../MenuOverlayItem/index.js';
5
+ import generateUniqID from '../../../helpers/generateUniqID.js';
5
6
  import styles from './index.module.css';
6
7
 
7
8
  var clx = classNames.bind(styles);
@@ -42,7 +43,7 @@ var MenuOverlay = function MenuOverlay(_a) {
42
43
  return /*#__PURE__*/React__default.createElement(SelectItem, {
43
44
  setScrollView: setScrollView,
44
45
  option: option,
45
- key: "item-".concat(index),
46
+ key: generateUniqID(index),
46
47
  onClick: function onClick() {
47
48
  return handleSelect(option, "item-".concat(index));
48
49
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "colibri-ui",
3
- "version": "0.7.71",
3
+ "version": "0.7.72",
4
4
  "description": "React UI components library",
5
5
  "main": "index.js",
6
6
  "scripts": {},