@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 +0,0 @@
1
- {"version":3,"file":"TimePicker.js","names":["_core","require","_baseComponents","_propsObserver","_interopRequireDefault","_reactive","_i18nEnhance","_input","_react","_TimePickerEntity","_intergalacticDynamicLocales","_PickerFormat","_PickerInput","_Class","_TimePickerRoot3","_applyDecs2","_applyDecs2$e","_applyDecs2$c","_initClass","_classDecs","_entityDecs","_init_entity","_init_extra_entity","_TimePickerRoot2","_ref5","style","sstyled","insert","propsObserver","_TimePickerRoot","reactive","forceUpdate","_Component","TimePickerRoot","_this$props$value","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","ariaLabel","TimePickerEntity","props","value","defaultValue","is12Hour","field","event","entity","handlers","toString","toggleMeridiem","_this$asProps","asProps","size","disabled","$onValueChange","handleValueChange","minutesInputRef","hoursInputRef","_objectSpread2","getCommonPickerInputProps","time","hours","getI18nText","ref","minutes","_inherits2","_createClass2","key","componentDidMount","_document$querySelect","_this$asProps2","id","ariaDescribedBy","selector","element","document","querySelector","setState","textContent","onPropsChange","changedProps","undefined","_value$split","split","_value$split2","_slicedToArray2","_value$split2$","_value$split2$2","uncontrolledProps","getSeparatorProps","getFormatProps","_this$asProps3","meridiem","onClick","handleMeridiemClick","render","_ref","_ref3","STimePicker","Input","_this$asProps4","styles","Children","label","state","createElement","Fragment","cn","assignProps","ScreenReaderOnly","Component","_applyDecs3","e","c","_identity2","_this2","_assertThisInitialized2","i18nEnhance","localizedMessages","_ref6","children","TimePicker","Hours","Separator","Minutes","Format","locale","_identity3","_Component2","_this3","_len2","_key2","current","_this3$asProps$hoursI","focus","_ref2","_ref4","STimePickerSeparator","Box","handlerClick","createComponent","_default","exports"],"sources":["../../../../src/component/TimePicker/TimePicker.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport propsObserver from '@semcore/core/lib/decorators/propsObserver';\nimport reactive from '@semcore/core/lib/decorators/reactive';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport Input from '@semcore/input';\nimport React from 'react';\n\nimport style from './time-picker.shadow.css';\nimport type {\n TimePickerComponent,\n TimePickerProps,\n TimePickerField,\n TimePickerSeparatorProps,\n} from './TimePicker.type';\nimport TimePickerEntity from '../../entity/TimePickerEntity';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport Format from '../PickerFormat/PickerFormat';\nimport { Hours, Minutes } from '../PickerInput/PickerInput';\n\n@propsObserver(['value', 'is12Hour'])\nclass TimePickerRoot extends Component<TimePickerProps, typeof TimePickerRoot.enhance, { value: null }> {\n static displayName = 'TimePicker';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)] as const;\n static defaultProps = ({ is12Hour }: TimePickerProps) => ({\n defaultValue: '',\n size: 'm',\n children: (\n <>\n <TimePicker.Hours />\n <TimePicker.Separator />\n <TimePicker.Minutes />\n {is12Hour && <TimePicker.Format />}\n </>\n ),\n locale: 'en',\n });\n\n hoursInputRef = React.createRef<HTMLElement>();\n minutesInputRef = React.createRef<HTMLElement>();\n\n state = {\n ariaLabel: '',\n };\n\n componentDidMount() {\n const { id, 'aria-describedby': ariaDescribedBy } = this.asProps;\n const selector = `[for=${id}]`;\n\n const element = document.querySelector(selector) ?? document.querySelector(`#${ariaDescribedBy}`);\n\n if (element) {\n this.setState({ ariaLabel: element.textContent });\n }\n }\n\n @reactive(['meridiem'], function () {\n this.forceUpdate();\n })\n readonly entity = new TimePickerEntity(this.props.value ?? this.props.defaultValue, this.props.is12Hour);\n\n onPropsChange(changedProps: TimePickerProps) {\n const { value, is12Hour } = changedProps;\n\n if (value !== undefined) {\n const [hours = '', minutes = ''] = value.split(':');\n\n this.entity.hours = hours;\n this.entity.minutes = minutes;\n }\n\n if (is12Hour !== undefined) {\n this.entity.is12Hour = is12Hour;\n }\n }\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleValueChange = (value: string, field: TimePickerField, event: React.SyntheticEvent) => {\n this.entity[field] = value;\n\n this.handlers.value(this.entity.toString(), event);\n };\n\n handleMeridiemClick = (event: React.SyntheticEvent) => {\n this.entity.toggleMeridiem();\n\n this.handlers.value(this.entity.toString(), event);\n };\n\n private getCommonPickerInputProps = () => {\n const { is12Hour, size, disabled } = this.asProps;\n\n return {\n size,\n is12Hour,\n disabled,\n $onValueChange: this.handleValueChange,\n minutesInputRef: this.minutesInputRef,\n hoursInputRef: this.hoursInputRef,\n };\n };\n\n getHoursProps = () => {\n return {\n ...this.getCommonPickerInputProps(),\n time: this.entity.hours,\n ariaLabel: this.asProps.getI18nText('hours'),\n ref: this.hoursInputRef,\n };\n };\n\n getMinutesProps = () => {\n return {\n ...this.getCommonPickerInputProps(),\n time: this.entity.minutes,\n ariaLabel: this.asProps.getI18nText('minutes'),\n ref: this.minutesInputRef,\n };\n };\n\n getSeparatorProps() {\n return {\n disabled: this.asProps.disabled,\n hoursInputRef: this.hoursInputRef,\n };\n }\n\n getFormatProps() {\n const { size, disabled, getI18nText } = this.asProps;\n return {\n size,\n disabled,\n meridiem: this.entity.meridiem,\n onClick: this.handleMeridiemClick,\n getI18nText,\n };\n }\n\n render() {\n const STimePicker = Root;\n const { styles, Children, value, is12Hour, getI18nText, id } = this.asProps;\n\n const time = `${this.entity.hours}:${this.entity.minutes}`;\n const meridiem = is12Hour ? this.entity.meridiem : '';\n\n const label = value\n ? `${this.state.ariaLabel} ${getI18nText('title', {\n time,\n meridiem,\n })}`\n : `${this.state.ariaLabel} ${getI18nText('titleEmpty')}`;\n\n return sstyled(styles)(\n <>\n <STimePicker render={Input} role='group' aria-label={label} __excludeProps={['value', 'id']}>\n <Children />\n </STimePicker>\n <ScreenReaderOnly tag='input' tabIndex={-1} id={id} aria-hidden={true} value={`${time} ${meridiem}`} />\n </>,\n );\n }\n}\nclass Separator extends Component<TimePickerSeparatorProps> {\n static defaultProps = {\n children: ':',\n };\n\n handlerClick = () => {\n if (this.asProps.hoursInputRef.current) {\n this.asProps.hoursInputRef.current?.focus();\n }\n };\n\n render() {\n const STimePickerSeparator = Root;\n const { styles } = this.asProps;\n return sstyled(styles)(<STimePickerSeparator render={Box} onClick={this.handlerClick} aria-hidden='true' />);\n }\n}\n\nconst TimePicker = createComponent(TimePickerRoot, {\n Hours,\n Minutes,\n Separator,\n Format,\n}) as TimePickerComponent;\n\nexport default TimePicker;\n"],"mappings":"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","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=TimePicker.type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TimePicker.type.js","names":[],"sources":["../../../../src/component/TimePicker/TimePicker.type.ts"],"sourcesContent":["import type { Box } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { InputProps, InputValueProps } from '@semcore/input';\n\nimport type { TimePickerFormatProps } from '../PickerFormat/PickerFormat.type';\n\nexport type TimePickerProps = Omit<InputProps, 'size'> & {\n /** Time in the hh:mm format */\n value?: string;\n /** Default value if `value` property is not provided */\n defaultValue?: string;\n /** The event responses upon time changing */\n onChange?: (time: string, event?: React.SyntheticEvent) => void;\n /** In charge of the component blocking */\n disabled?: boolean;\n /** Control size\n * @default m */\n size?: 'm' | 'l';\n /** 12-hour time format */\n is12Hour?: boolean;\n /** Specifies the locale for i18n support */\n locale?: string;\n};\n\nexport type TimePickerSeparatorProps = {\n /** @Internal */\n hoursInputRef: React.RefObject<HTMLElement>;\n /** @Internal */\n disabled?: boolean;\n};\n\nexport type TimePickerItemProps = InputValueProps & {\n /** Step for changing of the values in the dropdown list */\n step?: number;\n};\n\nexport type TimePickerContext = {\n getHoursProps: PropGetterFn;\n getFormatProps: PropGetterFn;\n getMinutesProps: PropGetterFn;\n getSeparatorProps: PropGetterFn;\n};\n\nexport type TimePickerHandlers = {\n value: (value: string) => void;\n};\n\nexport type TimePickerMeridiem = 'AM' | 'PM';\n\nexport type TimePickerField = 'hours' | 'minutes';\n\nexport type TimePickerComponent = Intergalactic.Component<\n 'div',\n TimePickerProps,\n TimePickerContext,\n [handlers: TimePickerHandlers]\n> & {\n Hours: Intergalactic.Component<'div', TimePickerItemProps>;\n Minutes: Intergalactic.Component<'div', TimePickerItemProps>;\n Separator: typeof Box;\n Format: Intergalactic.Component<'div', TimePickerFormatProps>;\n};\n"],"mappings":"","ignoreList":[]}
@@ -1,34 +0,0 @@
1
- STimePicker {
2
- position: relative;
3
- width: auto;
4
- outline: none;
5
-
6
- SPickerInput {
7
- box-sizing: content-box;
8
- text-align: center;
9
- z-index: 1;
10
- height: 1.5em;
11
-
12
- &[placeholder] {
13
- text-overflow: initial;
14
- }
15
- &:focus {
16
- outline: none;
17
- background-color: var(--intergalactic-bg-highlight-focus, oklch(0.94 0.023 278.4));
18
- }
19
- }
20
- }
21
-
22
- STimePicker[disabled] {
23
- color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
24
- cursor: default;
25
- }
26
-
27
- STimePickerSeparator {
28
- color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
29
- }
30
-
31
- STimePickerSeparator[disabled] {
32
- opacity: var(--intergalactic-disabled-opacity, 0.4);
33
- pointer-events: none;
34
- }
@@ -1,101 +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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
12
- var TimePickerEntity = /*#__PURE__*/function () {
13
- function TimePickerEntity() {
14
- var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ':';
15
- var is12Hour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
16
- (0, _classCallCheck2["default"])(this, TimePickerEntity);
17
- (0, _defineProperty2["default"])(this, "_hours", '');
18
- (0, _defineProperty2["default"])(this, "_minutes", '');
19
- (0, _defineProperty2["default"])(this, "_is12Hour", void 0);
20
- (0, _defineProperty2["default"])(this, "_meridiem", 'AM');
21
- var _value$split = value.split(':'),
22
- _value$split2 = (0, _slicedToArray2["default"])(_value$split, 2),
23
- _value$split2$ = _value$split2[0],
24
- hours = _value$split2$ === void 0 ? '' : _value$split2$,
25
- _value$split2$2 = _value$split2[1],
26
- minutes = _value$split2$2 === void 0 ? '' : _value$split2$2;
27
- this._is12Hour = is12Hour;
28
- this._hours = hours;
29
- this._minutes = minutes;
30
- }
31
- return (0, _createClass2["default"])(TimePickerEntity, [{
32
- key: "meridiem",
33
- get: function get() {
34
- return this._meridiem;
35
- },
36
- set: function set(newMeridiem) {
37
- this._meridiem = newMeridiem;
38
- }
39
- }, {
40
- key: "hours",
41
- get: function get() {
42
- return this._is12Hour ? this.formatHoursTo12(this._hours) : this.formatHoursTo24(this._hours);
43
- },
44
- set: function set(newHours) {
45
- this._hours = newHours;
46
- }
47
- }, {
48
- key: "minutes",
49
- get: function get() {
50
- return this._minutes && this.withLeadingZero(this._minutes);
51
- },
52
- set: function set(newMinutes) {
53
- this._minutes = newMinutes;
54
- }
55
- }, {
56
- key: "is12Hour",
57
- set: function set(newIs12Hour) {
58
- this._is12Hour = newIs12Hour;
59
- }
60
- }, {
61
- key: "withLeadingZero",
62
- value: function withLeadingZero(value) {
63
- return String(value).padStart(2, '0');
64
- }
65
- }, {
66
- key: "formatHoursTo12",
67
- value: function formatHoursTo12(hours) {
68
- var numberHours = Number.parseInt(hours, 10);
69
- if (Number.isNaN(numberHours)) return hours;
70
- if (numberHours === 0) {
71
- return '12';
72
- } else if (numberHours > 12) {
73
- return this.withLeadingZero(numberHours - 12);
74
- }
75
- return this.withLeadingZero(numberHours);
76
- }
77
- }, {
78
- key: "formatHoursTo24",
79
- value: function formatHoursTo24(hours) {
80
- var numberHours = Number.parseInt(hours, 10);
81
- if (Number.isNaN(numberHours)) return hours;
82
- if (this.meridiem === 'AM') {
83
- return this.withLeadingZero(numberHours === 12 ? 0 : numberHours);
84
- }
85
- return this.withLeadingZero(numberHours < 12 ? numberHours + 12 : numberHours);
86
- }
87
- }, {
88
- key: "toggleMeridiem",
89
- value: function toggleMeridiem() {
90
- this.meridiem = this._meridiem === 'AM' ? 'PM' : 'AM';
91
- }
92
- }, {
93
- key: "toString",
94
- value: function toString() {
95
- var hours = this._is12Hour ? this.formatHoursTo24(this.hours) : this.hours;
96
- return "".concat(hours, ":").concat(this.minutes);
97
- }
98
- }]);
99
- }();
100
- var _default = exports["default"] = TimePickerEntity;
101
- //# sourceMappingURL=TimePickerEntity.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TimePickerEntity.js","names":["TimePickerEntity","value","arguments","length","undefined","is12Hour","_classCallCheck2","_defineProperty2","_value$split","split","_value$split2","_slicedToArray2","_value$split2$","hours","_value$split2$2","minutes","_is12Hour","_hours","_minutes","_createClass2","key","get","_meridiem","set","newMeridiem","formatHoursTo12","formatHoursTo24","newHours","withLeadingZero","newMinutes","newIs12Hour","String","padStart","numberHours","Number","parseInt","isNaN","meridiem","toggleMeridiem","toString","concat","_default","exports"],"sources":["../../../src/entity/TimePickerEntity.ts"],"sourcesContent":["import type { TimePickerMeridiem } from '../component/TimePicker/TimePicker.type';\n\nclass TimePickerEntity {\n private _hours: string = '';\n private _minutes: string = '';\n private _is12Hour: boolean;\n private _meridiem: TimePickerMeridiem = 'AM';\n\n constructor(\n value: string = ':', // should be in the format 'HH:mm'\n is12Hour: boolean = false,\n ) {\n const [hours = '', minutes = ''] = value.split(':');\n\n this._is12Hour = is12Hour;\n this._hours = hours;\n this._minutes = minutes;\n }\n\n get meridiem() {\n return this._meridiem;\n }\n\n get hours() {\n return this._is12Hour ? this.formatHoursTo12(this._hours) : this.formatHoursTo24(this._hours);\n }\n\n get minutes() {\n return this._minutes && this.withLeadingZero(this._minutes);\n }\n\n set is12Hour(newIs12Hour: boolean) {\n this._is12Hour = newIs12Hour;\n }\n\n set hours(newHours) {\n this._hours = newHours;\n }\n\n set minutes(newMinutes) {\n this._minutes = newMinutes;\n }\n\n private set meridiem(newMeridiem) {\n this._meridiem = newMeridiem;\n }\n\n private withLeadingZero(value: string | number) {\n return String(value).padStart(2, '0');\n }\n\n private formatHoursTo12(hours: string) {\n const numberHours = Number.parseInt(hours, 10);\n\n if (Number.isNaN(numberHours)) return hours;\n\n if (numberHours === 0) {\n return '12';\n } else if (numberHours > 12) {\n return this.withLeadingZero(numberHours - 12);\n }\n\n return this.withLeadingZero(numberHours);\n }\n\n private formatHoursTo24(hours: string) {\n const numberHours = Number.parseInt(hours, 10);\n\n if (Number.isNaN(numberHours)) return hours;\n\n if (this.meridiem === 'AM') {\n return this.withLeadingZero(numberHours === 12 ? 0 : numberHours);\n }\n\n return this.withLeadingZero(numberHours < 12 ? numberHours + 12 : numberHours);\n }\n\n toggleMeridiem() {\n this.meridiem = this._meridiem === 'AM' ? 'PM' : 'AM';\n }\n\n toString() {\n const hours = this._is12Hour ? this.formatHoursTo24(this.hours) : this.hours;\n\n return `${hours}:${this.minutes}`;\n }\n}\n\nexport default TimePickerEntity;\n"],"mappings":"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","ignoreList":[]}
@@ -1,88 +0,0 @@
1
- import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
- import _createClass from "@babel/runtime/helpers/createClass";
4
- import _callSuper from "@babel/runtime/helpers/callSuper";
5
- import _inherits from "@babel/runtime/helpers/inherits";
6
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
- import { sstyled as _sstyled } from "@semcore/core";
8
- import { assignProps as _assignProps } from "@semcore/core";
9
- import { Box, ScreenReaderOnly } from '@semcore/base-components';
10
- import { Component, sstyled, Root } from '@semcore/core';
11
- import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
12
- import React from 'react';
13
- /*!__reshadow-styles__:"./picker-format.shadow.css"*/
14
- var style = (/*__reshadow_css_start__*/_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_"),
15
- /*__reshadow_css_end__*/
16
- {
17
- "__SPickerFormat": "___SPickerFormat_294sn_gg_",
18
- "_disabled": "__disabled_294sn_gg_",
19
- "_active": "__active_294sn_gg_",
20
- "_size_m": "_size_m_294sn_gg_",
21
- "__SPickerFormatText": "___SPickerFormatText_294sn_gg_",
22
- "_size_l": "_size_l_294sn_gg_"
23
- });
24
- var TimePickerFormat = /*#__PURE__*/function (_Component) {
25
- function TimePickerFormat() {
26
- var _this;
27
- _classCallCheck(this, TimePickerFormat);
28
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
29
- args[_key] = arguments[_key];
30
- }
31
- _this = _callSuper(this, TimePickerFormat, [].concat(args));
32
- _defineProperty(_this, "state", {
33
- changedFormatNotice: ''
34
- });
35
- _defineProperty(_this, "handleClick", function () {
36
- setTimeout(function () {
37
- var _this$asProps = _this.asProps,
38
- meridiem = _this$asProps.meridiem,
39
- getI18nText = _this$asProps.getI18nText;
40
- _this.setState({
41
- changedFormatNotice: getI18nText('changedFormatNotice', {
42
- meridiem: meridiem
43
- })
44
- });
45
- }, 0);
46
- setTimeout(function () {
47
- _this.setState({
48
- changedFormatNotice: ''
49
- });
50
- }, 2000);
51
- });
52
- return _this;
53
- }
54
- _inherits(TimePickerFormat, _Component);
55
- return _createClass(TimePickerFormat, [{
56
- key: "render",
57
- value: function render() {
58
- var _ref = this.asProps,
59
- _ref2;
60
- var SPickerFormat = Box;
61
- var _this$asProps2 = this.asProps,
62
- Children = _this$asProps2.Children,
63
- meridiem = _this$asProps2.meridiem,
64
- styles = _this$asProps2.styles,
65
- getI18nText = _this$asProps2.getI18nText,
66
- uid = _this$asProps2.uid;
67
- var changedFormatNotice = this.state.changedFormatNotice;
68
- var SPickerFormatText = 'span';
69
- return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SPickerFormat, _ref2.cn("SPickerFormat", _objectSpread({}, _assignProps({
70
- "type": 'button',
71
- "tag": 'button',
72
- "tabIndex": 0,
73
- "onClick": this.handleClick,
74
- "aria-describedby": "".concat(uid, "_describe")
75
- }, _ref))), Children.origin ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/React.createElement(SPickerFormatText, _ref2.cn("SPickerFormatText", {}), meridiem)), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
76
- "role": 'status',
77
- "aria-live": 'polite'
78
- }), changedFormatNotice), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
79
- "aria-hidden": 'true',
80
- "id": "".concat(uid, "_describe")
81
- }), getI18nText('formatToggler')));
82
- }
83
- }]);
84
- }(Component);
85
- _defineProperty(TimePickerFormat, "style", style);
86
- _defineProperty(TimePickerFormat, "enhance", [uniqueIDEnhancement()]);
87
- export default TimePickerFormat;
88
- //# sourceMappingURL=PickerFormat.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PickerFormat.js","names":["Box","ScreenReaderOnly","Component","sstyled","Root","uniqueIDEnhancement","React","style","_sstyled","insert","TimePickerFormat","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","changedFormatNotice","setTimeout","_this$asProps","asProps","meridiem","getI18nText","setState","_inherits","_createClass","key","value","render","_ref","_ref2","SPickerFormat","_this$asProps2","Children","styles","uid","state","SPickerFormatText","createElement","Fragment","cn","_objectSpread","_assignProps","handleClick","origin"],"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
- export {};
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":["Component","sstyled","Root","callAllEventHandlers","Input","Select","React","style","_sstyled","insert","getOptions","minMax","step","arguments","length","undefined","_minMax","_slicedToArray","min","max","Number","toFixed","options","Array","fill","numValue","map","_i","index","value","String","padStart","createElement","Option","key","AbstractPickerInput","_Component","_this","_classCallCheck","_len","args","_key","_callSuper","concat","_defineProperty","dirtyValue","visible","createRef","_this$minMax","numberValue","isNaN","Math","event","stopPropagation","inputValue","replace","setState","slice","submitChanges","dispatchOnChange","_inherits","_createClass","asProps","$onValueChange","field","state","parseValueWithMinMax","render","_ref","_ref2","SPickerInput","Trigger","_this$asProps","styles","onSelect","time","size","disabled","onVisibleChange","ariaLabel","other","_objectWithoutProperties","_excluded","_this$state","cn","_objectSpread","handleSelect","handleVisibleChange","_assignProps","Value","inputRef","handleChange","handleBlur","handleKeyDown","Menu","hMax","_","placeholder","offset","Hours","_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
- export {};
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,250 +0,0 @@
1
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
2
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
- import _objectSpread from "@babel/runtime/helpers/objectSpread2";
4
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
5
- import _createClass from "@babel/runtime/helpers/createClass";
6
- import _callSuper from "@babel/runtime/helpers/callSuper";
7
- import _inherits from "@babel/runtime/helpers/inherits";
8
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
9
- import _applyDecs from "@babel/runtime/helpers/applyDecs2311";
10
- import _identity from "@babel/runtime/helpers/identity";
11
- import { sstyled as _sstyled } from "@semcore/core";
12
- import { assignProps as _assignProps2 } from "@semcore/core";
13
- import { assignProps as _assignProps } from "@semcore/core";
14
- var _Class, _TimePickerRoot3, _applyDecs2, _applyDecs2$e, _applyDecs2$c;
15
- var _initClass, _classDecs, _entityDecs, _init_entity, _init_extra_entity, _TimePickerRoot2, _ref5;
16
- import { Box, ScreenReaderOnly } from '@semcore/base-components';
17
- import { createComponent, Component, sstyled, Root } from '@semcore/core';
18
- import propsObserver from '@semcore/core/lib/decorators/propsObserver';
19
- import reactive from '@semcore/core/lib/decorators/reactive';
20
- import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
21
- import Input from '@semcore/input';
22
- import React from 'react';
23
- /*!__reshadow-styles__:"./time-picker.shadow.css"*/
24
- var style = (/*__reshadow_css_start__*/_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_"),
25
- /*__reshadow_css_end__*/
26
- {
27
- "__STimePicker": "___STimePicker_1p8j0_gg_",
28
- "_disabled": "__disabled_1p8j0_gg_",
29
- "__STimePickerSeparator": "___STimePickerSeparator_1p8j0_gg_",
30
- "__SPickerInput": "___SPickerInput_1p8j0_gg_",
31
- "_placeholder": "__placeholder_1p8j0_gg_"
32
- });
33
- import TimePickerEntity from '../../entity/TimePickerEntity';
34
- import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
35
- import Format from '../PickerFormat/PickerFormat';
36
- import { Hours, Minutes } from '../PickerInput/PickerInput';
37
- _classDecs = [propsObserver(['value', 'is12Hour'])];
38
- var _TimePickerRoot;
39
- new (_TimePickerRoot2 = (_ref5 = (_entityDecs = reactive(['meridiem'], function () {
40
- this.forceUpdate();
41
- }), "hoursInputRef"), _TimePickerRoot3 = /*#__PURE__*/function (_Component) {
42
- function TimePickerRoot() {
43
- var _this$props$value;
44
- var _this;
45
- _classCallCheck(this, TimePickerRoot);
46
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
47
- args[_key] = arguments[_key];
48
- }
49
- _this = _callSuper(this, TimePickerRoot, [].concat(args));
50
- _defineProperty(_this, _ref5, /*#__PURE__*/React.createRef());
51
- _defineProperty(_this, "minutesInputRef", /*#__PURE__*/React.createRef());
52
- _defineProperty(_this, "state", {
53
- ariaLabel: ''
54
- });
55
- _defineProperty(_this, "entity", _init_entity(_this, new TimePickerEntity((_this$props$value = _this.props.value) !== null && _this$props$value !== void 0 ? _this$props$value : _this.props.defaultValue, _this.props.is12Hour)));
56
- _defineProperty(_this, "handleValueChange", (_init_extra_entity(_this), function (value, field, event) {
57
- _this.entity[field] = value;
58
- _this.handlers.value(_this.entity.toString(), event);
59
- }));
60
- _defineProperty(_this, "handleMeridiemClick", function (event) {
61
- _this.entity.toggleMeridiem();
62
- _this.handlers.value(_this.entity.toString(), event);
63
- });
64
- _defineProperty(_this, "getCommonPickerInputProps", function () {
65
- var _this$asProps = _this.asProps,
66
- is12Hour = _this$asProps.is12Hour,
67
- size = _this$asProps.size,
68
- disabled = _this$asProps.disabled;
69
- return {
70
- size: size,
71
- is12Hour: is12Hour,
72
- disabled: disabled,
73
- $onValueChange: _this.handleValueChange,
74
- minutesInputRef: _this.minutesInputRef,
75
- hoursInputRef: _this.hoursInputRef
76
- };
77
- });
78
- _defineProperty(_this, "getHoursProps", function () {
79
- return _objectSpread(_objectSpread({}, _this.getCommonPickerInputProps()), {}, {
80
- time: _this.entity.hours,
81
- ariaLabel: _this.asProps.getI18nText('hours'),
82
- ref: _this.hoursInputRef
83
- });
84
- });
85
- _defineProperty(_this, "getMinutesProps", function () {
86
- return _objectSpread(_objectSpread({}, _this.getCommonPickerInputProps()), {}, {
87
- time: _this.entity.minutes,
88
- ariaLabel: _this.asProps.getI18nText('minutes'),
89
- ref: _this.minutesInputRef
90
- });
91
- });
92
- return _this;
93
- }
94
- _inherits(TimePickerRoot, _Component);
95
- return _createClass(TimePickerRoot, [{
96
- key: "componentDidMount",
97
- value: function componentDidMount() {
98
- var _document$querySelect;
99
- var _this$asProps2 = this.asProps,
100
- id = _this$asProps2.id,
101
- ariaDescribedBy = _this$asProps2['aria-describedby'];
102
- var selector = "[for=".concat(id, "]");
103
- var element = (_document$querySelect = document.querySelector(selector)) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("#".concat(ariaDescribedBy));
104
- if (element) {
105
- this.setState({
106
- ariaLabel: element.textContent
107
- });
108
- }
109
- }
110
- }, {
111
- key: "onPropsChange",
112
- value: function onPropsChange(changedProps) {
113
- var value = changedProps.value,
114
- is12Hour = changedProps.is12Hour;
115
- if (value !== undefined) {
116
- var _value$split = value.split(':'),
117
- _value$split2 = _slicedToArray(_value$split, 2),
118
- _value$split2$ = _value$split2[0],
119
- hours = _value$split2$ === void 0 ? '' : _value$split2$,
120
- _value$split2$2 = _value$split2[1],
121
- minutes = _value$split2$2 === void 0 ? '' : _value$split2$2;
122
- this.entity.hours = hours;
123
- this.entity.minutes = minutes;
124
- }
125
- if (is12Hour !== undefined) {
126
- this.entity.is12Hour = is12Hour;
127
- }
128
- }
129
- }, {
130
- key: "uncontrolledProps",
131
- value: function uncontrolledProps() {
132
- return {
133
- value: null
134
- };
135
- }
136
- }, {
137
- key: "getSeparatorProps",
138
- value: function getSeparatorProps() {
139
- return {
140
- disabled: this.asProps.disabled,
141
- hoursInputRef: this.hoursInputRef
142
- };
143
- }
144
- }, {
145
- key: "getFormatProps",
146
- value: function getFormatProps() {
147
- var _this$asProps3 = this.asProps,
148
- size = _this$asProps3.size,
149
- disabled = _this$asProps3.disabled,
150
- getI18nText = _this$asProps3.getI18nText;
151
- return {
152
- size: size,
153
- disabled: disabled,
154
- meridiem: this.entity.meridiem,
155
- onClick: this.handleMeridiemClick,
156
- getI18nText: getI18nText
157
- };
158
- }
159
- }, {
160
- key: "render",
161
- value: function render() {
162
- var _ref = this.asProps,
163
- _ref3;
164
- var STimePicker = Input;
165
- var _this$asProps4 = this.asProps,
166
- styles = _this$asProps4.styles,
167
- Children = _this$asProps4.Children,
168
- value = _this$asProps4.value,
169
- is12Hour = _this$asProps4.is12Hour,
170
- getI18nText = _this$asProps4.getI18nText,
171
- id = _this$asProps4.id;
172
- var time = "".concat(this.entity.hours, ":").concat(this.entity.minutes);
173
- var meridiem = is12Hour ? this.entity.meridiem : '';
174
- var label = value ? "".concat(this.state.ariaLabel, " ").concat(getI18nText('title', {
175
- time: time,
176
- meridiem: meridiem
177
- })) : "".concat(this.state.ariaLabel, " ").concat(getI18nText('titleEmpty'));
178
- return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(STimePicker, _ref3.cn("STimePicker", _objectSpread({}, _assignProps({
179
- "role": 'group',
180
- "aria-label": label,
181
- "__excludeProps": ['value', 'id']
182
- }, _ref))), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {}))), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref3.cn("ScreenReaderOnly", {
183
- "tag": 'input',
184
- "tabIndex": -1,
185
- "id": id,
186
- "aria-hidden": true,
187
- "value": "".concat(time, " ").concat(meridiem)
188
- })));
189
- }
190
- }]);
191
- }(Component), _applyDecs2 = _applyDecs(_TimePickerRoot3, _classDecs, [[_entityDecs, 0, "entity"]], 0, void 0, Component), _applyDecs2$e = _slicedToArray(_applyDecs2.e, 2), _init_entity = _applyDecs2$e[0], _init_extra_entity = _applyDecs2$e[1], _applyDecs2$c = _slicedToArray(_applyDecs2.c, 2), _TimePickerRoot = _applyDecs2$c[0], _initClass = _applyDecs2$c[1], _TimePickerRoot3), _Class = /*#__PURE__*/function (_identity2) {
192
- function _Class() {
193
- var _this2;
194
- _classCallCheck(this, _Class);
195
- _this2 = _callSuper(this, _Class, [_TimePickerRoot]), _defineProperty(_assertThisInitialized(_this2), "displayName", 'TimePicker'), _defineProperty(_assertThisInitialized(_this2), "style", style), _defineProperty(_assertThisInitialized(_this2), "enhance", [i18nEnhance(localizedMessages)]), _defineProperty(_assertThisInitialized(_this2), "defaultProps", function (_ref6) {
196
- var is12Hour = _ref6.is12Hour;
197
- return {
198
- defaultValue: '',
199
- size: 'm',
200
- children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TimePicker.Hours, null), /*#__PURE__*/React.createElement(TimePicker.Separator, null), /*#__PURE__*/React.createElement(TimePicker.Minutes, null), is12Hour && /*#__PURE__*/React.createElement(TimePicker.Format, null)),
201
- locale: 'en'
202
- };
203
- }), _initClass();
204
- return _this2;
205
- }
206
- _inherits(_Class, _identity2);
207
- return _createClass(_Class);
208
- }(_identity), _defineProperty(_Class, _TimePickerRoot2, void 0), _Class)();
209
- var Separator = /*#__PURE__*/function (_Component2) {
210
- function Separator() {
211
- var _this3;
212
- _classCallCheck(this, Separator);
213
- for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
214
- args[_key2] = arguments[_key2];
215
- }
216
- _this3 = _callSuper(this, Separator, [].concat(args));
217
- _defineProperty(_this3, "handlerClick", function () {
218
- if (_this3.asProps.hoursInputRef.current) {
219
- var _this3$asProps$hoursI;
220
- (_this3$asProps$hoursI = _this3.asProps.hoursInputRef.current) === null || _this3$asProps$hoursI === void 0 || _this3$asProps$hoursI.focus();
221
- }
222
- });
223
- return _this3;
224
- }
225
- _inherits(Separator, _Component2);
226
- return _createClass(Separator, [{
227
- key: "render",
228
- value: function render() {
229
- var _ref2 = this.asProps,
230
- _ref4;
231
- var STimePickerSeparator = Box;
232
- var styles = this.asProps.styles;
233
- return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(STimePickerSeparator, _ref4.cn("STimePickerSeparator", _objectSpread({}, _assignProps2({
234
- "onClick": this.handlerClick,
235
- "aria-hidden": 'true'
236
- }, _ref2))));
237
- }
238
- }]);
239
- }(Component);
240
- _defineProperty(Separator, "defaultProps", {
241
- children: ':'
242
- });
243
- var TimePicker = createComponent(_TimePickerRoot, {
244
- Hours: Hours,
245
- Minutes: Minutes,
246
- Separator: Separator,
247
- Format: Format
248
- });
249
- export default TimePicker;
250
- //# sourceMappingURL=TimePicker.js.map