@synerise/ds-time-picker 0.5.48 → 0.6.3

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,38 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.6.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@0.6.2...@synerise/ds-time-picker@0.6.3) (2021-11-22)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-time-picker
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.6.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@0.6.1...@synerise/ds-time-picker@0.6.2) (2021-11-16)
15
+
16
+ **Note:** Version bump only for package @synerise/ds-time-picker
17
+
18
+
19
+
20
+
21
+
22
+ ## [0.6.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@0.5.48...@synerise/ds-time-picker@0.6.1) (2021-11-09)
23
+
24
+ **Note:** Version bump only for package @synerise/ds-time-picker
25
+
26
+
27
+
28
+
29
+
30
+ # [0.6.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@0.5.48...@synerise/ds-time-picker@0.6.0) (2021-11-09)
31
+
32
+ **Note:** Version bump only for package @synerise/ds-time-picker
33
+
34
+
35
+
36
+
37
+
6
38
  ## [0.5.48](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@0.5.47...@synerise/ds-time-picker@0.5.48) (2021-11-05)
7
39
 
8
40
  **Note:** Version bump only for package @synerise/ds-time-picker
@@ -1,31 +1,10 @@
1
1
  function _extends() { _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; }; return _extends.apply(this, arguments); }
2
2
 
3
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
4
-
5
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
6
-
7
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
8
-
9
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
10
-
11
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
12
-
13
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
14
-
15
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
16
-
17
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
18
-
19
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
20
-
21
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
22
-
23
3
  import * as React from 'react';
24
4
  import dayjs from 'dayjs';
25
- import Icon from '@synerise/ds-icon';
5
+ import Icon, { ClockM, Close3S } from '@synerise/ds-icon';
26
6
  import Dropdown from '@synerise/ds-dropdown';
27
7
  import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
28
- import { ClockM, Close3S } from '@synerise/ds-icon/dist/icons';
29
8
  import { FormattedMessage, injectIntl } from 'react-intl';
30
9
  import Unit from './Unit';
31
10
  import * as S from './TimePicker.styles';
@@ -60,7 +39,7 @@ var TimePicker = function TimePicker(_ref) {
60
39
  overlayClassName = _ref.overlayClassName,
61
40
  className = _ref.className,
62
41
  _ref$clearTooltip = _ref.clearTooltip,
63
- clearTooltip = _ref$clearTooltip === void 0 ? React.createElement(FormattedMessage, {
42
+ clearTooltip = _ref$clearTooltip === void 0 ? /*#__PURE__*/React.createElement(FormattedMessage, {
64
43
  id: "DS.TIME-PICKER.CLEAR-TOOLTIP",
65
44
  defaultMessage: "Clear"
66
45
  }) : _ref$clearTooltip,
@@ -69,41 +48,38 @@ var TimePicker = function TimePicker(_ref) {
69
48
  intl = _ref.intl;
70
49
 
71
50
  var _React$useState = React.useState(defaultOpen || false),
72
- _React$useState2 = _slicedToArray(_React$useState, 2),
73
- open = _React$useState2[0],
74
- setOpen = _React$useState2[1];
51
+ open = _React$useState[0],
52
+ setOpen = _React$useState[1];
75
53
 
76
- var _React$useState3 = React.useState(value),
77
- _React$useState4 = _slicedToArray(_React$useState3, 2),
78
- localValue = _React$useState4[0],
79
- setLocalValue = _React$useState4[1];
54
+ var _React$useState2 = React.useState(value),
55
+ localValue = _React$useState2[0],
56
+ setLocalValue = _React$useState2[1];
80
57
 
81
- var _React$useState5 = React.useState(defaultAM ? CLOCK_MODES.AM : CLOCK_MODES.PM),
82
- _React$useState6 = _slicedToArray(_React$useState5, 2),
83
- clockMode = _React$useState6[0],
84
- setClockMode = _React$useState6[1];
58
+ var _React$useState3 = React.useState(defaultAM ? CLOCK_MODES.AM : CLOCK_MODES.PM),
59
+ clockMode = _React$useState3[0],
60
+ setClockMode = _React$useState3[1];
85
61
 
86
62
  React.useEffect(function () {
87
63
  setLocalValue(value);
88
64
  }, [value]);
89
65
  var unitConfig = [{
90
66
  unit: 'hour',
91
- options: use12HourClock ? _toConsumableArray(Array(13).keys()) : _toConsumableArray(Array(24).keys()),
67
+ options: use12HourClock ? [].concat(Array(13).keys()) : [].concat(Array(24).keys()),
92
68
  disabled: disabledHours,
93
69
  insertSeperator: true
94
70
  }, {
95
71
  unit: 'minute',
96
- options: _toConsumableArray(Array(60).keys()),
72
+ options: [].concat(Array(60).keys()),
97
73
  disabled: disabledMinutes,
98
74
  insertSeperator: true
99
75
  }, {
100
76
  unit: 'second',
101
- options: _toConsumableArray(Array(60).keys()),
77
+ options: [].concat(Array(60).keys()),
102
78
  disabled: disabledSeconds,
103
79
  insertSeperator: !!use12HourClock
104
80
  }];
105
81
  var unitsToRender = React.useMemo(function () {
106
- var availableUnits = (units === null || units === void 0 ? void 0 : units.length) ? units : defaultUnits;
82
+ var availableUnits = units != null && units.length ? units : defaultUnits;
107
83
  return unitConfig.filter(function (u) {
108
84
  return availableUnits && availableUnits.includes(u.unit);
109
85
  });
@@ -142,30 +118,30 @@ var TimePicker = function TimePicker(_ref) {
142
118
  };
143
119
 
144
120
  var renderClockSwitch = function renderClockSwitch() {
145
- return React.createElement(S.Unit, null, Object.values(CLOCK_MODES).map(function (mode) {
146
- return React.createElement(S.Cell, {
121
+ return /*#__PURE__*/React.createElement(S.Unit, null, Object.values(CLOCK_MODES).map(function (mode) {
122
+ return /*#__PURE__*/React.createElement(S.Cell, {
147
123
  key: mode,
148
124
  active: clockMode === mode,
149
125
  onClick: function onClick() {
150
126
  setClockMode(mode);
151
127
  onClockModeChange && onClockModeChange(mode);
152
128
  }
153
- }, React.createElement(S.CellText, null, mode));
129
+ }, /*#__PURE__*/React.createElement(S.CellText, null, mode));
154
130
  }));
155
131
  };
156
132
 
157
- var overlay = React.createElement(S.OverlayContainer, {
133
+ var overlay = /*#__PURE__*/React.createElement(S.OverlayContainer, {
158
134
  "data-testid": "tp-overlay-container",
159
135
  className: overlayClassName
160
136
  }, unitsToRender.map(function (u, index) {
161
- return React.createElement(React.Fragment, {
137
+ return /*#__PURE__*/React.createElement(React.Fragment, {
162
138
  key: u.unit
163
- }, React.createElement(Unit, _extends({}, u, {
139
+ }, /*#__PURE__*/React.createElement(Unit, _extends({}, u, {
164
140
  value: localValue,
165
141
  onSelect: function onSelect(newValue) {
166
142
  return handleChange(u.unit, newValue);
167
143
  }
168
- })), (index !== unitsToRender.length - 1 || !!use12HourClock) && React.createElement(S.UnitSeperator, null));
144
+ })), (index !== unitsToRender.length - 1 || !!use12HourClock) && /*#__PURE__*/React.createElement(S.UnitSeperator, null));
169
145
  }), use12HourClock && renderClockSwitch());
170
146
  var dateString = localValue && getTimeString(localValue);
171
147
  var clear = React.useCallback(function () {
@@ -174,13 +150,13 @@ var TimePicker = function TimePicker(_ref) {
174
150
  onChange && onChange(undefined, '');
175
151
  }, [setOpen, setLocalValue, onChange]);
176
152
  var timePickerIcon = React.useMemo(function () {
177
- return (alwaysOpen || open) && dateString ? React.createElement(S.ClearIcon, {
178
- component: React.createElement(Tooltip, {
153
+ return (alwaysOpen || open) && dateString ? /*#__PURE__*/React.createElement(S.ClearIcon, {
154
+ component: /*#__PURE__*/React.createElement(Tooltip, {
179
155
  title: clearTooltip
180
- }, React.createElement(Close3S, null)),
156
+ }, /*#__PURE__*/React.createElement(Close3S, null)),
181
157
  onClick: clear
182
- }) : React.createElement(Icon, {
183
- component: React.createElement(ClockM, null),
158
+ }) : /*#__PURE__*/React.createElement(Icon, {
159
+ component: /*#__PURE__*/React.createElement(ClockM, null),
184
160
  size: 24,
185
161
  onClick: disabled ? undefined : function () {
186
162
  return setOpen(true);
@@ -197,22 +173,22 @@ var TimePicker = function TimePicker(_ref) {
197
173
  return overlay;
198
174
  }
199
175
 
200
- return React.createElement(S.Container, {
201
- className: "ds-time-picker ".concat(className || ''),
176
+ return /*#__PURE__*/React.createElement(S.Container, {
177
+ className: "ds-time-picker " + (className || ''),
202
178
  "data-testid": "tp-container",
203
179
  style: containerStyle
204
- }, React.createElement(Dropdown, _extends({
180
+ }, /*#__PURE__*/React.createElement(Dropdown, _extends({
205
181
  trigger: trigger,
206
182
  visible: alwaysOpen || open,
207
183
  onVisibleChange: onVisibleChange,
208
184
  placement: placement,
209
185
  overlay: overlay,
210
186
  disabled: disabled
211
- }, dropdownProps), React.createElement(S.TimePickerInput, _extends({
187
+ }, dropdownProps), /*#__PURE__*/React.createElement(S.TimePickerInput, _extends({
212
188
  disabled: disabled,
213
- className: "".concat(alwaysOpen || open ? 'active' : ''),
189
+ className: "" + (alwaysOpen || open ? 'active' : ''),
214
190
  "data-testid": "tp-input",
215
- value: use12HourClock && !!dateString ? "".concat(dateString, " ").concat(clockMode) : dateString,
191
+ value: use12HourClock && !!dateString ? dateString + " " + clockMode : dateString,
216
192
  placeholder: placeholderValue,
217
193
  readOnly: true,
218
194
  icon1: timePickerIcon
@@ -7,7 +7,7 @@ export declare const CellText: import("styled-components").StyledComponent<"labe
7
7
  export declare const Cell: import("styled-components").StyledComponent<"button", any, {
8
8
  active?: boolean | undefined;
9
9
  }, never>;
10
- export declare const ClearIcon: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-icon/dist/Icon.types").IconProps>, any, {}, never>;
10
+ export declare const ClearIcon: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-icon").IconProps>, any, {}, never>;
11
11
  export declare const TimePickerInput: import("styled-components").StyledComponent<(import("react").ComponentClass<(object & import("@synerise/ds-input/dist/Input.types").Props & import("antd/lib/input").InputProps) | (object & import("@synerise/ds-input/dist/Input.types").Props & import("antd/lib/input").InputProps & {
12
12
  mask: string;
13
13
  formatCharacters?: object | undefined;
@@ -0,0 +1 @@
1
+ export {};
package/dist/Unit.js CHANGED
@@ -1,15 +1,3 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
-
5
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
6
-
7
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
8
-
9
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
11
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
1
  import * as React from 'react';
14
2
  import dayjs from 'dayjs';
15
3
  import { debounce } from 'debounce';
@@ -26,22 +14,19 @@ var Unit = function Unit(_ref) {
26
14
  var selected = value && dayjs(value).get(unit);
27
15
 
28
16
  var _React$useState = React.useState(false),
29
- _React$useState2 = _slicedToArray(_React$useState, 2),
30
- forceUpdate = _React$useState2[0],
31
- setForceUpdate = _React$useState2[1];
17
+ forceUpdate = _React$useState[0],
18
+ setForceUpdate = _React$useState[1];
32
19
 
33
20
  var selectedCellRef = React.useRef(null);
34
21
  var unitContainerRef = React.useRef(null);
35
22
 
36
- var _React$useState3 = React.useState(true),
37
- _React$useState4 = _slicedToArray(_React$useState3, 2),
38
- isFirstRender = _React$useState4[0],
39
- setFirstRender = _React$useState4[1];
23
+ var _React$useState2 = React.useState(true),
24
+ isFirstRender = _React$useState2[0],
25
+ setFirstRender = _React$useState2[1];
40
26
 
41
- var _React$useState5 = React.useState(300),
42
- _React$useState6 = _slicedToArray(_React$useState5, 2),
43
- containerHeight = _React$useState6[0],
44
- setContainerHeight = _React$useState6[1];
27
+ var _React$useState3 = React.useState(300),
28
+ containerHeight = _React$useState3[0],
29
+ setContainerHeight = _React$useState3[1];
45
30
 
46
31
  React.useEffect(function () {
47
32
  if (isFirstRender) {
@@ -66,23 +51,23 @@ var Unit = function Unit(_ref) {
66
51
  if (selectedCellRef.current && unitContainerRef.current) {
67
52
  var offsetToParent = selectedCellRef.current.offsetTop - unitContainerRef.current.offsetTop;
68
53
  var scrollBehaviour = isFirstRender || !containerHeight ? 'auto' : 'smooth';
69
- (unitContainerRef === null || unitContainerRef === void 0 ? void 0 : unitContainerRef.current) && unitContainerRef.current.scrollTo({
54
+ (unitContainerRef == null ? void 0 : unitContainerRef.current) && unitContainerRef.current.scrollTo({
70
55
  top: offsetToParent,
71
56
  behavior: scrollBehaviour
72
57
  });
73
58
  setContainerHeight(unitContainerRef.current.offsetHeight);
74
59
  }
75
60
  }, [selectedCellRef, unitContainerRef, isFirstRender, forceUpdate, containerHeight]);
76
- return React.createElement(S.Unit, {
77
- "data-testid": "ds-time-picker-unit-".concat(unit),
61
+ return /*#__PURE__*/React.createElement(S.Unit, {
62
+ "data-testid": "ds-time-picker-unit-" + unit,
78
63
  ref: unitContainerRef,
79
64
  onScroll: debounce(scrollHandler, DEBOUNCE_DELAY)
80
65
  }, options.map(function (option) {
81
- var normalizedStringValue = option < 10 ? "0".concat(option) : option.toString();
66
+ var normalizedStringValue = option < 10 ? "0" + option : option.toString();
82
67
  var isDisabled = disabled && disabled.includes(option);
83
68
  var isSelected = selected === option;
84
- return React.createElement(S.Cell, {
85
- key: "".concat(unit, "-").concat(option),
69
+ return /*#__PURE__*/React.createElement(S.Cell, {
70
+ key: unit + "-" + option,
86
71
  disabled: isDisabled,
87
72
  onClick: function onClick() {
88
73
  onSelect(option);
@@ -90,8 +75,8 @@ var Unit = function Unit(_ref) {
90
75
  },
91
76
  active: isSelected,
92
77
  ref: isSelected ? selectedCellRef : null
93
- }, React.createElement(S.CellText, null, normalizedStringValue));
94
- }), !!containerHeight && React.createElement(S.PlaceholderWrapper, null, React.createElement(S.Placeholder, {
78
+ }, /*#__PURE__*/React.createElement(S.CellText, null, normalizedStringValue));
79
+ }), !!containerHeight && /*#__PURE__*/React.createElement(S.PlaceholderWrapper, null, /*#__PURE__*/React.createElement(S.Placeholder, {
95
80
  height: containerHeight - CELL_HEIGHT
96
81
  })));
97
82
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-time-picker",
3
- "version": "0.5.48",
3
+ "version": "0.6.3",
4
4
  "description": "TimePicker UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -32,11 +32,11 @@
32
32
  ],
33
33
  "types": "dist/index.d.ts",
34
34
  "dependencies": {
35
- "@synerise/ds-dropdown": "^0.16.31",
36
- "@synerise/ds-icon": "^0.45.2",
37
- "@synerise/ds-input": "^0.17.46",
38
- "@synerise/ds-search-bar": "^0.4.3",
39
- "@synerise/ds-typography": "^0.11.9",
35
+ "@synerise/ds-dropdown": "^0.17.3",
36
+ "@synerise/ds-icon": "^0.46.2",
37
+ "@synerise/ds-input": "^0.18.2",
38
+ "@synerise/ds-search-bar": "^0.5.2",
39
+ "@synerise/ds-typography": "^0.12.2",
40
40
  "dayjs": "^1.8.19",
41
41
  "debounce": "^1.2.0"
42
42
  },
@@ -47,5 +47,5 @@
47
47
  "devDependencies": {
48
48
  "@types/debounce": "^1.2.0"
49
49
  },
50
- "gitHead": "bf865b6d1967c42effb68dc794f34dd18ddebe27"
50
+ "gitHead": "2468359677783819939fb9f1ef5acc36667ecd1a"
51
51
  }