@semcore/time-picker 4.50.1 → 4.51.0-prerelease.2
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 +6 -0
- package/lib/cjs/TimePicker.js +12 -12
- package/lib/es6/TimePicker.js +12 -12
- package/lib/esm/TimePicker.mjs +62 -62
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [4.51.0] - 2025-03-28
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/button` [5.42.1 ~> 5.43.0], `@semcore/select` [4.50.1 ~> 4.51.0]).
|
|
10
|
+
|
|
5
11
|
## [4.50.1] - 2025-03-20
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/TimePicker.js
CHANGED
|
@@ -30,18 +30,18 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
|
|
|
30
30
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
31
31
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
32
32
|
/*__reshadow-styles__:"./style/time-picker.shadow.css"*/
|
|
33
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
34
|
-
"__STimePicker": "
|
|
35
|
-
"_keyboardFocused": "
|
|
36
|
-
"_disabled": "
|
|
37
|
-
"__SPickerInput": "
|
|
38
|
-
"_size_m": "
|
|
39
|
-
"_size_l": "
|
|
40
|
-
"__SPickerFormat": "
|
|
41
|
-
"__STimePickerSeparator": "
|
|
42
|
-
"_placeholder": "
|
|
43
|
-
"_active": "
|
|
44
|
-
"__SPickerFormatText": "
|
|
33
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STimePicker_us7vk_gg_{position:relative;width:auto;outline:0}.___STimePicker_us7vk_gg_.__keyboardFocused_us7vk_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_us7vk_gg_.__disabled_us7vk_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_us7vk_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_us7vk_gg_.__placeholder_us7vk_gg_{text-overflow:initial}.___SPickerInput_us7vk_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_us7vk_gg_._size_l_us7vk_gg_,.___SPickerInput_us7vk_gg_._size_m_us7vk_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_us7vk_gg_._size_l_us7vk_gg_{width:21px}.___SPickerFormat_us7vk_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;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_us7vk_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_us7vk_gg_.__active_us7vk_gg_,.___SPickerFormat_us7vk_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_us7vk_gg_:focus,.___SPickerFormat_us7vk_gg_:focus-visible{outline:0}.___SPickerFormat_us7vk_gg_._size_m_us7vk_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_us7vk_gg_._size_m_us7vk_gg_ .___SPickerFormatText_us7vk_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_us7vk_gg_._size_l_us7vk_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_us7vk_gg_._size_l_us7vk_gg_ .___SPickerFormatText_us7vk_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_us7vk_gg_.__disabled_us7vk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_us7vk_gg_.__keyboardFocused_us7vk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_us7vk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_us7vk_gg_.__disabled_us7vk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "us7vk_gg_") /*__reshadow_css_end__*/, {
|
|
34
|
+
"__STimePicker": "___STimePicker_us7vk_gg_",
|
|
35
|
+
"_keyboardFocused": "__keyboardFocused_us7vk_gg_",
|
|
36
|
+
"_disabled": "__disabled_us7vk_gg_",
|
|
37
|
+
"__SPickerInput": "___SPickerInput_us7vk_gg_",
|
|
38
|
+
"_size_m": "_size_m_us7vk_gg_",
|
|
39
|
+
"_size_l": "_size_l_us7vk_gg_",
|
|
40
|
+
"__SPickerFormat": "___SPickerFormat_us7vk_gg_",
|
|
41
|
+
"__STimePickerSeparator": "___STimePickerSeparator_us7vk_gg_",
|
|
42
|
+
"_placeholder": "__placeholder_us7vk_gg_",
|
|
43
|
+
"_active": "__active_us7vk_gg_",
|
|
44
|
+
"__SPickerFormatText": "___SPickerFormatText_us7vk_gg_"
|
|
45
45
|
});
|
|
46
46
|
var MAP_MERIDIEM = {
|
|
47
47
|
AM: 'PM',
|
package/lib/es6/TimePicker.js
CHANGED
|
@@ -18,18 +18,18 @@ import Format from './PickerFormat';
|
|
|
18
18
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
19
19
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
20
20
|
/*__reshadow-styles__:"./style/time-picker.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__STimePicker": "
|
|
23
|
-
"_keyboardFocused": "
|
|
24
|
-
"_disabled": "
|
|
25
|
-
"__SPickerInput": "
|
|
26
|
-
"_size_m": "
|
|
27
|
-
"_size_l": "
|
|
28
|
-
"__SPickerFormat": "
|
|
29
|
-
"__STimePickerSeparator": "
|
|
30
|
-
"_placeholder": "
|
|
31
|
-
"_active": "
|
|
32
|
-
"__SPickerFormatText": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_us7vk_gg_{position:relative;width:auto;outline:0}.___STimePicker_us7vk_gg_.__keyboardFocused_us7vk_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_us7vk_gg_.__disabled_us7vk_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_us7vk_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_us7vk_gg_.__placeholder_us7vk_gg_{text-overflow:initial}.___SPickerInput_us7vk_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_us7vk_gg_._size_l_us7vk_gg_,.___SPickerInput_us7vk_gg_._size_m_us7vk_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_us7vk_gg_._size_l_us7vk_gg_{width:21px}.___SPickerFormat_us7vk_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;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_us7vk_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_us7vk_gg_.__active_us7vk_gg_,.___SPickerFormat_us7vk_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_us7vk_gg_:focus,.___SPickerFormat_us7vk_gg_:focus-visible{outline:0}.___SPickerFormat_us7vk_gg_._size_m_us7vk_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_us7vk_gg_._size_m_us7vk_gg_ .___SPickerFormatText_us7vk_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_us7vk_gg_._size_l_us7vk_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_us7vk_gg_._size_l_us7vk_gg_ .___SPickerFormatText_us7vk_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_us7vk_gg_.__disabled_us7vk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_us7vk_gg_.__keyboardFocused_us7vk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_us7vk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_us7vk_gg_.__disabled_us7vk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "us7vk_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__STimePicker": "___STimePicker_us7vk_gg_",
|
|
23
|
+
"_keyboardFocused": "__keyboardFocused_us7vk_gg_",
|
|
24
|
+
"_disabled": "__disabled_us7vk_gg_",
|
|
25
|
+
"__SPickerInput": "___SPickerInput_us7vk_gg_",
|
|
26
|
+
"_size_m": "_size_m_us7vk_gg_",
|
|
27
|
+
"_size_l": "_size_l_us7vk_gg_",
|
|
28
|
+
"__SPickerFormat": "___SPickerFormat_us7vk_gg_",
|
|
29
|
+
"__STimePickerSeparator": "___STimePickerSeparator_us7vk_gg_",
|
|
30
|
+
"_placeholder": "__placeholder_us7vk_gg_",
|
|
31
|
+
"_active": "__active_us7vk_gg_",
|
|
32
|
+
"__SPickerFormatText": "___SPickerFormatText_us7vk_gg_"
|
|
33
33
|
});
|
|
34
34
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
35
35
|
var MAP_MERIDIEM = {
|
package/lib/esm/TimePicker.mjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import x from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import b from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
import z from "@babel/runtime/helpers/esm/classCallCheck";
|
|
4
4
|
import H from "@babel/runtime/helpers/esm/createClass";
|
|
5
|
-
import
|
|
5
|
+
import v from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
6
6
|
import $ from "@babel/runtime/helpers/esm/inherits";
|
|
7
7
|
import N from "@babel/runtime/helpers/esm/createSuper";
|
|
8
|
-
import
|
|
8
|
+
import g from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
9
|
import { sstyled as D } from "@semcore/utils/lib/core/index";
|
|
10
10
|
import q, { sstyled as C, assignProps as R, Component as w } from "@semcore/core";
|
|
11
|
-
import
|
|
11
|
+
import m from "react";
|
|
12
12
|
import B from "@semcore/input";
|
|
13
13
|
import { Box as L } from "@semcore/flex-box";
|
|
14
14
|
import { Hours as O, Minutes as j } from "./PickerInput.mjs";
|
|
@@ -20,20 +20,20 @@ var K = (
|
|
|
20
20
|
/*__reshadow_css_start__*/
|
|
21
21
|
(D.insert(
|
|
22
22
|
/*__inner_css_start__*/
|
|
23
|
-
".
|
|
24
|
-
"
|
|
23
|
+
".___STimePicker_us7vk_gg_{position:relative;width:auto;outline:0}.___STimePicker_us7vk_gg_.__keyboardFocused_us7vk_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_us7vk_gg_.__disabled_us7vk_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_us7vk_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_us7vk_gg_.__placeholder_us7vk_gg_{text-overflow:initial}.___SPickerInput_us7vk_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_us7vk_gg_._size_l_us7vk_gg_,.___SPickerInput_us7vk_gg_._size_m_us7vk_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_us7vk_gg_._size_l_us7vk_gg_{width:21px}.___SPickerFormat_us7vk_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;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_us7vk_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_us7vk_gg_.__active_us7vk_gg_,.___SPickerFormat_us7vk_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_us7vk_gg_:focus,.___SPickerFormat_us7vk_gg_:focus-visible{outline:0}.___SPickerFormat_us7vk_gg_._size_m_us7vk_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_us7vk_gg_._size_m_us7vk_gg_ .___SPickerFormatText_us7vk_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_us7vk_gg_._size_l_us7vk_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_us7vk_gg_._size_l_us7vk_gg_ .___SPickerFormatText_us7vk_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_us7vk_gg_.__disabled_us7vk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_us7vk_gg_.__keyboardFocused_us7vk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_us7vk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_us7vk_gg_.__disabled_us7vk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}",
|
|
24
|
+
"us7vk_gg_"
|
|
25
25
|
), {
|
|
26
|
-
__STimePicker: "
|
|
27
|
-
_keyboardFocused: "
|
|
28
|
-
_disabled: "
|
|
29
|
-
__SPickerInput: "
|
|
30
|
-
_size_m: "
|
|
31
|
-
_size_l: "
|
|
32
|
-
__SPickerFormat: "
|
|
33
|
-
__STimePickerSeparator: "
|
|
34
|
-
_placeholder: "
|
|
35
|
-
_active: "
|
|
36
|
-
__SPickerFormatText: "
|
|
26
|
+
__STimePicker: "___STimePicker_us7vk_gg_",
|
|
27
|
+
_keyboardFocused: "__keyboardFocused_us7vk_gg_",
|
|
28
|
+
_disabled: "__disabled_us7vk_gg_",
|
|
29
|
+
__SPickerInput: "___SPickerInput_us7vk_gg_",
|
|
30
|
+
_size_m: "_size_m_us7vk_gg_",
|
|
31
|
+
_size_l: "_size_l_us7vk_gg_",
|
|
32
|
+
__SPickerFormat: "___SPickerFormat_us7vk_gg_",
|
|
33
|
+
__STimePickerSeparator: "___STimePickerSeparator_us7vk_gg_",
|
|
34
|
+
_placeholder: "__placeholder_us7vk_gg_",
|
|
35
|
+
_active: "__active_us7vk_gg_",
|
|
36
|
+
__SPickerFormatText: "___SPickerFormatText_us7vk_gg_"
|
|
37
37
|
})
|
|
38
38
|
), Q = {
|
|
39
39
|
AM: "PM",
|
|
@@ -43,8 +43,8 @@ var K = (
|
|
|
43
43
|
minutes: 1
|
|
44
44
|
};
|
|
45
45
|
function S(a) {
|
|
46
|
-
var
|
|
47
|
-
return Number.isNaN(_) ?
|
|
46
|
+
var u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, _ = Number.parseInt(a);
|
|
47
|
+
return Number.isNaN(_) ? u : _;
|
|
48
48
|
}
|
|
49
49
|
function F(a) {
|
|
50
50
|
return a = String(a), a.length === 1 ? "0".concat(a) : String(a);
|
|
@@ -53,47 +53,47 @@ function W(a) {
|
|
|
53
53
|
return a >= 12 ? "PM" : "AM";
|
|
54
54
|
}
|
|
55
55
|
function M(a) {
|
|
56
|
-
var
|
|
57
|
-
return Number.isNaN(
|
|
56
|
+
var u = S(a, NaN);
|
|
57
|
+
return Number.isNaN(u) ? a : u === 0 ? 12 : u > 12 ? u - 12 : a;
|
|
58
58
|
}
|
|
59
|
-
function X(a,
|
|
59
|
+
function X(a, u) {
|
|
60
60
|
var _ = S(a, NaN);
|
|
61
|
-
return Number.isNaN(_) ? a :
|
|
61
|
+
return Number.isNaN(_) ? a : u === "AM" && _ === 12 ? 0 : u === "PM" && _ < 12 ? _ + 12 : a;
|
|
62
62
|
}
|
|
63
63
|
var T = /* @__PURE__ */ function(a) {
|
|
64
64
|
$(_, a);
|
|
65
|
-
var
|
|
65
|
+
var u = N(_);
|
|
66
66
|
function _() {
|
|
67
67
|
var e;
|
|
68
68
|
z(this, _);
|
|
69
69
|
for (var t = arguments.length, o = new Array(t), n = 0; n < t; n++)
|
|
70
70
|
o[n] = arguments[n];
|
|
71
|
-
return e =
|
|
72
|
-
var
|
|
73
|
-
s ? (
|
|
74
|
-
var
|
|
75
|
-
|
|
76
|
-
}),
|
|
77
|
-
var s = e.asProps.is12Hour, i =
|
|
78
|
-
s && (
|
|
79
|
-
}),
|
|
80
|
-
var r = e.asProps, s = r.is12Hour, i = r.size,
|
|
71
|
+
return e = u.call.apply(u, [this].concat(o)), g(v(e), "hoursInputRef", /* @__PURE__ */ m.createRef()), g(v(e), "minutesInputRef", /* @__PURE__ */ m.createRef()), g(v(e), "_lastMeridiem", "AM"), g(v(e), "handleValueChange", function(r, s, i) {
|
|
72
|
+
var l = e.asProps.is12Hour, c = v(e), f = c.meridiem, p;
|
|
73
|
+
s ? (p = e.value.split(":"), p[U[s]] = r) : p = r.split(":");
|
|
74
|
+
var P = p, d = b(P, 2), k = d[0], h = k === void 0 ? "" : k, y = d[1], V = y === void 0 ? "" : y;
|
|
75
|
+
l && (h = String(M(h))), r = e.timeToValue([h, V], f), e.handlers.value(r, i);
|
|
76
|
+
}), g(v(e), "handleMeridiemClick", function(r) {
|
|
77
|
+
var s = e.asProps.is12Hour, i = v(e), l = i.value, c = i.meridiem, f = l.split(":"), p = b(f, 2), P = p[0], d = P === void 0 ? "" : P, k = p[1], h = k === void 0 ? "" : k;
|
|
78
|
+
s && (d = String(M(d))), l = e.timeToValue([d, h], Q[c]), e.handlers.value(l, r);
|
|
79
|
+
}), g(v(e), "_getHoursAndMinutesProps", function() {
|
|
80
|
+
var r = e.asProps, s = r.is12Hour, i = r.size, l = r.disabled, c = r.getI18nText, f = e.valueToTime(e.value);
|
|
81
81
|
return {
|
|
82
82
|
time: f,
|
|
83
83
|
size: i,
|
|
84
84
|
is12Hour: s,
|
|
85
|
-
disabled:
|
|
85
|
+
disabled: l,
|
|
86
86
|
$onValueChange: e.handleValueChange,
|
|
87
87
|
minutesInputRef: e.minutesInputRef,
|
|
88
88
|
hoursInputRef: e.hoursInputRef,
|
|
89
|
-
_getI18nText:
|
|
89
|
+
_getI18nText: c
|
|
90
90
|
};
|
|
91
|
-
}),
|
|
92
|
-
return
|
|
91
|
+
}), g(v(e), "getHoursProps", function() {
|
|
92
|
+
return x(x({}, e._getHoursAndMinutesProps()), {}, {
|
|
93
93
|
ref: e.hoursInputRef
|
|
94
94
|
});
|
|
95
|
-
}),
|
|
96
|
-
return
|
|
95
|
+
}), g(v(e), "getMinutesProps", function() {
|
|
96
|
+
return x(x({}, e._getHoursAndMinutesProps()), {}, {
|
|
97
97
|
ref: e.minutesInputRef
|
|
98
98
|
});
|
|
99
99
|
}), e;
|
|
@@ -124,20 +124,20 @@ var T = /* @__PURE__ */ function(a) {
|
|
|
124
124
|
}, {
|
|
125
125
|
key: "meridiem",
|
|
126
126
|
get: function() {
|
|
127
|
-
var t = this.asProps.value, o = t.split(":"), n =
|
|
127
|
+
var t = this.asProps.value, o = t.split(":"), n = b(o, 1), r = n[0], s = r === void 0 ? "" : r, i = S(s, NaN);
|
|
128
128
|
return Number.isNaN(i) || (this._lastMeridiem = W(i)), this._lastMeridiem;
|
|
129
129
|
}
|
|
130
130
|
}, {
|
|
131
131
|
key: "valueToTime",
|
|
132
132
|
value: function(t) {
|
|
133
|
-
var o = this.asProps.is12Hour, n = t.split(":"), r =
|
|
134
|
-
return o && (i = M(i)), i = F(i),
|
|
133
|
+
var o = this.asProps.is12Hour, n = t.split(":"), r = b(n, 2), s = r[0], i = s === void 0 ? "" : s, l = r[1], c = l === void 0 ? "" : l;
|
|
134
|
+
return o && (i = M(i)), i = F(i), c = F(c), [i, c];
|
|
135
135
|
}
|
|
136
136
|
}, {
|
|
137
137
|
key: "timeToValue",
|
|
138
138
|
value: function(t, o) {
|
|
139
|
-
var n = this.asProps.is12Hour, r =
|
|
140
|
-
return i = S(i, i),
|
|
139
|
+
var n = this.asProps.is12Hour, r = b(t, 2), s = r[0], i = s === void 0 ? "" : s, l = r[1], c = l === void 0 ? "" : l;
|
|
140
|
+
return i = S(i, i), c = S(c, c), n && (i = X(i, o)), "".concat(i, ":").concat(c);
|
|
141
141
|
}
|
|
142
142
|
}, {
|
|
143
143
|
key: "getSeparatorProps",
|
|
@@ -163,27 +163,27 @@ var T = /* @__PURE__ */ function(a) {
|
|
|
163
163
|
}, {
|
|
164
164
|
key: "render",
|
|
165
165
|
value: function() {
|
|
166
|
-
var t = this.asProps, o, n = B, r = this.asProps, s = r.styles, i = r.Children,
|
|
167
|
-
time: "".concat(
|
|
168
|
-
meridiem:
|
|
169
|
-
})) : "".concat(
|
|
170
|
-
return o = C(s), /* @__PURE__ */
|
|
166
|
+
var t = this.asProps, o, n = B, r = this.asProps, s = r.styles, i = r.Children, l = r.value, c = r.is12Hour, f = r.getI18nText, p = r.title, P = this.valueToTime(this.value), d = b(P, 2), k = d[0], h = d[1], y = l ? "".concat(p, " ").concat(f("title", {
|
|
167
|
+
time: "".concat(k, ":").concat(F(h)),
|
|
168
|
+
meridiem: c ? this.meridiem : ""
|
|
169
|
+
})) : "".concat(p, " ").concat(f("titleEmpty"));
|
|
170
|
+
return o = C(s), /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement(n, o.cn("STimePicker", x({}, R({
|
|
171
171
|
role: "group",
|
|
172
172
|
"aria-label": y,
|
|
173
173
|
__excludeProps: ["value", "title"]
|
|
174
|
-
}, t))), /* @__PURE__ */
|
|
174
|
+
}, t))), /* @__PURE__ */ m.createElement(i, o.cn("Children", {}))));
|
|
175
175
|
}
|
|
176
176
|
}]), _;
|
|
177
177
|
}(w);
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
var
|
|
178
|
+
g(T, "displayName", "TimePicker");
|
|
179
|
+
g(T, "style", K);
|
|
180
|
+
g(T, "enhance", [G(E), J()]);
|
|
181
|
+
g(T, "defaultProps", function(a) {
|
|
182
|
+
var u = a.is12Hour;
|
|
183
183
|
return {
|
|
184
184
|
defaultValue: "",
|
|
185
185
|
size: "m",
|
|
186
|
-
children: /* @__PURE__ */
|
|
186
|
+
children: /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement(I.Hours, null), /* @__PURE__ */ m.createElement(I.Separator, null), /* @__PURE__ */ m.createElement(I.Minutes, null), u && /* @__PURE__ */ m.createElement(I.Format, null)),
|
|
187
187
|
i18n: E,
|
|
188
188
|
locale: "en",
|
|
189
189
|
defaultTitle: ""
|
|
@@ -191,13 +191,13 @@ m(T, "defaultProps", function(a) {
|
|
|
191
191
|
});
|
|
192
192
|
var A = /* @__PURE__ */ function(a) {
|
|
193
193
|
$(_, a);
|
|
194
|
-
var
|
|
194
|
+
var u = N(_);
|
|
195
195
|
function _() {
|
|
196
196
|
var e;
|
|
197
197
|
z(this, _);
|
|
198
198
|
for (var t = arguments.length, o = new Array(t), n = 0; n < t; n++)
|
|
199
199
|
o[n] = arguments[n];
|
|
200
|
-
return e =
|
|
200
|
+
return e = u.call.apply(u, [this].concat(o)), g(v(e), "handlerClick", function() {
|
|
201
201
|
if (e.asProps.hoursInputRef.current) {
|
|
202
202
|
var r;
|
|
203
203
|
(r = e.asProps.hoursInputRef.current) === null || r === void 0 || r.focus();
|
|
@@ -208,14 +208,14 @@ var A = /* @__PURE__ */ function(a) {
|
|
|
208
208
|
key: "render",
|
|
209
209
|
value: function() {
|
|
210
210
|
var t = this.asProps, o, n = L, r = this.asProps.styles;
|
|
211
|
-
return o = C(r), /* @__PURE__ */
|
|
211
|
+
return o = C(r), /* @__PURE__ */ m.createElement(n, o.cn("STimePickerSeparator", x({}, R({
|
|
212
212
|
onClick: this.handlerClick,
|
|
213
213
|
"aria-hidden": "true"
|
|
214
214
|
}, t))));
|
|
215
215
|
}
|
|
216
216
|
}]), _;
|
|
217
217
|
}(w);
|
|
218
|
-
|
|
218
|
+
g(A, "defaultProps", {
|
|
219
219
|
children: ":"
|
|
220
220
|
});
|
|
221
221
|
var I = q(T, {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/time-picker",
|
|
3
3
|
"description": "Semrush TimePicker Component",
|
|
4
|
-
"version": "4.
|
|
4
|
+
"version": "4.51.0-prerelease.2",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/button": "5.
|
|
17
|
+
"@semcore/button": "5.43.0-prerelease.2",
|
|
18
18
|
"@semcore/flex-box": "5.41.1",
|
|
19
19
|
"@semcore/input": "4.42.1",
|
|
20
|
-
"@semcore/select": "4.
|
|
20
|
+
"@semcore/select": "4.51.0-prerelease.2",
|
|
21
21
|
"@semcore/utils": "4.48.1"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|