@semcore/time-picker 16.2.0-prerelease.1 → 16.2.0

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 (73) hide show
  1. package/lib/cjs/component/PickerFormat/PickerFormat.js +93 -0
  2. package/lib/cjs/component/PickerFormat/PickerFormat.js.map +1 -0
  3. package/lib/cjs/component/PickerFormat/PickerFormat.type.js +2 -0
  4. package/lib/cjs/component/PickerFormat/PickerFormat.type.js.map +1 -0
  5. package/lib/cjs/{style/time-picker.shadow.css → component/PickerFormat/picker-format.shadow.css} +1 -56
  6. package/lib/cjs/{PickerInput.js → component/PickerInput/PickerInput.js} +72 -82
  7. package/lib/cjs/component/PickerInput/PickerInput.js.map +1 -0
  8. package/lib/cjs/component/PickerInput/PickerInput.type.js +2 -0
  9. package/lib/cjs/component/PickerInput/PickerInput.type.js.map +1 -0
  10. package/lib/cjs/component/PickerInput/picker-input.shadow.css +11 -0
  11. package/lib/cjs/component/TimePicker/TimePicker.js +254 -0
  12. package/lib/cjs/component/TimePicker/TimePicker.js.map +1 -0
  13. package/lib/cjs/component/TimePicker/TimePicker.type.js +2 -0
  14. package/lib/cjs/component/TimePicker/TimePicker.type.js.map +1 -0
  15. package/lib/cjs/component/TimePicker/time-picker.shadow.css +34 -0
  16. package/lib/cjs/entity/TimePickerEntity.js +101 -0
  17. package/lib/cjs/entity/TimePickerEntity.js.map +1 -0
  18. package/lib/cjs/index.js +6 -5
  19. package/lib/cjs/index.js.map +1 -1
  20. package/lib/es6/component/PickerFormat/PickerFormat.js +88 -0
  21. package/lib/es6/component/PickerFormat/PickerFormat.js.map +1 -0
  22. package/lib/es6/component/PickerFormat/PickerFormat.type.js +2 -0
  23. package/lib/es6/component/PickerFormat/PickerFormat.type.js.map +1 -0
  24. package/lib/{esm/style/time-picker.shadow.css → es6/component/PickerFormat/picker-format.shadow.css} +1 -56
  25. package/lib/es6/{PickerInput.js → component/PickerInput/PickerInput.js} +73 -82
  26. package/lib/es6/component/PickerInput/PickerInput.js.map +1 -0
  27. package/lib/es6/component/PickerInput/PickerInput.type.js +2 -0
  28. package/lib/es6/component/PickerInput/PickerInput.type.js.map +1 -0
  29. package/lib/es6/component/PickerInput/picker-input.shadow.css +11 -0
  30. package/lib/es6/component/TimePicker/TimePicker.js +250 -0
  31. package/lib/es6/component/TimePicker/TimePicker.js.map +1 -0
  32. package/lib/es6/component/TimePicker/TimePicker.type.js +2 -0
  33. package/lib/es6/component/TimePicker/TimePicker.type.js.map +1 -0
  34. package/lib/es6/component/TimePicker/time-picker.shadow.css +34 -0
  35. package/lib/es6/entity/TimePickerEntity.js +94 -0
  36. package/lib/es6/entity/TimePickerEntity.js.map +1 -0
  37. package/lib/es6/index.js +2 -2
  38. package/lib/es6/index.js.map +1 -1
  39. package/lib/esm/component/PickerFormat/PickerFormat.mjs +86 -0
  40. package/lib/{es6/style/time-picker.shadow.css → esm/component/PickerFormat/picker-format.shadow.css} +1 -56
  41. package/lib/esm/{PickerInput.mjs → component/PickerInput/PickerInput.mjs} +75 -76
  42. package/lib/esm/component/PickerInput/picker-input.shadow.css +11 -0
  43. package/lib/esm/component/TimePicker/TimePicker.mjs +233 -0
  44. package/lib/esm/component/TimePicker/TimePicker.type.mjs +1 -0
  45. package/lib/esm/component/TimePicker/time-picker.shadow.css +34 -0
  46. package/lib/esm/entity/TimePickerEntity.mjs +90 -0
  47. package/lib/esm/index.mjs +3 -7
  48. package/lib/types/component/PickerFormat/PickerFormat.d.ts +17 -0
  49. package/lib/types/component/PickerFormat/PickerFormat.type.d.ts +16 -0
  50. package/lib/types/component/PickerInput/PickerInput.d.ts +54 -0
  51. package/lib/types/component/PickerInput/PickerInput.type.d.ts +13 -0
  52. package/lib/types/component/TimePicker/TimePicker.d.ts +3 -0
  53. package/lib/types/component/TimePicker/TimePicker.type.d.ts +50 -0
  54. package/lib/types/entity/TimePickerEntity.d.ts +22 -0
  55. package/lib/types/index.d.ts +2 -63
  56. package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +114 -0
  57. package/package.json +7 -7
  58. package/lib/cjs/PickerFormat.js +0 -81
  59. package/lib/cjs/PickerFormat.js.map +0 -1
  60. package/lib/cjs/PickerInput.js.map +0 -1
  61. package/lib/cjs/TimePicker.js +0 -348
  62. package/lib/cjs/TimePicker.js.map +0 -1
  63. package/lib/cjs/index.d.js +0 -2
  64. package/lib/cjs/index.d.js.map +0 -1
  65. package/lib/es6/PickerFormat.js +0 -75
  66. package/lib/es6/PickerFormat.js.map +0 -1
  67. package/lib/es6/PickerInput.js.map +0 -1
  68. package/lib/es6/TimePicker.js +0 -339
  69. package/lib/es6/TimePicker.js.map +0 -1
  70. package/lib/es6/index.d.js +0 -2
  71. package/lib/es6/index.d.js.map +0 -1
  72. package/lib/esm/PickerFormat.mjs +0 -67
  73. package/lib/esm/TimePicker.mjs +0 -297
@@ -1,339 +0,0 @@
1
- import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
4
- import _createClass from "@babel/runtime/helpers/createClass";
5
- import _callSuper from "@babel/runtime/helpers/callSuper";
6
- import _inherits from "@babel/runtime/helpers/inherits";
7
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
- import { sstyled as _sstyled } from "@semcore/core";
9
- import { assignProps as _assignProps2 } from "@semcore/core";
10
- import { assignProps as _assignProps } from "@semcore/core";
11
- import { createComponent, Component, sstyled, Root } from '@semcore/core';
12
- import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
13
- import { Box } from '@semcore/flex-box';
14
- import Input from '@semcore/input';
15
- import React from 'react';
16
- import Format from './PickerFormat';
17
- import { Hours, Minutes } from './PickerInput';
18
- /*!__reshadow-styles__:"./style/time-picker.shadow.css"*/
19
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STimePicker_1ecr3_gg_{position:relative;width:auto;outline:0}.___STimePicker_1ecr3_gg_ .___SPickerInput_1ecr3_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___STimePicker_1ecr3_gg_ .___SPickerInput_1ecr3_gg_.__placeholder_1ecr3_gg_{text-overflow:initial}.___STimePicker_1ecr3_gg_ .___SPickerInput_1ecr3_gg_:focus{outline:0;background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___STimePicker_1ecr3_gg_ .___SPickerInput_1ecr3_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___STimePicker_1ecr3_gg_ .___SPickerInput_1ecr3_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SPickerFormat_1ecr3_gg_,.___STimePicker_1ecr3_gg_.__disabled_1ecr3_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));cursor:default}@supports (color:color(display-p3 0 0 0%)){.___STimePicker_1ecr3_gg_.__disabled_1ecr3_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STimePicker_1ecr3_gg_.__disabled_1ecr3_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SPickerInput_1ecr3_gg_._size_l_1ecr3_gg_,.___SPickerInput_1ecr3_gg_._size_m_1ecr3_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1ecr3_gg_._size_l_1ecr3_gg_{width:21px}.___SPickerFormat_1ecr3_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_1ecr3_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_1ecr3_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161));color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SPickerFormat_1ecr3_gg_:hover{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_1ecr3_gg_:hover{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_1ecr3_gg_:hover{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}.___SPickerFormat_1ecr3_gg_.__active_1ecr3_gg_,.___SPickerFormat_1ecr3_gg_:active{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral-active, rgb(234, 235, 235))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_1ecr3_gg_.__active_1ecr3_gg_,.___SPickerFormat_1ecr3_gg_:active{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_1ecr3_gg_.__active_1ecr3_gg_,.___SPickerFormat_1ecr3_gg_:active{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SPickerFormat_1ecr3_gg_._size_m_1ecr3_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1ecr3_gg_._size_m_1ecr3_gg_ .___SPickerFormatText_1ecr3_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1ecr3_gg_._size_l_1ecr3_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0-1px 0 0}.___SPickerFormat_1ecr3_gg_._size_l_1ecr3_gg_ .___SPickerFormatText_1ecr3_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1ecr3_gg_.__disabled_1ecr3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_1ecr3_gg_.__disabled_1ecr3_gg_{border-color:transparent transparent transparent var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPickerFormat_1ecr3_gg_.__disabled_1ecr3_gg_{border-color:transparent transparent transparent var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___STimePickerSeparator_1ecr3_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STimePickerSeparator_1ecr3_gg_.__disabled_1ecr3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);pointer-events:none}", /*__inner_css_end__*/"1ecr3_gg_"),
20
- /*__reshadow_css_end__*/
21
- {
22
- "__STimePicker": "___STimePicker_1ecr3_gg_",
23
- "_disabled": "__disabled_1ecr3_gg_",
24
- "__SPickerInput": "___SPickerInput_1ecr3_gg_",
25
- "_size_m": "_size_m_1ecr3_gg_",
26
- "_size_l": "_size_l_1ecr3_gg_",
27
- "__SPickerFormat": "___SPickerFormat_1ecr3_gg_",
28
- "__STimePickerSeparator": "___STimePickerSeparator_1ecr3_gg_",
29
- "_placeholder": "__placeholder_1ecr3_gg_",
30
- "_active": "__active_1ecr3_gg_",
31
- "__SPickerFormatText": "___SPickerFormatText_1ecr3_gg_"
32
- });
33
- import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
34
- var MAP_MERIDIEM = {
35
- AM: 'PM',
36
- PM: 'AM'
37
- };
38
- var MAP_FIELD_TO_TIME = {
39
- hours: 0,
40
- minutes: 1
41
- };
42
- export function intOrDefault(value) {
43
- var def = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
44
- var number = Number.parseInt(value);
45
- return Number.isNaN(number) ? def : number;
46
- }
47
- export function withLeadingZero(value) {
48
- value = String(value);
49
- if (value.length === 1) return "0".concat(value);
50
- return String(value);
51
- }
52
- export function meridiemByHours(hours) {
53
- return hours >= 12 ? 'PM' : 'AM';
54
- }
55
- export function formatHoursTo12(hours /* hours by 24 */) {
56
- var nHours = intOrDefault(hours, Number.NaN); // if not (:00)
57
- if (Number.isNaN(nHours)) return hours;
58
-
59
- // if not (HH:00)
60
- if (nHours === 0) return 12; // 0 => 12 PM
61
- if (nHours > 12) return nHours - 12; // 22 => 10 PM
62
-
63
- return hours;
64
- }
65
- export function formatHoursTo24(hours /* hours by 12 */, meridiem) {
66
- var nHours = intOrDefault(hours, Number.NaN); // if not (:00)
67
-
68
- if (Number.isNaN(nHours)) return hours;
69
- if (meridiem === 'AM') {
70
- if (nHours === 12) return 0; // 12 AM => 0
71
- }
72
- if (meridiem === 'PM') {
73
- if (nHours < 12) return nHours + 12; // 10 PM => 22
74
- }
75
- return hours;
76
- }
77
- var TimePickerRoot = /*#__PURE__*/function (_Component) {
78
- function TimePickerRoot() {
79
- var _this;
80
- _classCallCheck(this, TimePickerRoot);
81
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
82
- args[_key] = arguments[_key];
83
- }
84
- _this = _callSuper(this, TimePickerRoot, [].concat(args));
85
- _defineProperty(_this, "hoursInputRef", /*#__PURE__*/React.createRef());
86
- _defineProperty(_this, "minutesInputRef", /*#__PURE__*/React.createRef());
87
- _defineProperty(_this, "_lastMeridiem", 'AM');
88
- _defineProperty(_this, "handleValueChange", function (value, field, event) {
89
- var is12Hour = _this.asProps.is12Hour;
90
- var _this2 = _this,
91
- meridiem = _this2.meridiem;
92
- var time;
93
- if (field) {
94
- time = _this.value.split(':');
95
- time[MAP_FIELD_TO_TIME[field]] = value;
96
- } else {
97
- time = value.split(':');
98
- }
99
- var _time = time,
100
- _time2 = _slicedToArray(_time, 2),
101
- _time2$ = _time2[0],
102
- hours = _time2$ === void 0 ? '' : _time2$,
103
- _time2$2 = _time2[1],
104
- minutes = _time2$2 === void 0 ? '' : _time2$2;
105
- if (is12Hour) hours = String(formatHoursTo12(hours));
106
- value = _this.timeToValue([hours, minutes], meridiem);
107
- _this.handlers.value(value, event);
108
- });
109
- _defineProperty(_this, "handleMeridiemClick", function (event) {
110
- var is12Hour = _this.asProps.is12Hour;
111
- var _this3 = _this,
112
- value = _this3.value,
113
- meridiem = _this3.meridiem;
114
- var _value$split = value.split(':'),
115
- _value$split2 = _slicedToArray(_value$split, 2),
116
- _value$split2$ = _value$split2[0],
117
- hours = _value$split2$ === void 0 ? '' : _value$split2$,
118
- _value$split2$2 = _value$split2[1],
119
- minutes = _value$split2$2 === void 0 ? '' : _value$split2$2;
120
- if (is12Hour) hours = String(formatHoursTo12(hours));
121
- value = _this.timeToValue([hours, minutes], MAP_MERIDIEM[meridiem]);
122
- _this.handlers.value(value, event);
123
- });
124
- _defineProperty(_this, "_getHoursAndMinutesProps", function () {
125
- var _this$asProps = _this.asProps,
126
- is12Hour = _this$asProps.is12Hour,
127
- size = _this$asProps.size,
128
- disabled = _this$asProps.disabled,
129
- getI18nText = _this$asProps.getI18nText;
130
- var time = _this.valueToTime(_this.value);
131
- return {
132
- time: time,
133
- size: size,
134
- is12Hour: is12Hour,
135
- disabled: disabled,
136
- $onValueChange: _this.handleValueChange,
137
- minutesInputRef: _this.minutesInputRef,
138
- hoursInputRef: _this.hoursInputRef,
139
- _getI18nText: getI18nText
140
- };
141
- });
142
- _defineProperty(_this, "getHoursProps", function () {
143
- return _objectSpread(_objectSpread({}, _this._getHoursAndMinutesProps()), {}, {
144
- ref: _this.hoursInputRef
145
- });
146
- });
147
- _defineProperty(_this, "getMinutesProps", function () {
148
- return _objectSpread(_objectSpread({}, _this._getHoursAndMinutesProps()), {}, {
149
- ref: _this.minutesInputRef
150
- });
151
- });
152
- return _this;
153
- }
154
- _inherits(TimePickerRoot, _Component);
155
- return _createClass(TimePickerRoot, [{
156
- key: "uncontrolledProps",
157
- value:
158
- // default AM
159
-
160
- function uncontrolledProps() {
161
- return {
162
- value: null,
163
- title: null
164
- };
165
- }
166
- }, {
167
- key: "componentDidMount",
168
- value: function componentDidMount() {
169
- var _document$querySelect;
170
- var _this$asProps2 = this.asProps,
171
- id = _this$asProps2.id,
172
- ariaDescribedBy = _this$asProps2['aria-describedby'];
173
- var selector = "[for=".concat(id, "]");
174
- var titleElement = (_document$querySelect = document.querySelector(selector)) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("#".concat(ariaDescribedBy));
175
- if (titleElement) {
176
- this.handlers.title(titleElement.textContent);
177
- }
178
- }
179
- }, {
180
- key: "value",
181
- get: function get() {
182
- var value = this.asProps.value;
183
- return value === null || value === undefined ? ':' : value;
184
- }
185
- }, {
186
- key: "meridiem",
187
- get: function get() {
188
- var value = this.asProps.value;
189
- var _value$split3 = value.split(':'),
190
- _value$split4 = _slicedToArray(_value$split3, 1),
191
- _value$split4$ = _value$split4[0],
192
- hours = _value$split4$ === void 0 ? '' : _value$split4$;
193
- var nHours = intOrDefault(hours, Number.NaN);
194
- if (!Number.isNaN(nHours)) {
195
- this._lastMeridiem = meridiemByHours(nHours);
196
- }
197
- return this._lastMeridiem;
198
- }
199
- }, {
200
- key: "valueToTime",
201
- value: function valueToTime(value) {
202
- var is12Hour = this.asProps.is12Hour;
203
- var _value$split5 = value.split(':'),
204
- _value$split6 = _slicedToArray(_value$split5, 2),
205
- _value$split6$ = _value$split6[0],
206
- hours = _value$split6$ === void 0 ? '' : _value$split6$,
207
- _value$split6$2 = _value$split6[1],
208
- minutes = _value$split6$2 === void 0 ? '' : _value$split6$2;
209
- if (is12Hour) hours = formatHoursTo12(hours);
210
- hours = withLeadingZero(hours);
211
- minutes = withLeadingZero(minutes);
212
- return [hours, minutes];
213
- }
214
- }, {
215
- key: "timeToValue",
216
- value: function timeToValue(time, meridiem) {
217
- var is12Hour = this.asProps.is12Hour;
218
- var _time3 = _slicedToArray(time, 2),
219
- _time3$ = _time3[0],
220
- hours = _time3$ === void 0 ? '' : _time3$,
221
- _time3$2 = _time3[1],
222
- minutes = _time3$2 === void 0 ? '' : _time3$2;
223
- hours = intOrDefault(hours, hours); // 03 => 3
224
- minutes = intOrDefault(minutes, minutes); // MM => MM
225
-
226
- if (is12Hour) hours = formatHoursTo24(hours, meridiem); // 12 PM -> 0
227
-
228
- return "".concat(hours, ":").concat(minutes);
229
- }
230
- }, {
231
- key: "getSeparatorProps",
232
- value: function getSeparatorProps() {
233
- return {
234
- disabled: this.asProps.disabled,
235
- hoursInputRef: this.hoursInputRef
236
- };
237
- }
238
- }, {
239
- key: "getFormatProps",
240
- value: function getFormatProps() {
241
- var _this$asProps3 = this.asProps,
242
- size = _this$asProps3.size,
243
- disabled = _this$asProps3.disabled,
244
- disablePortal = _this$asProps3.disablePortal,
245
- getI18nText = _this$asProps3.getI18nText;
246
- return {
247
- size: size,
248
- disabled: disabled,
249
- disablePortal: disablePortal,
250
- meridiem: this.meridiem,
251
- onClick: this.handleMeridiemClick,
252
- getI18nText: getI18nText
253
- };
254
- }
255
- }, {
256
- key: "render",
257
- value: function render() {
258
- var _ref = this.asProps,
259
- _ref3;
260
- var STimePicker = Input;
261
- var _this$asProps4 = this.asProps,
262
- styles = _this$asProps4.styles,
263
- Children = _this$asProps4.Children,
264
- value = _this$asProps4.value,
265
- is12Hour = _this$asProps4.is12Hour,
266
- getI18nText = _this$asProps4.getI18nText,
267
- title = _this$asProps4.title;
268
- var _this$valueToTime = this.valueToTime(this.value),
269
- _this$valueToTime2 = _slicedToArray(_this$valueToTime, 2),
270
- hours = _this$valueToTime2[0],
271
- minutes = _this$valueToTime2[1];
272
- var label = value ? "".concat(title, " ").concat(getI18nText('title', {
273
- time: "".concat(hours, ":").concat(withLeadingZero(minutes)),
274
- meridiem: is12Hour ? this.meridiem : ''
275
- })) : "".concat(title, " ").concat(getI18nText('titleEmpty'));
276
- return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(STimePicker, _ref3.cn("STimePicker", _objectSpread({}, _assignProps({
277
- "role": 'group',
278
- "aria-label": label,
279
- "__excludeProps": ['value', 'title']
280
- }, _ref))), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {}))));
281
- }
282
- }]);
283
- }(Component);
284
- _defineProperty(TimePickerRoot, "displayName", 'TimePicker');
285
- _defineProperty(TimePickerRoot, "style", style);
286
- _defineProperty(TimePickerRoot, "enhance", [i18nEnhance(localizedMessages)]);
287
- _defineProperty(TimePickerRoot, "defaultProps", function (_ref5) {
288
- var is12Hour = _ref5.is12Hour;
289
- return {
290
- defaultValue: '',
291
- size: 'm',
292
- children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TimePicker.Hours, null), /*#__PURE__*/React.createElement(TimePicker.Separator, null), /*#__PURE__*/React.createElement(TimePicker.Minutes, null), is12Hour && /*#__PURE__*/React.createElement(TimePicker.Format, null)),
293
- i18n: localizedMessages,
294
- locale: 'en',
295
- defaultTitle: ''
296
- };
297
- });
298
- var Separator = /*#__PURE__*/function (_Component2) {
299
- function Separator() {
300
- var _this4;
301
- _classCallCheck(this, Separator);
302
- for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
303
- args[_key2] = arguments[_key2];
304
- }
305
- _this4 = _callSuper(this, Separator, [].concat(args));
306
- _defineProperty(_this4, "handlerClick", function () {
307
- if (_this4.asProps.hoursInputRef.current) {
308
- var _this4$asProps$hoursI;
309
- (_this4$asProps$hoursI = _this4.asProps.hoursInputRef.current) === null || _this4$asProps$hoursI === void 0 || _this4$asProps$hoursI.focus();
310
- }
311
- });
312
- return _this4;
313
- }
314
- _inherits(Separator, _Component2);
315
- return _createClass(Separator, [{
316
- key: "render",
317
- value: function render() {
318
- var _ref2 = this.asProps,
319
- _ref4;
320
- var STimePickerSeparator = Box;
321
- var styles = this.asProps.styles;
322
- return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(STimePickerSeparator, _ref4.cn("STimePickerSeparator", _objectSpread({}, _assignProps2({
323
- "onClick": this.handlerClick,
324
- "aria-hidden": 'true'
325
- }, _ref2))));
326
- }
327
- }]);
328
- }(Component);
329
- _defineProperty(Separator, "defaultProps", {
330
- children: ':'
331
- });
332
- var TimePicker = createComponent(TimePickerRoot, {
333
- Hours: Hours,
334
- Minutes: Minutes,
335
- Separator: Separator,
336
- Format: Format
337
- });
338
- export default TimePicker;
339
- //# sourceMappingURL=TimePicker.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TimePicker.js","names":["createComponent","Component","sstyled","Root","i18nEnhance","Box","Input","React","Format","Hours","Minutes","style","_sstyled","insert","localizedMessages","MAP_MERIDIEM","AM","PM","MAP_FIELD_TO_TIME","hours","minutes","intOrDefault","value","def","arguments","length","undefined","number","Number","parseInt","isNaN","withLeadingZero","String","concat","meridiemByHours","formatHoursTo12","nHours","NaN","formatHoursTo24","meridiem","TimePickerRoot","_Component","_this","_classCallCheck","_len","args","Array","_key","_callSuper","_defineProperty","createRef","field","event","is12Hour","asProps","_this2","time","split","_time","_time2","_slicedToArray","_time2$","_time2$2","timeToValue","handlers","_this3","_value$split","_value$split2","_value$split2$","_value$split2$2","_this$asProps","size","disabled","getI18nText","valueToTime","$onValueChange","handleValueChange","minutesInputRef","hoursInputRef","_getI18nText","_objectSpread","_getHoursAndMinutesProps","ref","_inherits","_createClass","key","uncontrolledProps","title","componentDidMount","_document$querySelect","_this$asProps2","id","ariaDescribedBy","selector","titleElement","document","querySelector","textContent","get","_value$split3","_value$split4","_value$split4$","_lastMeridiem","_value$split5","_value$split6","_value$split6$","_value$split6$2","_time3","_time3$","_time3$2","getSeparatorProps","getFormatProps","_this$asProps3","disablePortal","onClick","handleMeridiemClick","render","_ref","_ref3","STimePicker","_this$asProps4","styles","Children","_this$valueToTime","_this$valueToTime2","label","createElement","Fragment","cn","_assignProps","_ref5","defaultValue","children","TimePicker","Separator","i18n","locale","defaultTitle","_Component2","_this4","_len2","_key2","current","_this4$asProps$hoursI","focus","_ref2","_ref4","STimePickerSeparator","_assignProps2","handlerClick"],"sources":["../../src/TimePicker.jsx"],"sourcesContent":["import { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Box } from '@semcore/flex-box';\nimport Input from '@semcore/input';\nimport React from 'react';\n\nimport Format from './PickerFormat';\nimport { Hours, Minutes } from './PickerInput';\nimport style from './style/time-picker.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst MAP_MERIDIEM = {\n AM: 'PM',\n PM: 'AM',\n};\nconst MAP_FIELD_TO_TIME = {\n hours: 0,\n minutes: 1,\n};\n\nexport function intOrDefault(value, def = 0) {\n const number = Number.parseInt(value);\n return Number.isNaN(number) ? def : number;\n}\n\nexport function withLeadingZero(value) {\n value = String(value);\n if (value.length === 1) return `0${value}`;\n return String(value);\n}\n\nexport function meridiemByHours(hours) {\n return hours >= 12 ? 'PM' : 'AM';\n}\n\nexport function formatHoursTo12(hours /* hours by 24 */) {\n const nHours = intOrDefault(hours, Number.NaN); // if not (:00)\n if (Number.isNaN(nHours)) return hours;\n\n // if not (HH:00)\n if (nHours === 0) return 12; // 0 => 12 PM\n if (nHours > 12) return nHours - 12; // 22 => 10 PM\n\n return hours;\n}\n\nexport function formatHoursTo24(hours /* hours by 12 */, meridiem) {\n const nHours = intOrDefault(hours, Number.NaN); // if not (:00)\n\n if (Number.isNaN(nHours)) return hours;\n\n if (meridiem === 'AM') {\n if (nHours === 12) return 0; // 12 AM => 0\n }\n\n if (meridiem === 'PM') {\n if (nHours < 12) return nHours + 12; // 10 PM => 22\n }\n\n return hours;\n}\n\nclass TimePickerRoot extends Component {\n static displayName = 'TimePicker';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = ({ is12Hour }) => ({\n defaultValue: '',\n size: 'm',\n children: (\n <>\n <TimePicker.Hours />\n <TimePicker.Separator />\n <TimePicker.Minutes />\n {is12Hour && <TimePicker.Format />}\n </>\n ),\n i18n: localizedMessages,\n locale: 'en',\n defaultTitle: '',\n });\n\n hoursInputRef = React.createRef();\n minutesInputRef = React.createRef();\n\n _lastMeridiem = 'AM'; // default AM\n\n uncontrolledProps() {\n return {\n value: null,\n title: null,\n };\n }\n\n componentDidMount() {\n const { id, 'aria-describedby': ariaDescribedBy } = this.asProps;\n const selector = `[for=${id}]`;\n const titleElement =\n document.querySelector(selector) ?? document.querySelector(`#${ariaDescribedBy}`);\n\n if (titleElement) {\n this.handlers.title(titleElement.textContent);\n }\n }\n\n get value() {\n const { value } = this.asProps;\n return value === null || value === undefined ? ':' : value;\n }\n\n get meridiem() {\n const { value } = this.asProps;\n const [hours = ''] = value.split(':');\n\n const nHours = intOrDefault(hours, Number.NaN);\n\n if (!Number.isNaN(nHours)) {\n this._lastMeridiem = meridiemByHours(nHours);\n }\n\n return this._lastMeridiem;\n }\n\n valueToTime(value) {\n const { is12Hour } = this.asProps;\n let [hours = '', minutes = ''] = value.split(':');\n\n if (is12Hour) hours = formatHoursTo12(hours);\n\n hours = withLeadingZero(hours);\n minutes = withLeadingZero(minutes);\n\n return [hours, minutes];\n }\n\n timeToValue(time, meridiem) {\n const { is12Hour } = this.asProps;\n let [hours = '', minutes = ''] = time;\n\n hours = intOrDefault(hours, hours); // 03 => 3\n minutes = intOrDefault(minutes, minutes); // MM => MM\n\n if (is12Hour) hours = formatHoursTo24(hours, meridiem); // 12 PM -> 0\n\n return `${hours}:${minutes}`;\n }\n\n handleValueChange = (value, field, event) => {\n const { is12Hour } = this.asProps;\n const { meridiem } = this;\n\n let time;\n if (field) {\n time = this.value.split(':');\n time[MAP_FIELD_TO_TIME[field]] = value;\n } else {\n time = value.split(':');\n }\n\n let [hours = '', minutes = ''] = time;\n\n if (is12Hour) hours = String(formatHoursTo12(hours));\n\n value = this.timeToValue([hours, minutes], meridiem);\n this.handlers.value(value, event);\n };\n\n handleMeridiemClick = (event) => {\n const { is12Hour } = this.asProps;\n let { value, meridiem } = this;\n let [hours = '', minutes = ''] = value.split(':');\n\n if (is12Hour) hours = String(formatHoursTo12(hours));\n\n value = this.timeToValue([hours, minutes], MAP_MERIDIEM[meridiem]);\n this.handlers.value(value, event);\n };\n\n _getHoursAndMinutesProps = () => {\n const { is12Hour, size, disabled, getI18nText } = this.asProps;\n const time = this.valueToTime(this.value);\n\n return {\n time,\n size,\n is12Hour,\n disabled,\n $onValueChange: this.handleValueChange,\n minutesInputRef: this.minutesInputRef,\n hoursInputRef: this.hoursInputRef,\n _getI18nText: getI18nText,\n };\n };\n\n getHoursProps = () => {\n return { ...this._getHoursAndMinutesProps(), ref: this.hoursInputRef };\n };\n\n getMinutesProps = () => {\n return { ...this._getHoursAndMinutesProps(), ref: this.minutesInputRef };\n };\n\n getSeparatorProps() {\n return {\n disabled: this.asProps.disabled,\n hoursInputRef: this.hoursInputRef,\n };\n }\n\n getFormatProps() {\n const { size, disabled, disablePortal, getI18nText } = this.asProps;\n\n return {\n size,\n disabled,\n disablePortal,\n meridiem: this.meridiem,\n onClick: this.handleMeridiemClick,\n getI18nText,\n };\n }\n\n render() {\n const STimePicker = Root;\n const { styles, Children, value, is12Hour, getI18nText, title } = this.asProps;\n const [hours, minutes] = this.valueToTime(this.value);\n\n const label = value\n ? `${title} ${getI18nText('title', {\n time: `${hours}:${withLeadingZero(minutes)}`,\n meridiem: is12Hour ? this.meridiem : '',\n })}`\n : `${title} ${getI18nText('titleEmpty')}`;\n\n return sstyled(styles)(\n <>\n <STimePicker\n render={Input}\n role='group'\n aria-label={label}\n __excludeProps={['value', 'title']}\n >\n <Children />\n </STimePicker>\n </>,\n );\n }\n}\n\nclass Separator extends Component {\n static defaultProps = {\n children: ':',\n };\n\n handlerClick = () => {\n if (this.asProps.hoursInputRef.current) {\n this.asProps.hoursInputRef.current?.focus();\n }\n };\n\n render() {\n const STimePickerSeparator = Root;\n const { styles } = this.asProps;\n\n return sstyled(styles)(\n <STimePickerSeparator render={Box} onClick={this.handlerClick} aria-hidden='true' />,\n );\n }\n}\n\nconst TimePicker = createComponent(TimePickerRoot, {\n Hours,\n Minutes,\n Separator,\n Format,\n});\n\nexport default TimePicker;\n"],"mappings":"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","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=index.d.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps } from '@semcore/flex-box';\nimport type { InputProps, InputValueProps } from '@semcore/input';\nimport type React from 'react';\n\n/** @deprecated */\nexport interface ITimePickerProps extends TimePickerProps, UnknownProperties {}\nexport type TimePickerProps = Omit<InputProps, 'size'> & {\n /** Time in the hh:mm format */\n value?: string;\n /** Default value if `value` property is not provided */\n defaultValue?: string;\n /** The event responses upon time changing */\n onChange?: (time: string, event?: React.SyntheticEvent) => void;\n /** In charge of the component blocking */\n disabled?: boolean;\n /** Control size\n * @default m */\n size?: 'm' | 'l';\n /** 12-hour time format */\n is12Hour?: boolean;\n /** Specifies the locale for i18n support */\n locale?: string;\n};\n\n/** @deprecated */\nexport interface ITimePickerItemProps extends TimePickerItemProps, UnknownProperties {}\nexport type TimePickerItemProps = InputValueProps & {\n /** Step for changing of the values in the dropdown list */\n step?: number;\n};\n\n/** @deprecated */\nexport interface ITimePickerFormatProps extends TimePickerFormatProps, UnknownProperties {}\nexport type TimePickerFormatProps = BoxProps & {};\n\n/** @deprecated */\nexport interface ITimePickerContext extends TimePickerContext, UnknownProperties {}\nexport type TimePickerContext = {\n getHoursProps: PropGetterFn;\n getFormatProps: PropGetterFn;\n getMinutesProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITimePickerHandlers extends TimePickerHandlers, UnknownProperties {}\nexport type TimePickerHandlers = {\n value: (value: string) => void;\n};\n\ndeclare const TimePicker: Intergalactic.Component<\n 'div',\n TimePickerProps,\n TimePickerContext,\n [handlers: TimePickerHandlers]\n> & {\n Hours: Intergalactic.Component<'div', TimePickerItemProps>;\n Minutes: Intergalactic.Component<'div', TimePickerItemProps>;\n Separator: typeof Box;\n Format: Intergalactic.Component<'div', TimePickerFormatProps>;\n};\n\nexport default TimePicker;\n"],"mappings":"","ignoreList":[]}
@@ -1,67 +0,0 @@
1
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
- import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
- import _createClass from "@babel/runtime/helpers/esm/createClass";
4
- import _callSuper from "@babel/runtime/helpers/esm/callSuper";
5
- import _inherits from "@babel/runtime/helpers/esm/inherits";
6
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
7
- import { sstyled, assignProps, Component } from "@semcore/core";
8
- import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
9
- import { Box, ScreenReaderOnly } from "@semcore/flex-box";
10
- import React from "react";
11
- var TimePickerFormat = /* @__PURE__ */ (function(_Component) {
12
- function TimePickerFormat2() {
13
- var _this;
14
- _classCallCheck(this, TimePickerFormat2);
15
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
16
- args[_key] = arguments[_key];
17
- }
18
- _this = _callSuper(this, TimePickerFormat2, [].concat(args));
19
- _defineProperty(_this, "state", {
20
- changedFormatNotice: ""
21
- });
22
- _defineProperty(_this, "handleClick", function() {
23
- setTimeout(function() {
24
- var _this$asProps = _this.asProps, meridiem = _this$asProps.meridiem, getI18nText = _this$asProps.getI18nText;
25
- _this.setState({
26
- changedFormatNotice: getI18nText("changedFormatNotice", {
27
- meridiem
28
- })
29
- });
30
- }, 0);
31
- setTimeout(function() {
32
- _this.setState({
33
- changedFormatNotice: ""
34
- });
35
- }, 2e3);
36
- });
37
- return _this;
38
- }
39
- _inherits(TimePickerFormat2, _Component);
40
- return _createClass(TimePickerFormat2, [{
41
- key: "render",
42
- value: function render() {
43
- var _ref = this.asProps, _ref2;
44
- var SPickerFormat = Box;
45
- var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, meridiem = _this$asProps2.meridiem, styles = _this$asProps2.styles, getI18nText = _this$asProps2.getI18nText, uid = _this$asProps2.uid;
46
- var changedFormatNotice = this.state.changedFormatNotice;
47
- var SPickerFormatText = "span";
48
- return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SPickerFormat, _ref2.cn("SPickerFormat", _objectSpread({}, assignProps({
49
- "type": "button",
50
- "tag": "button",
51
- "tabIndex": 0,
52
- "onClick": this.handleClick,
53
- "aria-describedby": "".concat(uid, "_describe")
54
- }, _ref))), Children.origin ? /* @__PURE__ */ React.createElement(Children, _ref2.cn("Children", {})) : /* @__PURE__ */ React.createElement(SPickerFormatText, _ref2.cn("SPickerFormatText", {}), meridiem)), /* @__PURE__ */ React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
55
- "role": "status",
56
- "aria-live": "polite"
57
- }), changedFormatNotice), /* @__PURE__ */ React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
58
- "aria-hidden": "true",
59
- "id": "".concat(uid, "_describe")
60
- }), getI18nText("formatToggler")));
61
- }
62
- }]);
63
- })(Component);
64
- _defineProperty(TimePickerFormat, "enhance", [uniqueIDEnhancement()]);
65
- export {
66
- TimePickerFormat as default
67
- };