@semcore/time-picker 4.51.1 → 4.52.0-prerelease.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.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/TimePicker.js +12 -12
- package/lib/es6/TimePicker.js +12 -12
- package/lib/esm/TimePicker.mjs +93 -93
- package/package.json +2 -2
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.52.0] - 2025-04-11
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/select` [4.51.1 ~> 4.52.0]).
|
|
10
|
+
|
|
5
11
|
## [4.51.1] - 2025-04-04
|
|
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_6rpw6_gg_{position:relative;width:auto;outline:0}.___STimePicker_6rpw6_gg_.__keyboardFocused_6rpw6_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_6rpw6_gg_.__disabled_6rpw6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_6rpw6_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_6rpw6_gg_.__placeholder_6rpw6_gg_{text-overflow:initial}.___SPickerInput_6rpw6_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_6rpw6_gg_._size_l_6rpw6_gg_,.___SPickerInput_6rpw6_gg_._size_m_6rpw6_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_6rpw6_gg_._size_l_6rpw6_gg_{width:21px}.___SPickerFormat_6rpw6_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_6rpw6_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_6rpw6_gg_.__active_6rpw6_gg_,.___SPickerFormat_6rpw6_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_6rpw6_gg_:focus,.___SPickerFormat_6rpw6_gg_:focus-visible{outline:0}.___SPickerFormat_6rpw6_gg_._size_m_6rpw6_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_6rpw6_gg_._size_m_6rpw6_gg_ .___SPickerFormatText_6rpw6_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_6rpw6_gg_._size_l_6rpw6_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_6rpw6_gg_._size_l_6rpw6_gg_ .___SPickerFormatText_6rpw6_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_6rpw6_gg_.__disabled_6rpw6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_6rpw6_gg_.__keyboardFocused_6rpw6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_6rpw6_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_6rpw6_gg_.__disabled_6rpw6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "6rpw6_gg_") /*__reshadow_css_end__*/, {
|
|
34
|
+
"__STimePicker": "___STimePicker_6rpw6_gg_",
|
|
35
|
+
"_keyboardFocused": "__keyboardFocused_6rpw6_gg_",
|
|
36
|
+
"_disabled": "__disabled_6rpw6_gg_",
|
|
37
|
+
"__SPickerInput": "___SPickerInput_6rpw6_gg_",
|
|
38
|
+
"_size_m": "_size_m_6rpw6_gg_",
|
|
39
|
+
"_size_l": "_size_l_6rpw6_gg_",
|
|
40
|
+
"__SPickerFormat": "___SPickerFormat_6rpw6_gg_",
|
|
41
|
+
"__STimePickerSeparator": "___STimePickerSeparator_6rpw6_gg_",
|
|
42
|
+
"_placeholder": "__placeholder_6rpw6_gg_",
|
|
43
|
+
"_active": "__active_6rpw6_gg_",
|
|
44
|
+
"__SPickerFormatText": "___SPickerFormatText_6rpw6_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_6rpw6_gg_{position:relative;width:auto;outline:0}.___STimePicker_6rpw6_gg_.__keyboardFocused_6rpw6_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_6rpw6_gg_.__disabled_6rpw6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_6rpw6_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_6rpw6_gg_.__placeholder_6rpw6_gg_{text-overflow:initial}.___SPickerInput_6rpw6_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_6rpw6_gg_._size_l_6rpw6_gg_,.___SPickerInput_6rpw6_gg_._size_m_6rpw6_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_6rpw6_gg_._size_l_6rpw6_gg_{width:21px}.___SPickerFormat_6rpw6_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_6rpw6_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_6rpw6_gg_.__active_6rpw6_gg_,.___SPickerFormat_6rpw6_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_6rpw6_gg_:focus,.___SPickerFormat_6rpw6_gg_:focus-visible{outline:0}.___SPickerFormat_6rpw6_gg_._size_m_6rpw6_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_6rpw6_gg_._size_m_6rpw6_gg_ .___SPickerFormatText_6rpw6_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_6rpw6_gg_._size_l_6rpw6_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_6rpw6_gg_._size_l_6rpw6_gg_ .___SPickerFormatText_6rpw6_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_6rpw6_gg_.__disabled_6rpw6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_6rpw6_gg_.__keyboardFocused_6rpw6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_6rpw6_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_6rpw6_gg_.__disabled_6rpw6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "6rpw6_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__STimePicker": "___STimePicker_6rpw6_gg_",
|
|
23
|
+
"_keyboardFocused": "__keyboardFocused_6rpw6_gg_",
|
|
24
|
+
"_disabled": "__disabled_6rpw6_gg_",
|
|
25
|
+
"__SPickerInput": "___SPickerInput_6rpw6_gg_",
|
|
26
|
+
"_size_m": "_size_m_6rpw6_gg_",
|
|
27
|
+
"_size_l": "_size_l_6rpw6_gg_",
|
|
28
|
+
"__SPickerFormat": "___SPickerFormat_6rpw6_gg_",
|
|
29
|
+
"__STimePickerSeparator": "___STimePickerSeparator_6rpw6_gg_",
|
|
30
|
+
"_placeholder": "__placeholder_6rpw6_gg_",
|
|
31
|
+
"_active": "__active_6rpw6_gg_",
|
|
32
|
+
"__SPickerFormatText": "___SPickerFormatText_6rpw6_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
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
1
|
+
import b from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import w from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
|
+
import M from "@babel/runtime/helpers/esm/classCallCheck";
|
|
4
|
+
import z from "@babel/runtime/helpers/esm/createClass";
|
|
5
|
+
import m from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
6
|
+
import H from "@babel/runtime/helpers/esm/inherits";
|
|
7
|
+
import $ from "@babel/runtime/helpers/esm/createSuper";
|
|
8
|
+
import p from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
9
|
import { sstyled as D } from "@semcore/utils/lib/core/index";
|
|
10
|
-
import q, { sstyled as
|
|
11
|
-
import
|
|
10
|
+
import q, { sstyled as N, assignProps as C, Component as R } from "@semcore/core";
|
|
11
|
+
import g 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_6rpw6_gg_{position:relative;width:auto;outline:0}.___STimePicker_6rpw6_gg_.__keyboardFocused_6rpw6_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_6rpw6_gg_.__disabled_6rpw6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_6rpw6_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_6rpw6_gg_.__placeholder_6rpw6_gg_{text-overflow:initial}.___SPickerInput_6rpw6_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_6rpw6_gg_._size_l_6rpw6_gg_,.___SPickerInput_6rpw6_gg_._size_m_6rpw6_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_6rpw6_gg_._size_l_6rpw6_gg_{width:21px}.___SPickerFormat_6rpw6_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_6rpw6_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_6rpw6_gg_.__active_6rpw6_gg_,.___SPickerFormat_6rpw6_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_6rpw6_gg_:focus,.___SPickerFormat_6rpw6_gg_:focus-visible{outline:0}.___SPickerFormat_6rpw6_gg_._size_m_6rpw6_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_6rpw6_gg_._size_m_6rpw6_gg_ .___SPickerFormatText_6rpw6_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_6rpw6_gg_._size_l_6rpw6_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_6rpw6_gg_._size_l_6rpw6_gg_ .___SPickerFormatText_6rpw6_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_6rpw6_gg_.__disabled_6rpw6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_6rpw6_gg_.__keyboardFocused_6rpw6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_6rpw6_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_6rpw6_gg_.__disabled_6rpw6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}",
|
|
24
|
+
"6rpw6_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_6rpw6_gg_",
|
|
27
|
+
_keyboardFocused: "__keyboardFocused_6rpw6_gg_",
|
|
28
|
+
_disabled: "__disabled_6rpw6_gg_",
|
|
29
|
+
__SPickerInput: "___SPickerInput_6rpw6_gg_",
|
|
30
|
+
_size_m: "_size_m_6rpw6_gg_",
|
|
31
|
+
_size_l: "_size_l_6rpw6_gg_",
|
|
32
|
+
__SPickerFormat: "___SPickerFormat_6rpw6_gg_",
|
|
33
|
+
__STimePickerSeparator: "___STimePickerSeparator_6rpw6_gg_",
|
|
34
|
+
_placeholder: "__placeholder_6rpw6_gg_",
|
|
35
|
+
_active: "__active_6rpw6_gg_",
|
|
36
|
+
__SPickerFormatText: "___SPickerFormatText_6rpw6_gg_"
|
|
37
37
|
})
|
|
38
38
|
), Q = {
|
|
39
39
|
AM: "PM",
|
|
@@ -42,63 +42,63 @@ var K = (
|
|
|
42
42
|
hours: 0,
|
|
43
43
|
minutes: 1
|
|
44
44
|
};
|
|
45
|
-
function
|
|
46
|
-
var
|
|
47
|
-
return Number.isNaN(
|
|
45
|
+
function x(a) {
|
|
46
|
+
var c = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, s = Number.parseInt(a);
|
|
47
|
+
return Number.isNaN(s) ? c : s;
|
|
48
48
|
}
|
|
49
|
-
function
|
|
49
|
+
function I(a) {
|
|
50
50
|
return a = String(a), a.length === 1 ? "0".concat(a) : String(a);
|
|
51
51
|
}
|
|
52
52
|
function W(a) {
|
|
53
53
|
return a >= 12 ? "PM" : "AM";
|
|
54
54
|
}
|
|
55
|
-
function
|
|
56
|
-
var
|
|
57
|
-
return Number.isNaN(
|
|
55
|
+
function F(a) {
|
|
56
|
+
var c = x(a, NaN);
|
|
57
|
+
return Number.isNaN(c) ? a : c === 0 ? 12 : c > 12 ? c - 12 : a;
|
|
58
58
|
}
|
|
59
|
-
function X(a,
|
|
60
|
-
var
|
|
61
|
-
return Number.isNaN(
|
|
59
|
+
function X(a, c) {
|
|
60
|
+
var s = x(a, NaN);
|
|
61
|
+
return Number.isNaN(s) ? a : c === "AM" && s === 12 ? 0 : c === "PM" && s < 12 ? s + 12 : a;
|
|
62
62
|
}
|
|
63
|
-
var
|
|
64
|
-
|
|
65
|
-
var
|
|
66
|
-
function
|
|
63
|
+
var S = /* @__PURE__ */ function(a) {
|
|
64
|
+
H(s, a);
|
|
65
|
+
var c = $(s);
|
|
66
|
+
function s() {
|
|
67
67
|
var e;
|
|
68
|
-
|
|
68
|
+
M(this, s);
|
|
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 u = e.asProps.is12Hour,
|
|
73
|
-
|
|
74
|
-
var
|
|
75
|
-
u && (
|
|
76
|
-
}),
|
|
77
|
-
var
|
|
78
|
-
|
|
79
|
-
}),
|
|
80
|
-
var r = e.asProps,
|
|
71
|
+
return e = c.call.apply(c, [this].concat(o)), p(m(e), "hoursInputRef", /* @__PURE__ */ g.createRef()), p(m(e), "minutesInputRef", /* @__PURE__ */ g.createRef()), p(m(e), "_lastMeridiem", "AM"), p(m(e), "handleValueChange", function(r, _, i) {
|
|
72
|
+
var u = e.asProps.is12Hour, l = m(e), f = l.meridiem, d;
|
|
73
|
+
_ ? (d = e.value.split(":"), d[U[_]] = r) : d = r.split(":");
|
|
74
|
+
var k = d, v = w(k, 2), h = v[0], P = h === void 0 ? "" : h, T = v[1], V = T === void 0 ? "" : T;
|
|
75
|
+
u && (P = String(F(P))), r = e.timeToValue([P, V], f), e.handlers.value(r, i);
|
|
76
|
+
}), p(m(e), "handleMeridiemClick", function(r) {
|
|
77
|
+
var _ = e.asProps.is12Hour, i = m(e), u = i.value, l = i.meridiem, f = u.split(":"), d = w(f, 2), k = d[0], v = k === void 0 ? "" : k, h = d[1], P = h === void 0 ? "" : h;
|
|
78
|
+
_ && (v = String(F(v))), u = e.timeToValue([v, P], Q[l]), e.handlers.value(u, r);
|
|
79
|
+
}), p(m(e), "_getHoursAndMinutesProps", function() {
|
|
80
|
+
var r = e.asProps, _ = r.is12Hour, i = r.size, u = r.disabled, l = r.getI18nText, f = e.valueToTime(e.value);
|
|
81
81
|
return {
|
|
82
82
|
time: f,
|
|
83
83
|
size: i,
|
|
84
|
-
is12Hour:
|
|
84
|
+
is12Hour: _,
|
|
85
85
|
disabled: u,
|
|
86
86
|
$onValueChange: e.handleValueChange,
|
|
87
87
|
minutesInputRef: e.minutesInputRef,
|
|
88
88
|
hoursInputRef: e.hoursInputRef,
|
|
89
|
-
_getI18nText:
|
|
89
|
+
_getI18nText: l
|
|
90
90
|
};
|
|
91
|
-
}),
|
|
92
|
-
return
|
|
91
|
+
}), p(m(e), "getHoursProps", function() {
|
|
92
|
+
return b(b({}, e._getHoursAndMinutesProps()), {}, {
|
|
93
93
|
ref: e.hoursInputRef
|
|
94
94
|
});
|
|
95
|
-
}),
|
|
96
|
-
return
|
|
95
|
+
}), p(m(e), "getMinutesProps", function() {
|
|
96
|
+
return b(b({}, e._getHoursAndMinutesProps()), {}, {
|
|
97
97
|
ref: e.minutesInputRef
|
|
98
98
|
});
|
|
99
99
|
}), e;
|
|
100
100
|
}
|
|
101
|
-
return
|
|
101
|
+
return z(s, [{
|
|
102
102
|
key: "uncontrolledProps",
|
|
103
103
|
value: (
|
|
104
104
|
// default AM
|
|
@@ -112,7 +112,7 @@ var T = /* @__PURE__ */ function(a) {
|
|
|
112
112
|
}, {
|
|
113
113
|
key: "componentDidMount",
|
|
114
114
|
value: function() {
|
|
115
|
-
var t, o = this.asProps, n = o.id, r = o["aria-describedby"],
|
|
115
|
+
var t, o = this.asProps, n = o.id, r = o["aria-describedby"], _ = "[for=".concat(n, "]"), i = (t = document.querySelector(_)) !== null && t !== void 0 ? t : document.querySelector("#".concat(r));
|
|
116
116
|
i && this.handlers.title(i.textContent);
|
|
117
117
|
}
|
|
118
118
|
}, {
|
|
@@ -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 = w(o, 1), r = n[0], _ = r === void 0 ? "" : r, i = x(_, 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 =
|
|
133
|
+
var o = this.asProps.is12Hour, n = t.split(":"), r = w(n, 2), _ = r[0], i = _ === void 0 ? "" : _, u = r[1], l = u === void 0 ? "" : u;
|
|
134
|
+
return o && (i = F(i)), i = I(i), l = I(l), [i, l];
|
|
135
135
|
}
|
|
136
136
|
}, {
|
|
137
137
|
key: "timeToValue",
|
|
138
138
|
value: function(t, o) {
|
|
139
|
-
var n = this.asProps.is12Hour, r =
|
|
140
|
-
return i =
|
|
139
|
+
var n = this.asProps.is12Hour, r = w(t, 2), _ = r[0], i = _ === void 0 ? "" : _, u = r[1], l = u === void 0 ? "" : u;
|
|
140
|
+
return i = x(i, i), l = x(l, l), n && (i = X(i, o)), "".concat(i, ":").concat(l);
|
|
141
141
|
}
|
|
142
142
|
}, {
|
|
143
143
|
key: "getSeparatorProps",
|
|
@@ -150,85 +150,85 @@ var T = /* @__PURE__ */ function(a) {
|
|
|
150
150
|
}, {
|
|
151
151
|
key: "getFormatProps",
|
|
152
152
|
value: function() {
|
|
153
|
-
var t = this.asProps, o = t.size, n = t.disabled, r = t.disablePortal,
|
|
153
|
+
var t = this.asProps, o = t.size, n = t.disabled, r = t.disablePortal, _ = t.getI18nText;
|
|
154
154
|
return {
|
|
155
155
|
size: o,
|
|
156
156
|
disabled: n,
|
|
157
157
|
disablePortal: r,
|
|
158
158
|
meridiem: this.meridiem,
|
|
159
159
|
onClick: this.handleMeridiemClick,
|
|
160
|
-
getI18nText:
|
|
160
|
+
getI18nText: _
|
|
161
161
|
};
|
|
162
162
|
}
|
|
163
163
|
}, {
|
|
164
164
|
key: "render",
|
|
165
165
|
value: function() {
|
|
166
|
-
var t = this.asProps, o, n = B, r = this.asProps,
|
|
167
|
-
time: "".concat(
|
|
168
|
-
meridiem:
|
|
169
|
-
})) : "".concat(
|
|
170
|
-
return o =
|
|
166
|
+
var t = this.asProps, o, n = B, r = this.asProps, _ = r.styles, i = r.Children, u = r.value, l = r.is12Hour, f = r.getI18nText, d = r.title, k = this.valueToTime(this.value), v = w(k, 2), h = v[0], P = v[1], T = u ? "".concat(d, " ").concat(f("title", {
|
|
167
|
+
time: "".concat(h, ":").concat(I(P)),
|
|
168
|
+
meridiem: l ? this.meridiem : ""
|
|
169
|
+
})) : "".concat(d, " ").concat(f("titleEmpty"));
|
|
170
|
+
return o = N(_), /* @__PURE__ */ g.createElement(g.Fragment, null, /* @__PURE__ */ g.createElement(n, o.cn("STimePicker", b({}, C({
|
|
171
171
|
role: "group",
|
|
172
|
-
"aria-label":
|
|
172
|
+
"aria-label": T,
|
|
173
173
|
__excludeProps: ["value", "title"]
|
|
174
|
-
}, t))), /* @__PURE__ */
|
|
174
|
+
}, t))), /* @__PURE__ */ g.createElement(i, o.cn("Children", {}))));
|
|
175
175
|
}
|
|
176
|
-
}]),
|
|
177
|
-
}(
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
var
|
|
176
|
+
}]), s;
|
|
177
|
+
}(R);
|
|
178
|
+
p(S, "displayName", "TimePicker");
|
|
179
|
+
p(S, "style", K);
|
|
180
|
+
p(S, "enhance", [G(E), J()]);
|
|
181
|
+
p(S, "defaultProps", function(a) {
|
|
182
|
+
var c = a.is12Hour;
|
|
183
183
|
return {
|
|
184
184
|
defaultValue: "",
|
|
185
185
|
size: "m",
|
|
186
|
-
children: /* @__PURE__ */
|
|
186
|
+
children: /* @__PURE__ */ g.createElement(g.Fragment, null, /* @__PURE__ */ g.createElement(y.Hours, null), /* @__PURE__ */ g.createElement(y.Separator, null), /* @__PURE__ */ g.createElement(y.Minutes, null), c && /* @__PURE__ */ g.createElement(y.Format, null)),
|
|
187
187
|
i18n: E,
|
|
188
188
|
locale: "en",
|
|
189
189
|
defaultTitle: ""
|
|
190
190
|
};
|
|
191
191
|
});
|
|
192
192
|
var A = /* @__PURE__ */ function(a) {
|
|
193
|
-
|
|
194
|
-
var
|
|
195
|
-
function
|
|
193
|
+
H(s, a);
|
|
194
|
+
var c = $(s);
|
|
195
|
+
function s() {
|
|
196
196
|
var e;
|
|
197
|
-
|
|
197
|
+
M(this, s);
|
|
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 = c.call.apply(c, [this].concat(o)), p(m(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();
|
|
204
204
|
}
|
|
205
205
|
}), e;
|
|
206
206
|
}
|
|
207
|
-
return
|
|
207
|
+
return z(s, [{
|
|
208
208
|
key: "render",
|
|
209
209
|
value: function() {
|
|
210
210
|
var t = this.asProps, o, n = L, r = this.asProps.styles;
|
|
211
|
-
return o =
|
|
211
|
+
return o = N(r), /* @__PURE__ */ g.createElement(n, o.cn("STimePickerSeparator", b({}, C({
|
|
212
212
|
onClick: this.handlerClick,
|
|
213
213
|
"aria-hidden": "true"
|
|
214
214
|
}, t))));
|
|
215
215
|
}
|
|
216
|
-
}]),
|
|
217
|
-
}(
|
|
218
|
-
|
|
216
|
+
}]), s;
|
|
217
|
+
}(R);
|
|
218
|
+
p(A, "defaultProps", {
|
|
219
219
|
children: ":"
|
|
220
220
|
});
|
|
221
|
-
var
|
|
221
|
+
var y = q(S, {
|
|
222
222
|
Hours: O,
|
|
223
223
|
Minutes: j,
|
|
224
224
|
Separator: A,
|
|
225
225
|
Format: Z
|
|
226
226
|
});
|
|
227
227
|
export {
|
|
228
|
-
|
|
229
|
-
|
|
228
|
+
y as default,
|
|
229
|
+
F as formatHoursTo12,
|
|
230
230
|
X as formatHoursTo24,
|
|
231
|
-
|
|
231
|
+
x as intOrDefault,
|
|
232
232
|
W as meridiemByHours,
|
|
233
|
-
|
|
233
|
+
I as withLeadingZero
|
|
234
234
|
};
|
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.52.0-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"@semcore/button": "5.43.1",
|
|
18
18
|
"@semcore/flex-box": "5.41.2",
|
|
19
19
|
"@semcore/input": "4.42.2",
|
|
20
|
-
"@semcore/select": "4.
|
|
20
|
+
"@semcore/select": "4.52.0-prerelease.0",
|
|
21
21
|
"@semcore/utils": "4.48.2"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|