@semcore/time-picker 4.49.5 → 4.49.6-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/PickerFormat.js +2 -3
- package/lib/cjs/PickerFormat.js.map +1 -1
- package/lib/cjs/TimePicker.js +12 -12
- package/lib/es6/PickerFormat.js +1 -1
- package/lib/es6/PickerFormat.js.map +1 -1
- package/lib/es6/TimePicker.js +12 -12
- 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.49.6] - 2024-11-29
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/button` [5.39.4 ~> 5.40.0], `@semcore/flex-box` [5.38.2 ~> 5.39.0], `@semcore/input` [4.39.2 ~> 4.40.0], `@semcore/select` [4.48.5 ~> 4.48.6], `@semcore/utils` [4.43.3 ~> 4.44.0], `@semcore/core` [2.36.2 ~> 2.37.0]).
|
|
10
|
+
|
|
5
11
|
## [4.49.5] - 2024-11-22
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/PickerFormat.js
CHANGED
|
@@ -16,7 +16,6 @@ var _core = require("@semcore/core");
|
|
|
16
16
|
var _react = _interopRequireDefault(require("react"));
|
|
17
17
|
var _flexBox = require("@semcore/flex-box");
|
|
18
18
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
19
|
-
var _ScreenReaderOnly = require("@semcore/utils/lib/ScreenReaderOnly");
|
|
20
19
|
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
21
20
|
var TimePickerFormat = /*#__PURE__*/function (_Component) {
|
|
22
21
|
(0, _inherits2["default"])(TimePickerFormat, _Component);
|
|
@@ -69,10 +68,10 @@ var TimePickerFormat = /*#__PURE__*/function (_Component) {
|
|
|
69
68
|
"tag": 'button',
|
|
70
69
|
"onClick": this.handleClick,
|
|
71
70
|
"aria-describedby": "".concat(uid, "_describe")
|
|
72
|
-
}, _ref))), Children.origin ? /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SPickerFormatText, _ref2.cn("SPickerFormatText", {}), meridiem)), /*#__PURE__*/_react["default"].createElement(
|
|
71
|
+
}, _ref))), Children.origin ? /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SPickerFormatText, _ref2.cn("SPickerFormatText", {}), meridiem)), /*#__PURE__*/_react["default"].createElement(_flexBox.ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
|
|
73
72
|
"role": 'status',
|
|
74
73
|
"aria-live": 'polite'
|
|
75
|
-
}), changedFormatNotice), /*#__PURE__*/_react["default"].createElement(
|
|
74
|
+
}), changedFormatNotice), /*#__PURE__*/_react["default"].createElement(_flexBox.ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
|
|
76
75
|
"aria-hidden": 'true',
|
|
77
76
|
"id": "".concat(uid, "_describe")
|
|
78
77
|
}), getI18nText('formatToggler')));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerFormat.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","
|
|
1
|
+
{"version":3,"file":"PickerFormat.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_uniqueID","TimePickerFormat","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","changedFormatNotice","setTimeout","_this$asProps","asProps","meridiem","getI18nText","setState","_createClass2","key","value","render","_ref","_ref2","SPickerFormat","Box","_this$asProps2","Children","styles","uid","state","SPickerFormatText","sstyled","createElement","Fragment","cn","_objectSpread2","assignProps","handleClick","origin","ScreenReaderOnly","Component","keyboardFocusEnhance","uniqueIDEnhancement","_default","exports"],"sources":["../../src/PickerFormat.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { ScreenReaderOnly } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nclass TimePickerFormat extends Component {\n static enhance = [keyboardFocusEnhance(), uniqueIDEnhancement()];\n\n state = {\n changedFormatNotice: '',\n };\n\n handleClick = () => {\n setTimeout(() => {\n const { meridiem, getI18nText } = this.asProps;\n this.setState({ changedFormatNotice: getI18nText('changedFormatNotice', { meridiem }) });\n }, 0);\n\n setTimeout(() => {\n this.setState({ changedFormatNotice: '' });\n }, 2000);\n };\n\n render() {\n const SPickerFormat = Root;\n const { Children, meridiem, styles, getI18nText, uid } = this.asProps;\n const { changedFormatNotice } = this.state;\n const SPickerFormatText = 'span';\n\n return sstyled(styles)(\n <>\n <SPickerFormat\n render={Box}\n type='button'\n tag='button'\n onClick={this.handleClick}\n aria-describedby={`${uid}_describe`}\n >\n {Children.origin ? <Children /> : <SPickerFormatText>{meridiem}</SPickerFormatText>}\n </SPickerFormat>\n <ScreenReaderOnly role={'status'} aria-live={'polite'}>\n {changedFormatNotice}\n </ScreenReaderOnly>\n <ScreenReaderOnly aria-hidden={'true'} id={`${uid}_describe`}>\n {getI18nText('formatToggler')}\n </ScreenReaderOnly>\n </>,\n );\n }\n}\n\nexport default TimePickerFormat;\n"],"mappings":"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"}
|
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_1j8mk_gg_{position:relative;width:auto;outline:0}.___STimePicker_1j8mk_gg_.__keyboardFocused_1j8mk_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1j8mk_gg_.__disabled_1j8mk_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1j8mk_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1j8mk_gg_.__placeholder_1j8mk_gg_{text-overflow:initial}.___SPickerInput_1j8mk_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1j8mk_gg_._size_l_1j8mk_gg_,.___SPickerInput_1j8mk_gg_._size_m_1j8mk_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1j8mk_gg_._size_l_1j8mk_gg_{width:21px}.___SPickerFormat_1j8mk_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_1j8mk_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1j8mk_gg_.__active_1j8mk_gg_,.___SPickerFormat_1j8mk_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1j8mk_gg_:focus,.___SPickerFormat_1j8mk_gg_:focus-visible{outline:0}.___SPickerFormat_1j8mk_gg_._size_m_1j8mk_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1j8mk_gg_._size_m_1j8mk_gg_ .___SPickerFormatText_1j8mk_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1j8mk_gg_._size_l_1j8mk_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_1j8mk_gg_._size_l_1j8mk_gg_ .___SPickerFormatText_1j8mk_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1j8mk_gg_.__disabled_1j8mk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1j8mk_gg_.__keyboardFocused_1j8mk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1j8mk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1j8mk_gg_.__disabled_1j8mk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1j8mk_gg_") /*__reshadow_css_end__*/, {
|
|
34
|
+
"__STimePicker": "___STimePicker_1j8mk_gg_",
|
|
35
|
+
"_keyboardFocused": "__keyboardFocused_1j8mk_gg_",
|
|
36
|
+
"_disabled": "__disabled_1j8mk_gg_",
|
|
37
|
+
"__SPickerInput": "___SPickerInput_1j8mk_gg_",
|
|
38
|
+
"_size_m": "_size_m_1j8mk_gg_",
|
|
39
|
+
"_size_l": "_size_l_1j8mk_gg_",
|
|
40
|
+
"__SPickerFormat": "___SPickerFormat_1j8mk_gg_",
|
|
41
|
+
"__STimePickerSeparator": "___STimePickerSeparator_1j8mk_gg_",
|
|
42
|
+
"_placeholder": "__placeholder_1j8mk_gg_",
|
|
43
|
+
"_active": "__active_1j8mk_gg_",
|
|
44
|
+
"__SPickerFormatText": "___SPickerFormatText_1j8mk_gg_"
|
|
45
45
|
});
|
|
46
46
|
var MAP_MERIDIEM = {
|
|
47
47
|
AM: 'PM',
|
package/lib/es6/PickerFormat.js
CHANGED
|
@@ -10,7 +10,7 @@ import React from 'react';
|
|
|
10
10
|
import { Component, sstyled, Root } from '@semcore/core';
|
|
11
11
|
import { Box } from '@semcore/flex-box';
|
|
12
12
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
13
|
-
import { ScreenReaderOnly } from '@semcore/
|
|
13
|
+
import { ScreenReaderOnly } from '@semcore/flex-box';
|
|
14
14
|
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
15
15
|
var TimePickerFormat = /*#__PURE__*/function (_Component) {
|
|
16
16
|
_inherits(TimePickerFormat, _Component);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerFormat.js","names":["React","Component","sstyled","Root","Box","keyboardFocusEnhance","ScreenReaderOnly","uniqueIDEnhancement","TimePickerFormat","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","changedFormatNotice","setTimeout","_this$asProps","asProps","meridiem","getI18nText","setState","_createClass","key","value","render","_ref","_ref2","SPickerFormat","_this$asProps2","Children","styles","uid","state","SPickerFormatText","createElement","Fragment","cn","_objectSpread","_assignProps","handleClick","origin"],"sources":["../../src/PickerFormat.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { ScreenReaderOnly } from '@semcore/
|
|
1
|
+
{"version":3,"file":"PickerFormat.js","names":["React","Component","sstyled","Root","Box","keyboardFocusEnhance","ScreenReaderOnly","uniqueIDEnhancement","TimePickerFormat","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","changedFormatNotice","setTimeout","_this$asProps","asProps","meridiem","getI18nText","setState","_createClass","key","value","render","_ref","_ref2","SPickerFormat","_this$asProps2","Children","styles","uid","state","SPickerFormatText","createElement","Fragment","cn","_objectSpread","_assignProps","handleClick","origin"],"sources":["../../src/PickerFormat.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { ScreenReaderOnly } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nclass TimePickerFormat extends Component {\n static enhance = [keyboardFocusEnhance(), uniqueIDEnhancement()];\n\n state = {\n changedFormatNotice: '',\n };\n\n handleClick = () => {\n setTimeout(() => {\n const { meridiem, getI18nText } = this.asProps;\n this.setState({ changedFormatNotice: getI18nText('changedFormatNotice', { meridiem }) });\n }, 0);\n\n setTimeout(() => {\n this.setState({ changedFormatNotice: '' });\n }, 2000);\n };\n\n render() {\n const SPickerFormat = Root;\n const { Children, meridiem, styles, getI18nText, uid } = this.asProps;\n const { changedFormatNotice } = this.state;\n const SPickerFormatText = 'span';\n\n return sstyled(styles)(\n <>\n <SPickerFormat\n render={Box}\n type='button'\n tag='button'\n onClick={this.handleClick}\n aria-describedby={`${uid}_describe`}\n >\n {Children.origin ? <Children /> : <SPickerFormatText>{meridiem}</SPickerFormatText>}\n </SPickerFormat>\n <ScreenReaderOnly role={'status'} aria-live={'polite'}>\n {changedFormatNotice}\n </ScreenReaderOnly>\n <ScreenReaderOnly aria-hidden={'true'} id={`${uid}_describe`}>\n {getI18nText('formatToggler')}\n </ScreenReaderOnly>\n </>,\n );\n }\n}\n\nexport default TimePickerFormat;\n"],"mappings":"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"}
|
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_1j8mk_gg_{position:relative;width:auto;outline:0}.___STimePicker_1j8mk_gg_.__keyboardFocused_1j8mk_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1j8mk_gg_.__disabled_1j8mk_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1j8mk_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1j8mk_gg_.__placeholder_1j8mk_gg_{text-overflow:initial}.___SPickerInput_1j8mk_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1j8mk_gg_._size_l_1j8mk_gg_,.___SPickerInput_1j8mk_gg_._size_m_1j8mk_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1j8mk_gg_._size_l_1j8mk_gg_{width:21px}.___SPickerFormat_1j8mk_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_1j8mk_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1j8mk_gg_.__active_1j8mk_gg_,.___SPickerFormat_1j8mk_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1j8mk_gg_:focus,.___SPickerFormat_1j8mk_gg_:focus-visible{outline:0}.___SPickerFormat_1j8mk_gg_._size_m_1j8mk_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1j8mk_gg_._size_m_1j8mk_gg_ .___SPickerFormatText_1j8mk_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1j8mk_gg_._size_l_1j8mk_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_1j8mk_gg_._size_l_1j8mk_gg_ .___SPickerFormatText_1j8mk_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1j8mk_gg_.__disabled_1j8mk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1j8mk_gg_.__keyboardFocused_1j8mk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1j8mk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1j8mk_gg_.__disabled_1j8mk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1j8mk_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__STimePicker": "___STimePicker_1j8mk_gg_",
|
|
23
|
+
"_keyboardFocused": "__keyboardFocused_1j8mk_gg_",
|
|
24
|
+
"_disabled": "__disabled_1j8mk_gg_",
|
|
25
|
+
"__SPickerInput": "___SPickerInput_1j8mk_gg_",
|
|
26
|
+
"_size_m": "_size_m_1j8mk_gg_",
|
|
27
|
+
"_size_l": "_size_l_1j8mk_gg_",
|
|
28
|
+
"__SPickerFormat": "___SPickerFormat_1j8mk_gg_",
|
|
29
|
+
"__STimePickerSeparator": "___STimePickerSeparator_1j8mk_gg_",
|
|
30
|
+
"_placeholder": "__placeholder_1j8mk_gg_",
|
|
31
|
+
"_active": "__active_1j8mk_gg_",
|
|
32
|
+
"__SPickerFormatText": "___SPickerFormatText_1j8mk_gg_"
|
|
33
33
|
});
|
|
34
34
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
35
35
|
var MAP_MERIDIEM = {
|
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.49.
|
|
4
|
+
"version": "4.49.6-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,14 +9,14 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/button": "5.
|
|
13
|
-
"@semcore/flex-box": "5.
|
|
14
|
-
"@semcore/input": "4.
|
|
15
|
-
"@semcore/select": "4.48.
|
|
16
|
-
"@semcore/utils": "4.
|
|
12
|
+
"@semcore/button": "5.40.0-prerelease.0",
|
|
13
|
+
"@semcore/flex-box": "5.39.0-prerelease.0",
|
|
14
|
+
"@semcore/input": "4.40.0-prerelease.0",
|
|
15
|
+
"@semcore/select": "4.48.6-prerelease.0",
|
|
16
|
+
"@semcore/utils": "4.44.0-prerelease.0"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@semcore/core": "^2.
|
|
19
|
+
"@semcore/core": "^2.37.0-prerelease.0",
|
|
20
20
|
"react": "16.8 - 18",
|
|
21
21
|
"react-dom": "16.8 - 18"
|
|
22
22
|
},
|