@semcore/time-picker 4.53.0-prerelease.0 → 4.53.0-prerelease.4
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/lib/cjs/PickerFormat.js +85 -0
- package/lib/cjs/PickerFormat.js.map +1 -0
- package/lib/cjs/{component/PickerInput/PickerInput.js → PickerInput.js} +108 -89
- package/lib/cjs/PickerInput.js.map +1 -0
- package/lib/cjs/TimePicker.js +360 -0
- package/lib/cjs/TimePicker.js.map +1 -0
- package/lib/cjs/index.d.js +2 -0
- package/lib/cjs/index.d.js.map +1 -0
- package/lib/cjs/index.js +5 -6
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/{component/PickerFormat/picker-format.shadow.css → style/time-picker.shadow.css} +62 -2
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +5 -4
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/PickerFormat.js +79 -0
- package/lib/es6/PickerFormat.js.map +1 -0
- package/lib/es6/{component/PickerInput/PickerInput.js → PickerInput.js} +106 -90
- package/lib/es6/PickerInput.js.map +1 -0
- package/lib/es6/TimePicker.js +348 -0
- package/lib/es6/TimePicker.js.map +1 -0
- package/lib/es6/index.d.js +2 -0
- package/lib/es6/index.d.js.map +1 -0
- package/lib/es6/index.js +2 -2
- package/lib/es6/index.js.map +1 -1
- package/lib/{esm/component/PickerFormat/picker-format.shadow.css → es6/style/time-picker.shadow.css} +62 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/PickerFormat.mjs +70 -0
- package/lib/esm/{component/PickerInput/PickerInput.mjs → PickerInput.mjs} +100 -92
- package/lib/esm/TimePicker.mjs +305 -0
- package/lib/esm/index.mjs +7 -3
- package/lib/{es6/component/PickerFormat/picker-format.shadow.css → esm/style/time-picker.shadow.css} +62 -2
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/types/index.d.ts +63 -2
- package/package.json +7 -7
- package/lib/cjs/component/PickerFormat/PickerFormat.js +0 -93
- package/lib/cjs/component/PickerFormat/PickerFormat.js.map +0 -1
- package/lib/cjs/component/PickerFormat/PickerFormat.type.js +0 -2
- package/lib/cjs/component/PickerFormat/PickerFormat.type.js.map +0 -1
- package/lib/cjs/component/PickerInput/PickerInput.js.map +0 -1
- package/lib/cjs/component/PickerInput/PickerInput.type.js +0 -2
- package/lib/cjs/component/PickerInput/PickerInput.type.js.map +0 -1
- package/lib/cjs/component/PickerInput/picker-input.shadow.css +0 -11
- package/lib/cjs/component/TimePicker/TimePicker.js +0 -254
- package/lib/cjs/component/TimePicker/TimePicker.js.map +0 -1
- package/lib/cjs/component/TimePicker/TimePicker.type.js +0 -2
- package/lib/cjs/component/TimePicker/TimePicker.type.js.map +0 -1
- package/lib/cjs/component/TimePicker/time-picker.shadow.css +0 -34
- package/lib/cjs/entity/TimePickerEntity.js +0 -101
- package/lib/cjs/entity/TimePickerEntity.js.map +0 -1
- package/lib/es6/component/PickerFormat/PickerFormat.js +0 -88
- package/lib/es6/component/PickerFormat/PickerFormat.js.map +0 -1
- package/lib/es6/component/PickerFormat/PickerFormat.type.js +0 -2
- package/lib/es6/component/PickerFormat/PickerFormat.type.js.map +0 -1
- package/lib/es6/component/PickerInput/PickerInput.js.map +0 -1
- package/lib/es6/component/PickerInput/PickerInput.type.js +0 -2
- package/lib/es6/component/PickerInput/PickerInput.type.js.map +0 -1
- package/lib/es6/component/PickerInput/picker-input.shadow.css +0 -11
- package/lib/es6/component/TimePicker/TimePicker.js +0 -250
- package/lib/es6/component/TimePicker/TimePicker.js.map +0 -1
- package/lib/es6/component/TimePicker/TimePicker.type.js +0 -2
- package/lib/es6/component/TimePicker/TimePicker.type.js.map +0 -1
- package/lib/es6/component/TimePicker/time-picker.shadow.css +0 -34
- package/lib/es6/entity/TimePickerEntity.js +0 -94
- package/lib/es6/entity/TimePickerEntity.js.map +0 -1
- package/lib/esm/component/PickerFormat/PickerFormat.mjs +0 -86
- package/lib/esm/component/PickerInput/picker-input.shadow.css +0 -11
- package/lib/esm/component/TimePicker/TimePicker.mjs +0 -233
- package/lib/esm/component/TimePicker/TimePicker.type.mjs +0 -1
- package/lib/esm/component/TimePicker/time-picker.shadow.css +0 -34
- package/lib/esm/entity/TimePickerEntity.mjs +0 -90
- package/lib/types/component/PickerFormat/PickerFormat.d.ts +0 -17
- package/lib/types/component/PickerFormat/PickerFormat.type.d.ts +0 -16
- package/lib/types/component/PickerInput/PickerInput.d.ts +0 -54
- package/lib/types/component/PickerInput/PickerInput.type.d.ts +0 -13
- package/lib/types/component/TimePicker/TimePicker.d.ts +0 -3
- package/lib/types/component/TimePicker/TimePicker.type.d.ts +0 -50
- package/lib/types/entity/TimePickerEntity.d.ts +0 -22
- package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +0 -114
package/lib/{es6/component/PickerFormat/picker-format.shadow.css → esm/style/time-picker.shadow.css}
RENAMED
|
@@ -1,3 +1,44 @@
|
|
|
1
|
+
STimePicker {
|
|
2
|
+
position: relative;
|
|
3
|
+
width: auto;
|
|
4
|
+
outline: none;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
STimePicker[keyboardFocused]:focus {
|
|
8
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
STimePicker[disabled] {
|
|
12
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
13
|
+
cursor: default;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
SPickerInput {
|
|
17
|
+
box-sizing: content-box;
|
|
18
|
+
text-align: center;
|
|
19
|
+
z-index: 1;
|
|
20
|
+
height: 1.5em;
|
|
21
|
+
|
|
22
|
+
&[placeholder] {
|
|
23
|
+
text-overflow: initial;
|
|
24
|
+
}
|
|
25
|
+
&:focus {
|
|
26
|
+
background-color: var(--intergalactic-bg-highlight-focus, oklch(0.939 0.032 268));
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
SPickerInput[size='m'] {
|
|
31
|
+
width: 19px;
|
|
32
|
+
margin: 0 var(--intergalactic-spacing-2x, 8px);
|
|
33
|
+
padding: 0;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
SPickerInput[size='l'] {
|
|
37
|
+
width: 21px;
|
|
38
|
+
margin: 0 var(--intergalactic-spacing-2x, 8px);
|
|
39
|
+
padding: 0;
|
|
40
|
+
}
|
|
41
|
+
|
|
1
42
|
SPickerFormat {
|
|
2
43
|
flex-shrink: 0;
|
|
3
44
|
position: relative;
|
|
@@ -12,6 +53,7 @@ SPickerFormat {
|
|
|
12
53
|
border: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
|
|
13
54
|
border-radius: 0 var(--intergalactic-control-rounded, 6px)
|
|
14
55
|
var(--intergalactic-control-rounded, 6px) 0;
|
|
56
|
+
outline: 0;
|
|
15
57
|
box-shadow: none;
|
|
16
58
|
cursor: pointer;
|
|
17
59
|
box-sizing: border-box;
|
|
@@ -32,6 +74,11 @@ SPickerFormat {
|
|
|
32
74
|
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
33
75
|
background-color: var(--intergalactic-bg-secondary-neutral-active, oklch(0.94 0.002 180));
|
|
34
76
|
}
|
|
77
|
+
|
|
78
|
+
&:focus,
|
|
79
|
+
&:focus-visible {
|
|
80
|
+
outline: none;
|
|
81
|
+
}
|
|
35
82
|
}
|
|
36
83
|
|
|
37
84
|
SPickerFormat[size='m'] {
|
|
@@ -47,7 +94,7 @@ SPickerFormat[size='m'] {
|
|
|
47
94
|
SPickerFormat[size='l'] {
|
|
48
95
|
height: var(--intergalactic-form-control-l, 40px);
|
|
49
96
|
font-size: var(--intergalactic-fs-300, 16px);
|
|
50
|
-
margin: 0 -
|
|
97
|
+
margin: 0 calc(-1 * var(--intergalactic-spacing-1x, 4px)) 0 0;
|
|
51
98
|
& SPickerFormatText {
|
|
52
99
|
margin: 0 var(--intergalactic-spacing-3x, 12px);
|
|
53
100
|
}
|
|
@@ -58,4 +105,17 @@ SPickerFormat[disabled] {
|
|
|
58
105
|
cursor: default;
|
|
59
106
|
pointer-events: none;
|
|
60
107
|
border-color: transparent transparent transparent var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
|
|
61
|
-
}
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
SPickerFormat[keyboardFocused] {
|
|
111
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
STimePickerSeparator {
|
|
115
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
STimePickerSeparator[disabled] {
|
|
119
|
+
opacity: var(--intergalactic-disabled-opacity, 0.4);
|
|
120
|
+
pointer-events: none;
|
|
121
|
+
}
|
|
@@ -6,12 +6,12 @@ import it from "./it.json.mjs";
|
|
|
6
6
|
import ja from "./ja.json.mjs";
|
|
7
7
|
import ko from "./ko.json.mjs";
|
|
8
8
|
import nl from "./nl.json.mjs";
|
|
9
|
-
import pl from "./pl.json.mjs";
|
|
10
9
|
import pt from "./pt.json.mjs";
|
|
11
|
-
import sv from "./sv.json.mjs";
|
|
12
10
|
import tr from "./tr.json.mjs";
|
|
13
11
|
import vi from "./vi.json.mjs";
|
|
14
12
|
import zh from "./zh.json.mjs";
|
|
13
|
+
import pl from "./pl.json.mjs";
|
|
14
|
+
import sv from "./sv.json.mjs";
|
|
15
15
|
var localizedMessages = {
|
|
16
16
|
de,
|
|
17
17
|
en,
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,2 +1,63 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
|
|
3
|
+
import { InputProps, InputValueProps } from '@semcore/input';
|
|
4
|
+
import { Box, BoxProps } from '@semcore/flex-box';
|
|
5
|
+
import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
6
|
+
|
|
7
|
+
/** @deprecated */
|
|
8
|
+
export interface ITimePickerProps extends TimePickerProps, UnknownProperties {}
|
|
9
|
+
export type TimePickerProps = Omit<InputProps, 'size'> & {
|
|
10
|
+
/** Time in the hh:mm format */
|
|
11
|
+
value?: string;
|
|
12
|
+
/** Default value if `value` property is not provided */
|
|
13
|
+
defaultValue?: string;
|
|
14
|
+
/** The event responses upon time changing */
|
|
15
|
+
onChange?: (time: string, event?: React.SyntheticEvent) => void;
|
|
16
|
+
/** In charge of the component blocking */
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
/** Control size
|
|
19
|
+
* @default m */
|
|
20
|
+
size?: 'm' | 'l';
|
|
21
|
+
/** 12-hour time format */
|
|
22
|
+
is12Hour?: boolean;
|
|
23
|
+
locale?: string;
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
/** @deprecated */
|
|
27
|
+
export interface ITimePickerItemProps extends TimePickerItemProps, UnknownProperties {}
|
|
28
|
+
export type TimePickerItemProps = InputValueProps & {
|
|
29
|
+
/** Step for changing of the values in the dropdown list */
|
|
30
|
+
step?: number;
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
/** @deprecated */
|
|
34
|
+
export interface ITimePickerFormatProps extends TimePickerFormatProps, UnknownProperties {}
|
|
35
|
+
export type TimePickerFormatProps = BoxProps & KeyboardFocusProps & {};
|
|
36
|
+
|
|
37
|
+
/** @deprecated */
|
|
38
|
+
export interface ITimePickerContext extends TimePickerContext, UnknownProperties {}
|
|
39
|
+
export type TimePickerContext = {
|
|
40
|
+
getHoursProps: PropGetterFn;
|
|
41
|
+
getFormatProps: PropGetterFn;
|
|
42
|
+
getMinutesProps: PropGetterFn;
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
/** @deprecated */
|
|
46
|
+
export interface ITimePickerHandlers extends TimePickerHandlers, UnknownProperties {}
|
|
47
|
+
export type TimePickerHandlers = {
|
|
48
|
+
value: (value: string) => void;
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
declare const TimePicker: Intergalactic.Component<
|
|
52
|
+
'div',
|
|
53
|
+
TimePickerProps,
|
|
54
|
+
TimePickerContext,
|
|
55
|
+
[handlers: TimePickerHandlers]
|
|
56
|
+
> & {
|
|
57
|
+
Hours: Intergalactic.Component<'div', TimePickerItemProps>;
|
|
58
|
+
Minutes: Intergalactic.Component<'div', TimePickerItemProps>;
|
|
59
|
+
Separator: typeof Box;
|
|
60
|
+
Format: Intergalactic.Component<'div', TimePickerFormatProps>;
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
export default TimePicker;
|
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.53.0-prerelease.
|
|
4
|
+
"version": "4.53.0-prerelease.4",
|
|
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.44.0-prerelease.
|
|
18
|
-
"@semcore/flex-box": "5.42.0-prerelease.
|
|
19
|
-
"@semcore/input": "4.43.0-prerelease.
|
|
20
|
-
"@semcore/select": "4.53.0-prerelease.
|
|
21
|
-
"@semcore/utils": "4.49.0-prerelease.
|
|
17
|
+
"@semcore/button": "5.44.0-prerelease.4",
|
|
18
|
+
"@semcore/flex-box": "5.42.0-prerelease.4",
|
|
19
|
+
"@semcore/input": "4.43.0-prerelease.4",
|
|
20
|
+
"@semcore/select": "4.53.0-prerelease.4",
|
|
21
|
+
"@semcore/utils": "4.49.0-prerelease.4"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@semcore/core": "^2.40.0-prerelease.
|
|
24
|
+
"@semcore/core": "^2.40.0-prerelease.4",
|
|
25
25
|
"react": "16.8 - 18",
|
|
26
26
|
"react-dom": "16.8 - 18"
|
|
27
27
|
},
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
|
-
var _core = require("@semcore/core");
|
|
15
|
-
var _baseComponents = require("@semcore/base-components");
|
|
16
|
-
var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
|
|
17
|
-
var _react = _interopRequireDefault(require("react"));
|
|
18
|
-
/*!__reshadow-styles__:"./picker-format.shadow.css"*/
|
|
19
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPickerFormat_294sn_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, rgba(0, 12, 8, 0.161));border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_294sn_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_294sn_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161));color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SPickerFormat_294sn_gg_:hover{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_294sn_gg_:hover{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_294sn_gg_:hover{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}.___SPickerFormat_294sn_gg_.__active_294sn_gg_,.___SPickerFormat_294sn_gg_:active{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral-active, rgb(234, 235, 235))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_294sn_gg_.__active_294sn_gg_,.___SPickerFormat_294sn_gg_:active{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_294sn_gg_.__active_294sn_gg_,.___SPickerFormat_294sn_gg_:active{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SPickerFormat_294sn_gg_._size_m_294sn_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_294sn_gg_._size_m_294sn_gg_ .___SPickerFormatText_294sn_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_294sn_gg_._size_l_294sn_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0-1px 0 0}.___SPickerFormat_294sn_gg_._size_l_294sn_gg_ .___SPickerFormatText_294sn_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_294sn_gg_.__disabled_294sn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_294sn_gg_.__disabled_294sn_gg_{border-color:transparent transparent transparent var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPickerFormat_294sn_gg_.__disabled_294sn_gg_{border-color:transparent transparent transparent var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}", /*__inner_css_end__*/"294sn_gg_"),
|
|
20
|
-
/*__reshadow_css_end__*/
|
|
21
|
-
{
|
|
22
|
-
"__SPickerFormat": "___SPickerFormat_294sn_gg_",
|
|
23
|
-
"_disabled": "__disabled_294sn_gg_",
|
|
24
|
-
"_active": "__active_294sn_gg_",
|
|
25
|
-
"_size_m": "_size_m_294sn_gg_",
|
|
26
|
-
"__SPickerFormatText": "___SPickerFormatText_294sn_gg_",
|
|
27
|
-
"_size_l": "_size_l_294sn_gg_"
|
|
28
|
-
});
|
|
29
|
-
var TimePickerFormat = /*#__PURE__*/function (_Component) {
|
|
30
|
-
function TimePickerFormat() {
|
|
31
|
-
var _this;
|
|
32
|
-
(0, _classCallCheck2["default"])(this, TimePickerFormat);
|
|
33
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
34
|
-
args[_key] = arguments[_key];
|
|
35
|
-
}
|
|
36
|
-
_this = (0, _callSuper2["default"])(this, TimePickerFormat, [].concat(args));
|
|
37
|
-
(0, _defineProperty2["default"])(_this, "state", {
|
|
38
|
-
changedFormatNotice: ''
|
|
39
|
-
});
|
|
40
|
-
(0, _defineProperty2["default"])(_this, "handleClick", function () {
|
|
41
|
-
setTimeout(function () {
|
|
42
|
-
var _this$asProps = _this.asProps,
|
|
43
|
-
meridiem = _this$asProps.meridiem,
|
|
44
|
-
getI18nText = _this$asProps.getI18nText;
|
|
45
|
-
_this.setState({
|
|
46
|
-
changedFormatNotice: getI18nText('changedFormatNotice', {
|
|
47
|
-
meridiem: meridiem
|
|
48
|
-
})
|
|
49
|
-
});
|
|
50
|
-
}, 0);
|
|
51
|
-
setTimeout(function () {
|
|
52
|
-
_this.setState({
|
|
53
|
-
changedFormatNotice: ''
|
|
54
|
-
});
|
|
55
|
-
}, 2000);
|
|
56
|
-
});
|
|
57
|
-
return _this;
|
|
58
|
-
}
|
|
59
|
-
(0, _inherits2["default"])(TimePickerFormat, _Component);
|
|
60
|
-
return (0, _createClass2["default"])(TimePickerFormat, [{
|
|
61
|
-
key: "render",
|
|
62
|
-
value: function render() {
|
|
63
|
-
var _ref = this.asProps,
|
|
64
|
-
_ref2;
|
|
65
|
-
var SPickerFormat = _baseComponents.Box;
|
|
66
|
-
var _this$asProps2 = this.asProps,
|
|
67
|
-
Children = _this$asProps2.Children,
|
|
68
|
-
meridiem = _this$asProps2.meridiem,
|
|
69
|
-
styles = _this$asProps2.styles,
|
|
70
|
-
getI18nText = _this$asProps2.getI18nText,
|
|
71
|
-
uid = _this$asProps2.uid;
|
|
72
|
-
var changedFormatNotice = this.state.changedFormatNotice;
|
|
73
|
-
var SPickerFormatText = 'span';
|
|
74
|
-
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SPickerFormat, _ref2.cn("SPickerFormat", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
75
|
-
"type": 'button',
|
|
76
|
-
"tag": 'button',
|
|
77
|
-
"tabIndex": 0,
|
|
78
|
-
"onClick": this.handleClick,
|
|
79
|
-
"aria-describedby": "".concat(uid, "_describe")
|
|
80
|
-
}, _ref))), Children.origin ? /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SPickerFormatText, _ref2.cn("SPickerFormatText", {}), meridiem)), /*#__PURE__*/_react["default"].createElement(_baseComponents.ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
|
|
81
|
-
"role": 'status',
|
|
82
|
-
"aria-live": 'polite'
|
|
83
|
-
}), changedFormatNotice), /*#__PURE__*/_react["default"].createElement(_baseComponents.ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
|
|
84
|
-
"aria-hidden": 'true',
|
|
85
|
-
"id": "".concat(uid, "_describe")
|
|
86
|
-
}), getI18nText('formatToggler')));
|
|
87
|
-
}
|
|
88
|
-
}]);
|
|
89
|
-
}(_core.Component);
|
|
90
|
-
(0, _defineProperty2["default"])(TimePickerFormat, "style", style);
|
|
91
|
-
(0, _defineProperty2["default"])(TimePickerFormat, "enhance", [(0, _uniqueID["default"])()]);
|
|
92
|
-
var _default = exports["default"] = TimePickerFormat;
|
|
93
|
-
//# sourceMappingURL=PickerFormat.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PickerFormat.js","names":["_core","require","_baseComponents","_uniqueID","_interopRequireDefault","_react","style","sstyled","insert","TimePickerFormat","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","changedFormatNotice","setTimeout","_this$asProps","asProps","meridiem","getI18nText","setState","_inherits2","_createClass2","key","value","render","_ref","_ref2","SPickerFormat","Box","_this$asProps2","Children","styles","uid","state","SPickerFormatText","createElement","Fragment","cn","_objectSpread2","assignProps","handleClick","origin","ScreenReaderOnly","Component","uniqueIDEnhancement","_default","exports"],"sources":["../../../../src/component/PickerFormat/PickerFormat.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport style from './picker-format.shadow.css';\nimport type { TimePickerFormatProps, TimePickerFormatPropsInternal } from './PickerFormat.type';\n\nclass TimePickerFormat extends Component<TimePickerFormatProps, typeof TimePickerFormat.enhance, {}, TimePickerFormatPropsInternal> {\n static style = style;\n static enhance = [uniqueIDEnhancement()] as const;\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 tabIndex={0}\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":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAA0B;AAAA,IAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAKpBC,gBAAgB,0BAAAC,UAAA;EAAA,SAAAD,iBAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,mBAAAH,gBAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,OAAAQ,WAAA,mBAAAV,gBAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,aAAAV,KAAA,WAIZ;MACNW,mBAAmB,EAAE;IACvB,CAAC;IAAA,IAAAD,gBAAA,aAAAV,KAAA,iBAEa,YAAM;MAClBY,UAAU,CAAC,YAAM;QACf,IAAAC,aAAA,GAAkCb,KAAA,CAAKc,OAAO;UAAtCC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;UAAEC,WAAW,GAAAH,aAAA,CAAXG,WAAW;QAC7BhB,KAAA,CAAKiB,QAAQ,CAAC;UAAEN,mBAAmB,EAAEK,WAAW,CAAC,qBAAqB,EAAE;YAAED,QAAQ,EAARA;UAAS,CAAC;QAAE,CAAC,CAAC;MAC1F,CAAC,EAAE,CAAC,CAAC;MAELH,UAAU,CAAC,YAAM;QACfZ,KAAA,CAAKiB,QAAQ,CAAC;UAAEN,mBAAmB,EAAE;QAAG,CAAC,CAAC;MAC5C,CAAC,EAAE,IAAI,CAAC;IACV,CAAC;IAAA,OAAAX,KAAA;EAAA;EAAA,IAAAkB,UAAA,aAAApB,gBAAA,EAAAC,UAAA;EAAA,WAAAoB,aAAA,aAAArB,gBAAA;IAAAsB,GAAA;IAAAC,KAAA,EAED,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAT,OAAA;QAAAU,KAAA;MACP,IAAMC,aAAa,GAQLC,mBAAG;MAPjB,IAAAC,cAAA,GAAyD,IAAI,CAACb,OAAO;QAA7Dc,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEb,QAAQ,GAAAY,cAAA,CAARZ,QAAQ;QAAEc,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEb,WAAW,GAAAW,cAAA,CAAXX,WAAW;QAAEc,GAAG,GAAAH,cAAA,CAAHG,GAAG;MACpD,IAAQnB,mBAAmB,GAAK,IAAI,CAACoB,KAAK,CAAlCpB,mBAAmB;MAC3B,IAAMqB,iBAAiB,GAAG,MAAM;MAEhC,OAAAR,KAAA,GAAO,IAAA5B,aAAO,EAACiC,MAAM,CAAC,eACpBnC,MAAA,YAAAuC,aAAA,CAAAvC,MAAA,YAAAwC,QAAA,qBACExC,MAAA,YAAAuC,aAAA,CAACR,aAAa,EAAAD,KAAA,CAAAW,EAAA,sBAAAC,cAAA,qBAAA/C,KAAA,CAAAgD,WAAA;QAAA,QAEP,QAAQ;QAAA,OACT,QAAQ;QAAA,YACF,CAAC;QAAA,WACF,IAAI,CAACC,WAAW;QAAA,uBAAA7B,MAAA,CACJqB,GAAG;MAAA,GAAAP,IAAA,KAEvBK,QAAQ,CAACW,MAAM,gBAAG7C,MAAA,YAAAuC,aAAA,CAACL,QAAQ,EAAAJ,KAAA,CAAAW,EAAA,gBAAE,CAAC,gBAAGzC,MAAA,YAAAuC,aAAA,CAACD,iBAAiB,EAAAR,KAAA,CAAAW,EAAA,2BAAEpB,QAA4B,CACrE,CAAC,eAChBrB,MAAA,YAAAuC,aAAA,CAAC1C,eAAA,CAAAiD,gBAAgB,EAAAhB,KAAA,CAAAW,EAAA;QAAA,QAAM,QAAQ;QAAA,aAAW;MAAQ,IAC/CxB,mBACe,CAAC,eACnBjB,MAAA,YAAAuC,aAAA,CAAC1C,eAAA,CAAAiD,gBAAgB,EAAAhB,KAAA,CAAAW,EAAA;QAAA,eAAa,MAAM;QAAA,SAAA1B,MAAA,CAAQqB,GAAG;MAAA,IAC5Cd,WAAW,CAAC,eAAe,CACZ,CAClB,CAAC;IAEP;EAAC;AAAA,EA7C4ByB,eAAS;AAAA,IAAA/B,gBAAA,aAAlCZ,gBAAgB,WACLH,KAAK;AAAA,IAAAe,gBAAA,aADhBZ,gBAAgB,aAEH,CAAC,IAAA4C,oBAAmB,EAAC,CAAC,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,cA8C3B9C,gBAAgB","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PickerFormat.type.js","names":[],"sources":["../../../../src/component/PickerFormat/PickerFormat.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { useI18n } from '@semcore/core/lib/utils/enhances/WithI18n';\n\nimport type { TimePickerMeridiem } from '../TimePicker/TimePicker.type';\n\nexport type TimePickerFormatProps = BoxProps & {};\n\nexport type TimePickerFormatPropsInternal = {\n /** @Internal */\n getI18nText: ReturnType<typeof useI18n>;\n /** @Internal */\n size: 'm' | 'l';\n /** @Internal */\n disabled: boolean;\n /** @Internal */\n meridiem: TimePickerMeridiem;\n /** @Internal */\n onClick: (event: React.SyntheticEvent) => void;\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PickerInput.js","names":["_core","require","_assignProps2","_input","_interopRequireDefault","_select","_react","_excluded","style","sstyled","insert","getOptions","minMax","step","arguments","length","undefined","_minMax","_slicedToArray2","min","max","Number","toFixed","options","Array","fill","numValue","map","_i","index","value","String","padStart","createElement","Option","key","AbstractPickerInput","_Component","_this","_classCallCheck2","_len","args","_key","_callSuper2","concat","_defineProperty2","dirtyValue","visible","React","createRef","_this$minMax","numberValue","isNaN","Math","event","stopPropagation","inputValue","replace","setState","slice","submitChanges","dispatchOnChange","_inherits2","_createClass2","asProps","$onValueChange","field","state","parseValueWithMinMax","render","_ref","_ref2","SPickerInput","Select","Trigger","_this$asProps","styles","onSelect","time","size","disabled","onVisibleChange","ariaLabel","other","_objectWithoutProperties2","_this$state","cn","_objectSpread2","callAllEventHandlers","handleSelect","handleVisibleChange","assignProps","Input","Value","inputRef","handleChange","handleBlur","handleKeyDown","Menu","hMax","Component","_","placeholder","offset","Hours","exports","_AbstractPickerInput2","_this2","_len2","_key2","currentTarget","selectionStart","selectionEnd","preventDefault","focusNext","get","is12Hour","minutesInputRef","current","focus","componentDidUpdate","prevState","props","defaultProps","ml","Minutes","_AbstractPickerInput3","_this3","_len3","_key3","focusPrev","hoursInputRef","mr"],"sources":["../../../../src/component/PickerInput/PickerInput.tsx"],"sourcesContent":["import { Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport Input from '@semcore/input';\nimport Select from '@semcore/select';\nimport React from 'react';\n\nimport style from './picker-input.shadow.css';\nimport type { PickerInputMinMax, PickerInputProps } from './PickerInput.type';\nimport type { TimePickerField } from '../TimePicker/TimePicker.type';\n\nfunction getOptions(minMax: PickerInputMinMax, step = 1) {\n const [min, max] = minMax;\n const length = Number(((max + 1 - min) / step).toFixed(0));\n const options = Array(length).fill('');\n let numValue = min;\n return options.map((_i, index) => {\n numValue = index === 0 ? numValue : numValue + step;\n const value = String(numValue).padStart(2, '0');\n\n return (\n <Select.Option value={value} key={value}>\n {value}\n </Select.Option>\n );\n });\n}\n\ntype State = {\n dirtyValue?: string;\n visible: boolean;\n};\n\nabstract class AbstractPickerInput extends Component<PickerInputProps, [], {}, {}, State> {\n static style = style;\n static defaultProps = (_: PickerInputProps) => ({\n placeholder: '00',\n offset: [-8, 4],\n });\n\n state: State = {\n dirtyValue: undefined,\n visible: false,\n };\n\n inputRef = React.createRef();\n\n abstract get field(): TimePickerField;\n abstract get minMax(): PickerInputMinMax;\n abstract handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;\n\n parseValueWithMinMax = (value: string) => {\n const [min, max] = this.minMax;\n\n const numberValue = isNaN(Number(value)) ? min : Number(value);\n\n return String(Math.max(min, Math.min(max, numberValue)));\n };\n\n dispatchOnChange(value: string, event: React.SyntheticEvent) {\n this.setState({ dirtyValue: undefined });\n this.asProps.$onValueChange(value, this.field, event);\n }\n\n submitChanges(event: React.SyntheticEvent) {\n let { dirtyValue } = this.state;\n if (dirtyValue !== undefined) {\n // if changes value\n if (dirtyValue) dirtyValue = this.parseValueWithMinMax(dirtyValue); // if not \"\"\n this.dispatchOnChange(dirtyValue, event);\n }\n }\n\n handleChange = (value: string, event: React.SyntheticEvent) => {\n event.stopPropagation();\n\n const inputValue = value.replace(/[^0-9]/g, '');\n const numberValue = Number(inputValue);\n\n if (!Number.isNaN(numberValue)) {\n this.setState({ dirtyValue: inputValue.slice(-2) });\n }\n };\n\n handleBlur = (event: React.SyntheticEvent) => this.submitChanges(event);\n\n handleSelect = (value: string, event: React.SyntheticEvent) => {\n this.dispatchOnChange(value, event);\n };\n\n handleVisibleChange = (visible: boolean) => this.setState({ visible });\n\n render() {\n const SPickerInput = Root;\n const { styles, step, onSelect, time, size, disabled, onVisibleChange, ariaLabel, ...other } = this.asProps;\n const { dirtyValue, visible } = this.state;\n const value = dirtyValue === undefined ? time : dirtyValue;\n\n return sstyled(styles)(\n <Select\n {...other}\n interaction='focus'\n size={size}\n onChange={callAllEventHandlers(onSelect, this.handleSelect)}\n onVisibleChange={callAllEventHandlers(onVisibleChange, this.handleVisibleChange)}\n visible={visible}\n value={time}\n defaultHighlightedIndex={time ? null : 0}\n >\n <SPickerInput\n render={Select.Trigger}\n tag={Input.Value}\n ref={this.inputRef}\n inputMode='numeric'\n size={size}\n disabled={disabled}\n neighborLocation={false}\n value={value}\n aria-label={ariaLabel}\n onChange={this.handleChange}\n onBlur={this.handleBlur}\n onKeyDown={this.handleKeyDown}\n />\n <Select.Menu hMax={180}>{getOptions(this.minMax, step)}</Select.Menu>\n </Select>,\n );\n }\n}\n\nclass Hours extends AbstractPickerInput {\n static defaultProps = (props: PickerInputProps) => ({\n ...AbstractPickerInput.defaultProps(props),\n ml: props.size === 'l' ? 3 : undefined,\n });\n\n get field(): TimePickerField {\n return 'hours';\n }\n\n get minMax(): PickerInputMinMax {\n const { is12Hour } = this.asProps;\n\n return is12Hour ? [1, 12] : [0, 23];\n }\n\n focusNext() {\n if (this.asProps.minutesInputRef.current) {\n this.setState({ visible: false });\n this.asProps.minutesInputRef.current.focus();\n }\n }\n\n handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n const { currentTarget } = event;\n if (event.key === 'Enter') {\n this.submitChanges(event);\n }\n if (event.key === 'ArrowRight') {\n if (\n currentTarget.selectionStart &&\n currentTarget.selectionStart >= currentTarget.value.length &&\n currentTarget.selectionStart === currentTarget.selectionEnd\n ) {\n event.preventDefault();\n this.focusNext();\n }\n }\n };\n\n componentDidUpdate(_: PickerInputProps, prevState: State) {\n const { dirtyValue } = this.state;\n if (prevState.dirtyValue === undefined || dirtyValue === undefined) return;\n\n if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {\n this.focusNext();\n }\n }\n}\n\nclass Minutes extends AbstractPickerInput {\n static defaultProps = (props: PickerInputProps) => ({\n ...AbstractPickerInput.defaultProps(props),\n mr: props.size === 'l' ? 3 : undefined,\n });\n\n get field(): TimePickerField {\n return 'minutes';\n }\n\n get minMax(): PickerInputMinMax {\n return [0, 59];\n }\n\n focusPrev() {\n if (this.asProps.hoursInputRef.current) {\n this.setState({ visible: false });\n this.asProps.hoursInputRef.current.focus();\n }\n }\n\n handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n const { currentTarget } = event;\n if (event.key === 'ArrowLeft') {\n if (\n currentTarget.selectionStart &&\n currentTarget.selectionStart <= 0 &&\n currentTarget.selectionStart === currentTarget.selectionEnd\n ) {\n event.preventDefault();\n this.focusPrev();\n }\n }\n if (event.key === 'Backspace') {\n if (currentTarget.value.length === 0) {\n event.preventDefault();\n this.focusPrev();\n }\n }\n if (event.key === 'Enter') this.submitChanges(event);\n };\n}\n\nexport { Hours, Minutes };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PickerInput.type.js","names":[],"sources":["../../../../src/component/PickerInput/PickerInput.type.ts"],"sourcesContent":["import type { SelectProps } from '@semcore/select';\n\nimport type { TimePickerField, TimePickerItemProps } from '../TimePicker/TimePicker.type';\n\nexport type PickerInputProps = SelectProps & TimePickerItemProps & {\n time: string;\n size?: 'm' | 'l';\n is12Hour?: boolean;\n disabled?: boolean;\n $onValueChange: (value: string, field: TimePickerField, event: React.SyntheticEvent) => void;\n minutesInputRef: React.RefObject<HTMLElement>;\n hoursInputRef: React.RefObject<HTMLElement>;\n ariaLabel: string;\n};\n\nexport type PickerInputMinMax = [number, number];\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,254 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
9
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
12
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
|
-
var _applyDecs3 = _interopRequireDefault(require("@babel/runtime/helpers/applyDecs2311"));
|
|
17
|
-
var _identity3 = _interopRequireDefault(require("@babel/runtime/helpers/identity"));
|
|
18
|
-
var _core = require("@semcore/core");
|
|
19
|
-
var _baseComponents = require("@semcore/base-components");
|
|
20
|
-
var _propsObserver = _interopRequireDefault(require("@semcore/core/lib/decorators/propsObserver"));
|
|
21
|
-
var _reactive = _interopRequireDefault(require("@semcore/core/lib/decorators/reactive"));
|
|
22
|
-
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
23
|
-
var _input = _interopRequireDefault(require("@semcore/input"));
|
|
24
|
-
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
var _TimePickerEntity = _interopRequireDefault(require("../../entity/TimePickerEntity"));
|
|
26
|
-
var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
|
|
27
|
-
var _PickerFormat = _interopRequireDefault(require("../PickerFormat/PickerFormat"));
|
|
28
|
-
var _PickerInput = require("../PickerInput/PickerInput");
|
|
29
|
-
var _Class, _TimePickerRoot3, _applyDecs2, _applyDecs2$e, _applyDecs2$c;
|
|
30
|
-
var _initClass, _classDecs, _entityDecs, _init_entity, _init_extra_entity, _TimePickerRoot2, _ref5;
|
|
31
|
-
/*!__reshadow-styles__:"./time-picker.shadow.css"*/
|
|
32
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___STimePicker_1p8j0_gg_{position:relative;width:auto;outline:0}.___STimePicker_1p8j0_gg_ .___SPickerInput_1p8j0_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___STimePicker_1p8j0_gg_ .___SPickerInput_1p8j0_gg_.__placeholder_1p8j0_gg_{text-overflow:initial}.___STimePicker_1p8j0_gg_ .___SPickerInput_1p8j0_gg_:focus{outline:0;background-color:var(--intergalactic-bg-highlight-focus, rgb(231, 234, 251))}.___STimePicker_1p8j0_gg_.__disabled_1p8j0_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));cursor:default}@supports (color:color(display-p3 0 0 0%)){.___STimePicker_1p8j0_gg_.__disabled_1p8j0_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STimePicker_1p8j0_gg_.__disabled_1p8j0_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STimePickerSeparator_1p8j0_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STimePickerSeparator_1p8j0_gg_.__disabled_1p8j0_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);pointer-events:none}", /*__inner_css_end__*/"1p8j0_gg_"),
|
|
33
|
-
/*__reshadow_css_end__*/
|
|
34
|
-
{
|
|
35
|
-
"__STimePicker": "___STimePicker_1p8j0_gg_",
|
|
36
|
-
"_disabled": "__disabled_1p8j0_gg_",
|
|
37
|
-
"__STimePickerSeparator": "___STimePickerSeparator_1p8j0_gg_",
|
|
38
|
-
"__SPickerInput": "___SPickerInput_1p8j0_gg_",
|
|
39
|
-
"_placeholder": "__placeholder_1p8j0_gg_"
|
|
40
|
-
});
|
|
41
|
-
_classDecs = [(0, _propsObserver["default"])(['value', 'is12Hour'])];
|
|
42
|
-
var _TimePickerRoot;
|
|
43
|
-
new (_TimePickerRoot2 = (_ref5 = (_entityDecs = (0, _reactive["default"])(['meridiem'], function () {
|
|
44
|
-
this.forceUpdate();
|
|
45
|
-
}), "hoursInputRef"), _TimePickerRoot3 = /*#__PURE__*/function (_Component) {
|
|
46
|
-
function TimePickerRoot() {
|
|
47
|
-
var _this$props$value;
|
|
48
|
-
var _this;
|
|
49
|
-
(0, _classCallCheck2["default"])(this, TimePickerRoot);
|
|
50
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
51
|
-
args[_key] = arguments[_key];
|
|
52
|
-
}
|
|
53
|
-
_this = (0, _callSuper2["default"])(this, TimePickerRoot, [].concat(args));
|
|
54
|
-
(0, _defineProperty2["default"])(_this, _ref5, /*#__PURE__*/_react["default"].createRef());
|
|
55
|
-
(0, _defineProperty2["default"])(_this, "minutesInputRef", /*#__PURE__*/_react["default"].createRef());
|
|
56
|
-
(0, _defineProperty2["default"])(_this, "state", {
|
|
57
|
-
ariaLabel: ''
|
|
58
|
-
});
|
|
59
|
-
(0, _defineProperty2["default"])(_this, "entity", _init_entity(_this, new _TimePickerEntity["default"]((_this$props$value = _this.props.value) !== null && _this$props$value !== void 0 ? _this$props$value : _this.props.defaultValue, _this.props.is12Hour)));
|
|
60
|
-
(0, _defineProperty2["default"])(_this, "handleValueChange", (_init_extra_entity(_this), function (value, field, event) {
|
|
61
|
-
_this.entity[field] = value;
|
|
62
|
-
_this.handlers.value(_this.entity.toString(), event);
|
|
63
|
-
}));
|
|
64
|
-
(0, _defineProperty2["default"])(_this, "handleMeridiemClick", function (event) {
|
|
65
|
-
_this.entity.toggleMeridiem();
|
|
66
|
-
_this.handlers.value(_this.entity.toString(), event);
|
|
67
|
-
});
|
|
68
|
-
(0, _defineProperty2["default"])(_this, "getCommonPickerInputProps", function () {
|
|
69
|
-
var _this$asProps = _this.asProps,
|
|
70
|
-
is12Hour = _this$asProps.is12Hour,
|
|
71
|
-
size = _this$asProps.size,
|
|
72
|
-
disabled = _this$asProps.disabled;
|
|
73
|
-
return {
|
|
74
|
-
size: size,
|
|
75
|
-
is12Hour: is12Hour,
|
|
76
|
-
disabled: disabled,
|
|
77
|
-
$onValueChange: _this.handleValueChange,
|
|
78
|
-
minutesInputRef: _this.minutesInputRef,
|
|
79
|
-
hoursInputRef: _this.hoursInputRef
|
|
80
|
-
};
|
|
81
|
-
});
|
|
82
|
-
(0, _defineProperty2["default"])(_this, "getHoursProps", function () {
|
|
83
|
-
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _this.getCommonPickerInputProps()), {}, {
|
|
84
|
-
time: _this.entity.hours,
|
|
85
|
-
ariaLabel: _this.asProps.getI18nText('hours'),
|
|
86
|
-
ref: _this.hoursInputRef
|
|
87
|
-
});
|
|
88
|
-
});
|
|
89
|
-
(0, _defineProperty2["default"])(_this, "getMinutesProps", function () {
|
|
90
|
-
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _this.getCommonPickerInputProps()), {}, {
|
|
91
|
-
time: _this.entity.minutes,
|
|
92
|
-
ariaLabel: _this.asProps.getI18nText('minutes'),
|
|
93
|
-
ref: _this.minutesInputRef
|
|
94
|
-
});
|
|
95
|
-
});
|
|
96
|
-
return _this;
|
|
97
|
-
}
|
|
98
|
-
(0, _inherits2["default"])(TimePickerRoot, _Component);
|
|
99
|
-
return (0, _createClass2["default"])(TimePickerRoot, [{
|
|
100
|
-
key: "componentDidMount",
|
|
101
|
-
value: function componentDidMount() {
|
|
102
|
-
var _document$querySelect;
|
|
103
|
-
var _this$asProps2 = this.asProps,
|
|
104
|
-
id = _this$asProps2.id,
|
|
105
|
-
ariaDescribedBy = _this$asProps2['aria-describedby'];
|
|
106
|
-
var selector = "[for=".concat(id, "]");
|
|
107
|
-
var element = (_document$querySelect = document.querySelector(selector)) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("#".concat(ariaDescribedBy));
|
|
108
|
-
if (element) {
|
|
109
|
-
this.setState({
|
|
110
|
-
ariaLabel: element.textContent
|
|
111
|
-
});
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
}, {
|
|
115
|
-
key: "onPropsChange",
|
|
116
|
-
value: function onPropsChange(changedProps) {
|
|
117
|
-
var value = changedProps.value,
|
|
118
|
-
is12Hour = changedProps.is12Hour;
|
|
119
|
-
if (value !== undefined) {
|
|
120
|
-
var _value$split = value.split(':'),
|
|
121
|
-
_value$split2 = (0, _slicedToArray2["default"])(_value$split, 2),
|
|
122
|
-
_value$split2$ = _value$split2[0],
|
|
123
|
-
hours = _value$split2$ === void 0 ? '' : _value$split2$,
|
|
124
|
-
_value$split2$2 = _value$split2[1],
|
|
125
|
-
minutes = _value$split2$2 === void 0 ? '' : _value$split2$2;
|
|
126
|
-
this.entity.hours = hours;
|
|
127
|
-
this.entity.minutes = minutes;
|
|
128
|
-
}
|
|
129
|
-
if (is12Hour !== undefined) {
|
|
130
|
-
this.entity.is12Hour = is12Hour;
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
}, {
|
|
134
|
-
key: "uncontrolledProps",
|
|
135
|
-
value: function uncontrolledProps() {
|
|
136
|
-
return {
|
|
137
|
-
value: null
|
|
138
|
-
};
|
|
139
|
-
}
|
|
140
|
-
}, {
|
|
141
|
-
key: "getSeparatorProps",
|
|
142
|
-
value: function getSeparatorProps() {
|
|
143
|
-
return {
|
|
144
|
-
disabled: this.asProps.disabled,
|
|
145
|
-
hoursInputRef: this.hoursInputRef
|
|
146
|
-
};
|
|
147
|
-
}
|
|
148
|
-
}, {
|
|
149
|
-
key: "getFormatProps",
|
|
150
|
-
value: function getFormatProps() {
|
|
151
|
-
var _this$asProps3 = this.asProps,
|
|
152
|
-
size = _this$asProps3.size,
|
|
153
|
-
disabled = _this$asProps3.disabled,
|
|
154
|
-
getI18nText = _this$asProps3.getI18nText;
|
|
155
|
-
return {
|
|
156
|
-
size: size,
|
|
157
|
-
disabled: disabled,
|
|
158
|
-
meridiem: this.entity.meridiem,
|
|
159
|
-
onClick: this.handleMeridiemClick,
|
|
160
|
-
getI18nText: getI18nText
|
|
161
|
-
};
|
|
162
|
-
}
|
|
163
|
-
}, {
|
|
164
|
-
key: "render",
|
|
165
|
-
value: function render() {
|
|
166
|
-
var _ref = this.asProps,
|
|
167
|
-
_ref3;
|
|
168
|
-
var STimePicker = _input["default"];
|
|
169
|
-
var _this$asProps4 = this.asProps,
|
|
170
|
-
styles = _this$asProps4.styles,
|
|
171
|
-
Children = _this$asProps4.Children,
|
|
172
|
-
value = _this$asProps4.value,
|
|
173
|
-
is12Hour = _this$asProps4.is12Hour,
|
|
174
|
-
getI18nText = _this$asProps4.getI18nText,
|
|
175
|
-
id = _this$asProps4.id;
|
|
176
|
-
var time = "".concat(this.entity.hours, ":").concat(this.entity.minutes);
|
|
177
|
-
var meridiem = is12Hour ? this.entity.meridiem : '';
|
|
178
|
-
var label = value ? "".concat(this.state.ariaLabel, " ").concat(getI18nText('title', {
|
|
179
|
-
time: time,
|
|
180
|
-
meridiem: meridiem
|
|
181
|
-
})) : "".concat(this.state.ariaLabel, " ").concat(getI18nText('titleEmpty'));
|
|
182
|
-
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(STimePicker, _ref3.cn("STimePicker", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
183
|
-
"role": 'group',
|
|
184
|
-
"aria-label": label,
|
|
185
|
-
"__excludeProps": ['value', 'id']
|
|
186
|
-
}, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(_baseComponents.ScreenReaderOnly, _ref3.cn("ScreenReaderOnly", {
|
|
187
|
-
"tag": 'input',
|
|
188
|
-
"tabIndex": -1,
|
|
189
|
-
"id": id,
|
|
190
|
-
"aria-hidden": true,
|
|
191
|
-
"value": "".concat(time, " ").concat(meridiem)
|
|
192
|
-
})));
|
|
193
|
-
}
|
|
194
|
-
}]);
|
|
195
|
-
}(_core.Component), _applyDecs2 = (0, _applyDecs3["default"])(_TimePickerRoot3, _classDecs, [[_entityDecs, 0, "entity"]], 0, void 0, _core.Component), _applyDecs2$e = (0, _slicedToArray2["default"])(_applyDecs2.e, 2), _init_entity = _applyDecs2$e[0], _init_extra_entity = _applyDecs2$e[1], _applyDecs2$c = (0, _slicedToArray2["default"])(_applyDecs2.c, 2), _TimePickerRoot = _applyDecs2$c[0], _initClass = _applyDecs2$c[1], _TimePickerRoot3), _Class = /*#__PURE__*/function (_identity2) {
|
|
196
|
-
function _Class() {
|
|
197
|
-
var _this2;
|
|
198
|
-
(0, _classCallCheck2["default"])(this, _Class);
|
|
199
|
-
_this2 = (0, _callSuper2["default"])(this, _Class, [_TimePickerRoot]), (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "displayName", 'TimePicker'), (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "style", style), (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]), (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "defaultProps", function (_ref6) {
|
|
200
|
-
var is12Hour = _ref6.is12Hour;
|
|
201
|
-
return {
|
|
202
|
-
defaultValue: '',
|
|
203
|
-
size: 'm',
|
|
204
|
-
children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(TimePicker.Hours, null), /*#__PURE__*/_react["default"].createElement(TimePicker.Separator, null), /*#__PURE__*/_react["default"].createElement(TimePicker.Minutes, null), is12Hour && /*#__PURE__*/_react["default"].createElement(TimePicker.Format, null)),
|
|
205
|
-
locale: 'en'
|
|
206
|
-
};
|
|
207
|
-
}), _initClass();
|
|
208
|
-
return _this2;
|
|
209
|
-
}
|
|
210
|
-
(0, _inherits2["default"])(_Class, _identity2);
|
|
211
|
-
return (0, _createClass2["default"])(_Class);
|
|
212
|
-
}(_identity3["default"]), (0, _defineProperty2["default"])(_Class, _TimePickerRoot2, void 0), _Class)();
|
|
213
|
-
var Separator = /*#__PURE__*/function (_Component2) {
|
|
214
|
-
function Separator() {
|
|
215
|
-
var _this3;
|
|
216
|
-
(0, _classCallCheck2["default"])(this, Separator);
|
|
217
|
-
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
218
|
-
args[_key2] = arguments[_key2];
|
|
219
|
-
}
|
|
220
|
-
_this3 = (0, _callSuper2["default"])(this, Separator, [].concat(args));
|
|
221
|
-
(0, _defineProperty2["default"])(_this3, "handlerClick", function () {
|
|
222
|
-
if (_this3.asProps.hoursInputRef.current) {
|
|
223
|
-
var _this3$asProps$hoursI;
|
|
224
|
-
(_this3$asProps$hoursI = _this3.asProps.hoursInputRef.current) === null || _this3$asProps$hoursI === void 0 || _this3$asProps$hoursI.focus();
|
|
225
|
-
}
|
|
226
|
-
});
|
|
227
|
-
return _this3;
|
|
228
|
-
}
|
|
229
|
-
(0, _inherits2["default"])(Separator, _Component2);
|
|
230
|
-
return (0, _createClass2["default"])(Separator, [{
|
|
231
|
-
key: "render",
|
|
232
|
-
value: function render() {
|
|
233
|
-
var _ref2 = this.asProps,
|
|
234
|
-
_ref4;
|
|
235
|
-
var STimePickerSeparator = _baseComponents.Box;
|
|
236
|
-
var styles = this.asProps.styles;
|
|
237
|
-
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STimePickerSeparator, _ref4.cn("STimePickerSeparator", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
238
|
-
"onClick": this.handlerClick,
|
|
239
|
-
"aria-hidden": 'true'
|
|
240
|
-
}, _ref2))));
|
|
241
|
-
}
|
|
242
|
-
}]);
|
|
243
|
-
}(_core.Component);
|
|
244
|
-
(0, _defineProperty2["default"])(Separator, "defaultProps", {
|
|
245
|
-
children: ':'
|
|
246
|
-
});
|
|
247
|
-
var TimePicker = (0, _core.createComponent)(_TimePickerRoot, {
|
|
248
|
-
Hours: _PickerInput.Hours,
|
|
249
|
-
Minutes: _PickerInput.Minutes,
|
|
250
|
-
Separator: Separator,
|
|
251
|
-
Format: _PickerFormat["default"]
|
|
252
|
-
});
|
|
253
|
-
var _default = exports["default"] = TimePicker;
|
|
254
|
-
//# sourceMappingURL=TimePicker.js.map
|