@semcore/time-picker 4.50.0 → 4.50.1-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 +72 -72
- package/package.json +7 -7
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.50.1] - 2025-03-17
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/button` [5.42.0 ~> 5.42.1], `@semcore/flex-box` [5.41.0 ~> 5.41.1], `@semcore/input` [4.42.0 ~> 4.42.1], `@semcore/select` [4.50.0 ~> 4.50.1], `@semcore/utils` [4.48.0 ~> 4.48.1], `@semcore/core` [2.39.0 ~> 2.39.1]).
|
|
10
|
+
|
|
5
11
|
## [4.50.0] - 2025-03-14
|
|
6
12
|
|
|
7
13
|
### Added
|
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_5bmxs_gg_{position:relative;width:auto;outline:0}.___STimePicker_5bmxs_gg_.__keyboardFocused_5bmxs_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_5bmxs_gg_.__disabled_5bmxs_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_5bmxs_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_5bmxs_gg_.__placeholder_5bmxs_gg_{text-overflow:initial}.___SPickerInput_5bmxs_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_5bmxs_gg_._size_l_5bmxs_gg_,.___SPickerInput_5bmxs_gg_._size_m_5bmxs_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_5bmxs_gg_._size_l_5bmxs_gg_{width:21px}.___SPickerFormat_5bmxs_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_5bmxs_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_5bmxs_gg_.__active_5bmxs_gg_,.___SPickerFormat_5bmxs_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_5bmxs_gg_:focus,.___SPickerFormat_5bmxs_gg_:focus-visible{outline:0}.___SPickerFormat_5bmxs_gg_._size_m_5bmxs_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_5bmxs_gg_._size_m_5bmxs_gg_ .___SPickerFormatText_5bmxs_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_5bmxs_gg_._size_l_5bmxs_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_5bmxs_gg_._size_l_5bmxs_gg_ .___SPickerFormatText_5bmxs_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_5bmxs_gg_.__disabled_5bmxs_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_5bmxs_gg_.__keyboardFocused_5bmxs_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_5bmxs_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_5bmxs_gg_.__disabled_5bmxs_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "5bmxs_gg_") /*__reshadow_css_end__*/, {
|
|
34
|
+
"__STimePicker": "___STimePicker_5bmxs_gg_",
|
|
35
|
+
"_keyboardFocused": "__keyboardFocused_5bmxs_gg_",
|
|
36
|
+
"_disabled": "__disabled_5bmxs_gg_",
|
|
37
|
+
"__SPickerInput": "___SPickerInput_5bmxs_gg_",
|
|
38
|
+
"_size_m": "_size_m_5bmxs_gg_",
|
|
39
|
+
"_size_l": "_size_l_5bmxs_gg_",
|
|
40
|
+
"__SPickerFormat": "___SPickerFormat_5bmxs_gg_",
|
|
41
|
+
"__STimePickerSeparator": "___STimePickerSeparator_5bmxs_gg_",
|
|
42
|
+
"_placeholder": "__placeholder_5bmxs_gg_",
|
|
43
|
+
"_active": "__active_5bmxs_gg_",
|
|
44
|
+
"__SPickerFormatText": "___SPickerFormatText_5bmxs_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_5bmxs_gg_{position:relative;width:auto;outline:0}.___STimePicker_5bmxs_gg_.__keyboardFocused_5bmxs_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_5bmxs_gg_.__disabled_5bmxs_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_5bmxs_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_5bmxs_gg_.__placeholder_5bmxs_gg_{text-overflow:initial}.___SPickerInput_5bmxs_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_5bmxs_gg_._size_l_5bmxs_gg_,.___SPickerInput_5bmxs_gg_._size_m_5bmxs_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_5bmxs_gg_._size_l_5bmxs_gg_{width:21px}.___SPickerFormat_5bmxs_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_5bmxs_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_5bmxs_gg_.__active_5bmxs_gg_,.___SPickerFormat_5bmxs_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_5bmxs_gg_:focus,.___SPickerFormat_5bmxs_gg_:focus-visible{outline:0}.___SPickerFormat_5bmxs_gg_._size_m_5bmxs_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_5bmxs_gg_._size_m_5bmxs_gg_ .___SPickerFormatText_5bmxs_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_5bmxs_gg_._size_l_5bmxs_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_5bmxs_gg_._size_l_5bmxs_gg_ .___SPickerFormatText_5bmxs_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_5bmxs_gg_.__disabled_5bmxs_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_5bmxs_gg_.__keyboardFocused_5bmxs_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_5bmxs_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_5bmxs_gg_.__disabled_5bmxs_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "5bmxs_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__STimePicker": "___STimePicker_5bmxs_gg_",
|
|
23
|
+
"_keyboardFocused": "__keyboardFocused_5bmxs_gg_",
|
|
24
|
+
"_disabled": "__disabled_5bmxs_gg_",
|
|
25
|
+
"__SPickerInput": "___SPickerInput_5bmxs_gg_",
|
|
26
|
+
"_size_m": "_size_m_5bmxs_gg_",
|
|
27
|
+
"_size_l": "_size_l_5bmxs_gg_",
|
|
28
|
+
"__SPickerFormat": "___SPickerFormat_5bmxs_gg_",
|
|
29
|
+
"__STimePickerSeparator": "___STimePickerSeparator_5bmxs_gg_",
|
|
30
|
+
"_placeholder": "__placeholder_5bmxs_gg_",
|
|
31
|
+
"_active": "__active_5bmxs_gg_",
|
|
32
|
+
"__SPickerFormatText": "___SPickerFormatText_5bmxs_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 k from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import P 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
5
|
import p 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 m 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 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_5bmxs_gg_{position:relative;width:auto;outline:0}.___STimePicker_5bmxs_gg_.__keyboardFocused_5bmxs_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_5bmxs_gg_.__disabled_5bmxs_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_5bmxs_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_5bmxs_gg_.__placeholder_5bmxs_gg_{text-overflow:initial}.___SPickerInput_5bmxs_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_5bmxs_gg_._size_l_5bmxs_gg_,.___SPickerInput_5bmxs_gg_._size_m_5bmxs_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_5bmxs_gg_._size_l_5bmxs_gg_{width:21px}.___SPickerFormat_5bmxs_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_5bmxs_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_5bmxs_gg_.__active_5bmxs_gg_,.___SPickerFormat_5bmxs_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_5bmxs_gg_:focus,.___SPickerFormat_5bmxs_gg_:focus-visible{outline:0}.___SPickerFormat_5bmxs_gg_._size_m_5bmxs_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_5bmxs_gg_._size_m_5bmxs_gg_ .___SPickerFormatText_5bmxs_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_5bmxs_gg_._size_l_5bmxs_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_5bmxs_gg_._size_l_5bmxs_gg_ .___SPickerFormatText_5bmxs_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_5bmxs_gg_.__disabled_5bmxs_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_5bmxs_gg_.__keyboardFocused_5bmxs_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_5bmxs_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_5bmxs_gg_.__disabled_5bmxs_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}",
|
|
24
|
+
"5bmxs_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_5bmxs_gg_",
|
|
27
|
+
_keyboardFocused: "__keyboardFocused_5bmxs_gg_",
|
|
28
|
+
_disabled: "__disabled_5bmxs_gg_",
|
|
29
|
+
__SPickerInput: "___SPickerInput_5bmxs_gg_",
|
|
30
|
+
_size_m: "_size_m_5bmxs_gg_",
|
|
31
|
+
_size_l: "_size_l_5bmxs_gg_",
|
|
32
|
+
__SPickerFormat: "___SPickerFormat_5bmxs_gg_",
|
|
33
|
+
__STimePickerSeparator: "___STimePickerSeparator_5bmxs_gg_",
|
|
34
|
+
_placeholder: "__placeholder_5bmxs_gg_",
|
|
35
|
+
_active: "__active_5bmxs_gg_",
|
|
36
|
+
__SPickerFormatText: "___SPickerFormatText_5bmxs_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 c = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, _ = Number.parseInt(a);
|
|
47
|
+
return Number.isNaN(_) ? c : _;
|
|
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 c = S(a, NaN);
|
|
57
|
+
return Number.isNaN(c) ? a : c === 0 ? 12 : c > 12 ? c - 12 : a;
|
|
58
58
|
}
|
|
59
|
-
function X(a,
|
|
59
|
+
function X(a, c) {
|
|
60
60
|
var _ = S(a, NaN);
|
|
61
|
-
return Number.isNaN(_) ? a :
|
|
61
|
+
return Number.isNaN(_) ? a : c === "AM" && _ === 12 ? 0 : c === "PM" && _ < 12 ? _ + 12 : a;
|
|
62
62
|
}
|
|
63
63
|
var T = /* @__PURE__ */ function(a) {
|
|
64
64
|
$(_, a);
|
|
65
|
-
var
|
|
65
|
+
var c = N(_);
|
|
66
66
|
function _() {
|
|
67
67
|
var e;
|
|
68
68
|
z(this, _);
|
|
69
|
-
for (var t = arguments.length,
|
|
70
|
-
|
|
71
|
-
return e =
|
|
72
|
-
var
|
|
73
|
-
|
|
74
|
-
var
|
|
75
|
-
|
|
76
|
-
}),
|
|
77
|
-
var
|
|
78
|
-
|
|
79
|
-
}),
|
|
80
|
-
var r = e.asProps,
|
|
69
|
+
for (var t = arguments.length, o = new Array(t), n = 0; n < t; n++)
|
|
70
|
+
o[n] = arguments[n];
|
|
71
|
+
return e = c.call.apply(c, [this].concat(o)), m(p(e), "hoursInputRef", /* @__PURE__ */ g.createRef()), m(p(e), "minutesInputRef", /* @__PURE__ */ g.createRef()), m(p(e), "_lastMeridiem", "AM"), m(p(e), "handleValueChange", function(r, s, i) {
|
|
72
|
+
var u = e.asProps.is12Hour, l = p(e), f = l.meridiem, d;
|
|
73
|
+
s ? (d = e.value.split(":"), d[U[s]] = r) : d = r.split(":");
|
|
74
|
+
var h = d, v = P(h, 2), b = v[0], x = b === void 0 ? "" : b, y = v[1], V = y === void 0 ? "" : y;
|
|
75
|
+
u && (x = String(M(x))), r = e.timeToValue([x, V], f), e.handlers.value(r, i);
|
|
76
|
+
}), m(p(e), "handleMeridiemClick", function(r) {
|
|
77
|
+
var s = e.asProps.is12Hour, i = p(e), u = i.value, l = i.meridiem, f = u.split(":"), d = P(f, 2), h = d[0], v = h === void 0 ? "" : h, b = d[1], x = b === void 0 ? "" : b;
|
|
78
|
+
s && (v = String(M(v))), u = e.timeToValue([v, x], Q[l]), e.handlers.value(u, r);
|
|
79
|
+
}), m(p(e), "_getHoursAndMinutesProps", function() {
|
|
80
|
+
var r = e.asProps, s = 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:
|
|
85
|
-
disabled:
|
|
84
|
+
is12Hour: s,
|
|
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
|
+
}), m(p(e), "getHoursProps", function() {
|
|
92
|
+
return k(k({}, e._getHoursAndMinutesProps()), {}, {
|
|
93
93
|
ref: e.hoursInputRef
|
|
94
94
|
});
|
|
95
|
-
}),
|
|
96
|
-
return
|
|
95
|
+
}), m(p(e), "getMinutesProps", function() {
|
|
96
|
+
return k(k({}, e._getHoursAndMinutesProps()), {}, {
|
|
97
97
|
ref: e.minutesInputRef
|
|
98
98
|
});
|
|
99
99
|
}), e;
|
|
@@ -112,7 +112,7 @@ var T = /* @__PURE__ */ function(a) {
|
|
|
112
112
|
}, {
|
|
113
113
|
key: "componentDidMount",
|
|
114
114
|
value: function() {
|
|
115
|
-
var t,
|
|
115
|
+
var t, o = this.asProps, n = o.id, r = o["aria-describedby"], s = "[for=".concat(n, "]"), i = (t = document.querySelector(s)) !== 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,
|
|
127
|
+
var t = this.asProps.value, o = t.split(":"), n = P(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
|
|
134
|
-
return
|
|
133
|
+
var o = this.asProps.is12Hour, n = t.split(":"), r = P(n, 2), s = r[0], i = s === void 0 ? "" : s, u = r[1], l = u === void 0 ? "" : u;
|
|
134
|
+
return o && (i = M(i)), i = F(i), l = F(l), [i, l];
|
|
135
135
|
}
|
|
136
136
|
}, {
|
|
137
137
|
key: "timeToValue",
|
|
138
|
-
value: function(t,
|
|
139
|
-
var
|
|
140
|
-
return i = S(i, i),
|
|
138
|
+
value: function(t, o) {
|
|
139
|
+
var n = this.asProps.is12Hour, r = P(t, 2), s = r[0], i = s === void 0 ? "" : s, u = r[1], l = u === void 0 ? "" : u;
|
|
140
|
+
return i = S(i, i), l = S(l, l), n && (i = X(i, o)), "".concat(i, ":").concat(l);
|
|
141
141
|
}
|
|
142
142
|
}, {
|
|
143
143
|
key: "getSeparatorProps",
|
|
@@ -150,40 +150,40 @@ var T = /* @__PURE__ */ function(a) {
|
|
|
150
150
|
}, {
|
|
151
151
|
key: "getFormatProps",
|
|
152
152
|
value: function() {
|
|
153
|
-
var t = this.asProps,
|
|
153
|
+
var t = this.asProps, o = t.size, n = t.disabled, r = t.disablePortal, s = t.getI18nText;
|
|
154
154
|
return {
|
|
155
|
-
size:
|
|
156
|
-
disabled:
|
|
155
|
+
size: o,
|
|
156
|
+
disabled: n,
|
|
157
157
|
disablePortal: r,
|
|
158
158
|
meridiem: this.meridiem,
|
|
159
159
|
onClick: this.handleMeridiemClick,
|
|
160
|
-
getI18nText:
|
|
160
|
+
getI18nText: s
|
|
161
161
|
};
|
|
162
162
|
}
|
|
163
163
|
}, {
|
|
164
164
|
key: "render",
|
|
165
165
|
value: function() {
|
|
166
|
-
var t = this.asProps,
|
|
167
|
-
time: "".concat(
|
|
168
|
-
meridiem:
|
|
166
|
+
var t = this.asProps, o, n = B, r = this.asProps, s = r.styles, i = r.Children, u = r.value, l = r.is12Hour, f = r.getI18nText, d = r.title, h = this.valueToTime(this.value), v = P(h, 2), b = v[0], x = v[1], y = u ? "".concat(d, " ").concat(f("title", {
|
|
167
|
+
time: "".concat(b, ":").concat(F(x)),
|
|
168
|
+
meridiem: l ? this.meridiem : ""
|
|
169
169
|
})) : "".concat(d, " ").concat(f("titleEmpty"));
|
|
170
|
-
return
|
|
170
|
+
return o = C(s), /* @__PURE__ */ g.createElement(g.Fragment, null, /* @__PURE__ */ g.createElement(n, o.cn("STimePicker", k({}, R({
|
|
171
171
|
role: "group",
|
|
172
172
|
"aria-label": y,
|
|
173
173
|
__excludeProps: ["value", "title"]
|
|
174
|
-
}, t))), /* @__PURE__ */
|
|
174
|
+
}, t))), /* @__PURE__ */ g.createElement(i, o.cn("Children", {}))));
|
|
175
175
|
}
|
|
176
176
|
}]), _;
|
|
177
177
|
}(w);
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
var
|
|
178
|
+
m(T, "displayName", "TimePicker");
|
|
179
|
+
m(T, "style", K);
|
|
180
|
+
m(T, "enhance", [G(E), J()]);
|
|
181
|
+
m(T, "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(I.Hours, null), /* @__PURE__ */ g.createElement(I.Separator, null), /* @__PURE__ */ g.createElement(I.Minutes, null), c && /* @__PURE__ */ g.createElement(I.Format, null)),
|
|
187
187
|
i18n: E,
|
|
188
188
|
locale: "en",
|
|
189
189
|
defaultTitle: ""
|
|
@@ -191,13 +191,13 @@ g(T, "defaultProps", function(a) {
|
|
|
191
191
|
});
|
|
192
192
|
var A = /* @__PURE__ */ function(a) {
|
|
193
193
|
$(_, a);
|
|
194
|
-
var
|
|
194
|
+
var c = N(_);
|
|
195
195
|
function _() {
|
|
196
196
|
var e;
|
|
197
197
|
z(this, _);
|
|
198
|
-
for (var t = arguments.length,
|
|
199
|
-
|
|
200
|
-
return e =
|
|
198
|
+
for (var t = arguments.length, o = new Array(t), n = 0; n < t; n++)
|
|
199
|
+
o[n] = arguments[n];
|
|
200
|
+
return e = c.call.apply(c, [this].concat(o)), m(p(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();
|
|
@@ -207,15 +207,15 @@ var A = /* @__PURE__ */ function(a) {
|
|
|
207
207
|
return H(_, [{
|
|
208
208
|
key: "render",
|
|
209
209
|
value: function() {
|
|
210
|
-
var t = this.asProps,
|
|
211
|
-
return
|
|
210
|
+
var t = this.asProps, o, n = L, r = this.asProps.styles;
|
|
211
|
+
return o = C(r), /* @__PURE__ */ g.createElement(n, o.cn("STimePickerSeparator", k({}, R({
|
|
212
212
|
onClick: this.handlerClick,
|
|
213
213
|
"aria-hidden": "true"
|
|
214
214
|
}, t))));
|
|
215
215
|
}
|
|
216
216
|
}]), _;
|
|
217
217
|
}(w);
|
|
218
|
-
|
|
218
|
+
m(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.50.0",
|
|
4
|
+
"version": "4.50.1-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,14 +14,14 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/button": "5.42.0",
|
|
18
|
-
"@semcore/flex-box": "5.41.0",
|
|
19
|
-
"@semcore/input": "4.42.0",
|
|
20
|
-
"@semcore/select": "4.50.0",
|
|
21
|
-
"@semcore/utils": "4.48.0"
|
|
17
|
+
"@semcore/button": "5.42.1-prerelease.0",
|
|
18
|
+
"@semcore/flex-box": "5.41.1-prerelease.0",
|
|
19
|
+
"@semcore/input": "4.42.1-prerelease.0",
|
|
20
|
+
"@semcore/select": "4.50.1-prerelease.0",
|
|
21
|
+
"@semcore/utils": "4.48.1-prerelease.0"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@semcore/core": "^2.
|
|
24
|
+
"@semcore/core": "^2.39.1-prerelease.0",
|
|
25
25
|
"react": "16.8 - 18",
|
|
26
26
|
"react-dom": "16.8 - 18"
|
|
27
27
|
},
|