@semcore/time-picker 4.53.0-prerelease.0 → 4.53.0-prerelease.1

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.
Files changed (78) hide show
  1. package/lib/cjs/PickerFormat.js +85 -0
  2. package/lib/cjs/PickerFormat.js.map +1 -0
  3. package/lib/cjs/{component/PickerInput/PickerInput.js → PickerInput.js} +108 -89
  4. package/lib/cjs/PickerInput.js.map +1 -0
  5. package/lib/cjs/TimePicker.js +360 -0
  6. package/lib/cjs/TimePicker.js.map +1 -0
  7. package/lib/cjs/index.d.js +2 -0
  8. package/lib/cjs/index.d.js.map +1 -0
  9. package/lib/cjs/index.js +5 -6
  10. package/lib/cjs/index.js.map +1 -1
  11. package/lib/cjs/{component/PickerFormat/picker-format.shadow.css → style/time-picker.shadow.css} +62 -2
  12. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +5 -4
  13. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  14. package/lib/es6/PickerFormat.js +79 -0
  15. package/lib/es6/PickerFormat.js.map +1 -0
  16. package/lib/es6/{component/PickerInput/PickerInput.js → PickerInput.js} +106 -90
  17. package/lib/es6/PickerInput.js.map +1 -0
  18. package/lib/es6/TimePicker.js +348 -0
  19. package/lib/es6/TimePicker.js.map +1 -0
  20. package/lib/es6/index.d.js +2 -0
  21. package/lib/es6/index.d.js.map +1 -0
  22. package/lib/es6/index.js +2 -2
  23. package/lib/es6/index.js.map +1 -1
  24. package/lib/{esm/component/PickerFormat/picker-format.shadow.css → es6/style/time-picker.shadow.css} +62 -2
  25. package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
  26. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  27. package/lib/esm/PickerFormat.mjs +70 -0
  28. package/lib/esm/{component/PickerInput/PickerInput.mjs → PickerInput.mjs} +100 -92
  29. package/lib/esm/TimePicker.mjs +305 -0
  30. package/lib/esm/index.mjs +7 -3
  31. package/lib/{es6/component/PickerFormat/picker-format.shadow.css → esm/style/time-picker.shadow.css} +62 -2
  32. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
  33. package/lib/types/index.d.ts +63 -2
  34. package/package.json +7 -7
  35. package/lib/cjs/component/PickerFormat/PickerFormat.js +0 -93
  36. package/lib/cjs/component/PickerFormat/PickerFormat.js.map +0 -1
  37. package/lib/cjs/component/PickerFormat/PickerFormat.type.js +0 -2
  38. package/lib/cjs/component/PickerFormat/PickerFormat.type.js.map +0 -1
  39. package/lib/cjs/component/PickerInput/PickerInput.js.map +0 -1
  40. package/lib/cjs/component/PickerInput/PickerInput.type.js +0 -2
  41. package/lib/cjs/component/PickerInput/PickerInput.type.js.map +0 -1
  42. package/lib/cjs/component/PickerInput/picker-input.shadow.css +0 -11
  43. package/lib/cjs/component/TimePicker/TimePicker.js +0 -254
  44. package/lib/cjs/component/TimePicker/TimePicker.js.map +0 -1
  45. package/lib/cjs/component/TimePicker/TimePicker.type.js +0 -2
  46. package/lib/cjs/component/TimePicker/TimePicker.type.js.map +0 -1
  47. package/lib/cjs/component/TimePicker/time-picker.shadow.css +0 -34
  48. package/lib/cjs/entity/TimePickerEntity.js +0 -101
  49. package/lib/cjs/entity/TimePickerEntity.js.map +0 -1
  50. package/lib/es6/component/PickerFormat/PickerFormat.js +0 -88
  51. package/lib/es6/component/PickerFormat/PickerFormat.js.map +0 -1
  52. package/lib/es6/component/PickerFormat/PickerFormat.type.js +0 -2
  53. package/lib/es6/component/PickerFormat/PickerFormat.type.js.map +0 -1
  54. package/lib/es6/component/PickerInput/PickerInput.js.map +0 -1
  55. package/lib/es6/component/PickerInput/PickerInput.type.js +0 -2
  56. package/lib/es6/component/PickerInput/PickerInput.type.js.map +0 -1
  57. package/lib/es6/component/PickerInput/picker-input.shadow.css +0 -11
  58. package/lib/es6/component/TimePicker/TimePicker.js +0 -250
  59. package/lib/es6/component/TimePicker/TimePicker.js.map +0 -1
  60. package/lib/es6/component/TimePicker/TimePicker.type.js +0 -2
  61. package/lib/es6/component/TimePicker/TimePicker.type.js.map +0 -1
  62. package/lib/es6/component/TimePicker/time-picker.shadow.css +0 -34
  63. package/lib/es6/entity/TimePickerEntity.js +0 -94
  64. package/lib/es6/entity/TimePickerEntity.js.map +0 -1
  65. package/lib/esm/component/PickerFormat/PickerFormat.mjs +0 -86
  66. package/lib/esm/component/PickerInput/picker-input.shadow.css +0 -11
  67. package/lib/esm/component/TimePicker/TimePicker.mjs +0 -233
  68. package/lib/esm/component/TimePicker/TimePicker.type.mjs +0 -1
  69. package/lib/esm/component/TimePicker/time-picker.shadow.css +0 -34
  70. package/lib/esm/entity/TimePickerEntity.mjs +0 -90
  71. package/lib/types/component/PickerFormat/PickerFormat.d.ts +0 -17
  72. package/lib/types/component/PickerFormat/PickerFormat.type.d.ts +0 -16
  73. package/lib/types/component/PickerInput/PickerInput.d.ts +0 -54
  74. package/lib/types/component/PickerInput/PickerInput.type.d.ts +0 -13
  75. package/lib/types/component/TimePicker/TimePicker.d.ts +0 -3
  76. package/lib/types/component/TimePicker/TimePicker.type.d.ts +0 -50
  77. package/lib/types/entity/TimePickerEntity.d.ts +0 -22
  78. package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +0 -114
@@ -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.376 0.247 264.2 / 0.441));
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.405 0.257 264.2 / 0.093));
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 -1px 0 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.376 0.247 264.2 / 0.441));
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,
@@ -1,2 +1,63 @@
1
- export { default } from './component/TimePicker/TimePicker';
2
- export * from './component/TimePicker/TimePicker.type';
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.0",
4
+ "version": "4.53.0-prerelease.1",
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.0",
18
- "@semcore/flex-box": "5.42.0-prerelease.0",
19
- "@semcore/input": "4.43.0-prerelease.0",
20
- "@semcore/select": "4.53.0-prerelease.0",
21
- "@semcore/utils": "4.49.0-prerelease.0"
17
+ "@semcore/button": "5.44.0-prerelease.1",
18
+ "@semcore/flex-box": "5.42.0-prerelease.1",
19
+ "@semcore/input": "4.43.0-prerelease.1",
20
+ "@semcore/select": "4.53.0-prerelease.1",
21
+ "@semcore/utils": "4.49.0-prerelease.1"
22
22
  },
23
23
  "peerDependencies": {
24
- "@semcore/core": "^2.40.0-prerelease.0",
24
+ "@semcore/core": "^2.40.0-prerelease.1",
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":"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","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=PickerFormat.type.js.map
@@ -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,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=PickerInput.type.js.map
@@ -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,11 +0,0 @@
1
- SPickerInput[size='m'] {
2
- width: 19px;
3
- margin: 0 var(--intergalactic-spacing-2x, 8px);
4
- padding: 0;
5
- }
6
-
7
- SPickerInput[size='l'] {
8
- width: 21px;
9
- margin: 0 var(--intergalactic-spacing-2x, 8px);
10
- padding: 0;
11
- }
@@ -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