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

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [4.53.0] - 2026-05-06
+
+### Changed
+
+- Version minor update due to children dependencies update (`@semcore/button` [5.43.3 ~> 5.44.0], `@semcore/flex-box` [5.41.4 ~> 5.42.0], `@semcore/input` [4.42.4 ~> 4.43.0], `@semcore/select` [4.52.2 ~> 4.53.0], `@semcore/utils` [4.48.5 ~> 4.49.0], `@semcore/core` [2.39.4 ~> 2.40.0]).
+
 ## [4.52.2] - 2025-05-13
 
 ### Changed

package/lib/cjs/component/PickerFormat/PickerFormat.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
+var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
+var _react = _interopRequireDefault(require("react"));
+/*!__reshadow-styles__:"./picker-format.shadow.css"*/
+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_"),
+/*__reshadow_css_end__*/
+{
+  "__SPickerFormat": "___SPickerFormat_294sn_gg_",
+  "_disabled": "__disabled_294sn_gg_",
+  "_active": "__active_294sn_gg_",
+  "_size_m": "_size_m_294sn_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_294sn_gg_",
+  "_size_l": "_size_l_294sn_gg_"
+});
+var TimePickerFormat = /*#__PURE__*/function (_Component) {
+  function TimePickerFormat() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, TimePickerFormat);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = (0, _callSuper2["default"])(this, TimePickerFormat, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "state", {
+      changedFormatNotice: ''
+    });
+    (0, _defineProperty2["default"])(_this, "handleClick", function () {
+      setTimeout(function () {
+        var _this$asProps = _this.asProps,
+          meridiem = _this$asProps.meridiem,
+          getI18nText = _this$asProps.getI18nText;
+        _this.setState({
+          changedFormatNotice: getI18nText('changedFormatNotice', {
+            meridiem: meridiem
+          })
+        });
+      }, 0);
+      setTimeout(function () {
+        _this.setState({
+          changedFormatNotice: ''
+        });
+      }, 2000);
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(TimePickerFormat, _Component);
+  return (0, _createClass2["default"])(TimePickerFormat, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SPickerFormat = _baseComponents.Box;
+      var _this$asProps2 = this.asProps,
+        Children = _this$asProps2.Children,
+        meridiem = _this$asProps2.meridiem,
+        styles = _this$asProps2.styles,
+        getI18nText = _this$asProps2.getI18nText,
+        uid = _this$asProps2.uid;
+      var changedFormatNotice = this.state.changedFormatNotice;
+      var SPickerFormatText = 'span';
+      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)({
+        "type": 'button',
+        "tag": 'button',
+        "tabIndex": 0,
+        "onClick": this.handleClick,
+        "aria-describedby": "".concat(uid, "_describe")
+      }, _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", {
+        "role": 'status',
+        "aria-live": 'polite'
+      }), changedFormatNotice), /*#__PURE__*/_react["default"].createElement(_baseComponents.ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+        "aria-hidden": 'true',
+        "id": "".concat(uid, "_describe")
+      }), getI18nText('formatToggler')));
+    }
+  }]);
+}(_core.Component);
+(0, _defineProperty2["default"])(TimePickerFormat, "style", style);
+(0, _defineProperty2["default"])(TimePickerFormat, "enhance", [(0, _uniqueID["default"])()]);
+var _default = exports["default"] = TimePickerFormat;
+//# sourceMappingURL=PickerFormat.js.map

package/lib/cjs/component/PickerFormat/PickerFormat.js.map

@@ -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":[]}

package/lib/cjs/component/PickerFormat/PickerFormat.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=PickerFormat.type.js.map

package/lib/cjs/component/PickerFormat/PickerFormat.type.js.map

@@ -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":[]}

package/lib/cjs/component/PickerFormat/picker-format.shadow.css

@@ -0,0 +1,61 @@
+SPickerFormat {
+  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;
+  text-decoration: none;
+  align-items: center;
+  border: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 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;
+  user-select: none;
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
+  background-color: var(--intergalactic-bg-secondary-neutral, oklch(0.98 0.001 180));
+
+  &:hover {
+    color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
+    background-color: var(--intergalactic-bg-secondary-neutral-hover, oklch(0.96 0.001 180));
+  }
+
+  &:active,
+  &[active] {
+    color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
+    background-color: var(--intergalactic-bg-secondary-neutral-active, oklch(0.94 0.002 180));
+  }
+}
+
+SPickerFormat[size='m'] {
+  height: var(--intergalactic-form-control-m, 28px);
+  font-size: var(--intergalactic-fs-200, 14px);
+  /* disable-tokens-validator */
+  margin: 0 -1px 0 0;
+  & SPickerFormatText {
+    margin: 0 var(--intergalactic-spacing-2x, 8px);
+  }
+}
+
+SPickerFormat[size='l'] {
+  height: var(--intergalactic-form-control-l, 40px);
+  font-size: var(--intergalactic-fs-300, 16px);
+  margin: 0 -1px 0 0;
+  & SPickerFormatText {
+    margin: 0 var(--intergalactic-spacing-3x, 12px);
+  }
+}
+
+SPickerFormat[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
+  cursor: default;
+  pointer-events: none;
+  border-color: transparent transparent transparent var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
+}

package/lib/cjs/{PickerInput.js → component/PickerInput/PickerInput.js}

@@ -1,108 +1,94 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Minutes = exports.Hours = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _core = require("@semcore/core");
-var _react = _interopRequireDefault(require("react"));
+var _assignProps2 = require("@semcore/core/lib/utils/assignProps");
 var _input = _interopRequireDefault(require("@semcore/input"));
 var _select = _interopRequireDefault(require("@semcore/select"));
-var _TimePicker = require("./TimePicker");
-var _assignProps2 = require("@semcore/utils/lib/assignProps");
-var _excluded = ["styles", "step", "onSelect", "time", "size", "disabled", "onVisibleChange"];
-var MAP_FIELD_TO_TIME = {
-  hours: 0,
-  minutes: 1
-};
-var MAP_SIZE_SELECT = {
-  m: 'm',
-  l: 'l'
-};
-function getOptions(min, max) {
-  var step = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["styles", "step", "onSelect", "time", "size", "disabled", "onVisibleChange", "ariaLabel"];
+/*!__reshadow-styles__:"./picker-input.shadow.css"*/
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPickerInput_p1g8c_gg_._size_l_p1g8c_gg_,.___SPickerInput_p1g8c_gg_._size_m_p1g8c_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_p1g8c_gg_._size_l_p1g8c_gg_{width:21px}", /*__inner_css_end__*/"p1g8c_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SPickerInput": "___SPickerInput_p1g8c_gg_",
+  "_size_m": "_size_m_p1g8c_gg_",
+  "_size_l": "_size_l_p1g8c_gg_"
+});
+function getOptions(minMax) {
+  var step = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var _minMax = (0, _slicedToArray2["default"])(minMax, 2),
+    min = _minMax[0],
+    max = _minMax[1];
   var length = Number(((max + 1 - min) / step).toFixed(0));
   var options = Array(length).fill('');
   var numValue = min;
-  return options.map(function (i, index) {
+  return options.map(function (_i, index) {
     numValue = index === 0 ? numValue : numValue + step;
-    var value = (0, _TimePicker.withLeadingZero)(String(numValue));
+    var value = String(numValue).padStart(2, '0');
     return /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
       value: value,
       key: value
     }, value);
   });
 }
-var defaultPopperOffset = [-8, 4];
-var ItemPicker = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(ItemPicker, _Component);
-  var _super = (0, _createSuper2["default"])(ItemPicker);
-  function ItemPicker() {
+var AbstractPickerInput = /*#__PURE__*/function (_Component) {
+  function AbstractPickerInput() {
     var _this;
-    (0, _classCallCheck2["default"])(this, ItemPicker);
+    (0, _classCallCheck2["default"])(this, AbstractPickerInput);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+    _this = (0, _callSuper2["default"])(this, AbstractPickerInput, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "state", {
       dirtyValue: undefined,
       visible: false
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "parseValueWithMinMax", function (value) {
-      var _this$minMax = _this.minMax(),
-        _this$minMax2 = (0, _slicedToArray2["default"])(_this$minMax, 2),
-        min = _this$minMax2[0],
-        max = _this$minMax2[1];
-      return String(Math.max(min, Math.min(max, value)));
+    (0, _defineProperty2["default"])(_this, "inputRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])(_this, "parseValueWithMinMax", function (value) {
+      var _this$minMax = (0, _slicedToArray2["default"])(_this.minMax, 2),
+        min = _this$minMax[0],
+        max = _this$minMax[1];
+      var numberValue = isNaN(Number(value)) ? min : Number(value);
+      return String(Math.max(min, Math.min(max, numberValue)));
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (value, event) {
-      /* hide props for bubbling events */
+    (0, _defineProperty2["default"])(_this, "handleChange", function (value, event) {
       event.stopPropagation();
-      var numberValue = (0, _TimePicker.intOrDefault)(Number(value), NaN);
+      var inputValue = value.replace(/[^0-9]/g, '');
+      var numberValue = Number(inputValue);
       if (!Number.isNaN(numberValue)) {
         _this.setState({
-          dirtyValue: value.slice(-2)
+          dirtyValue: inputValue.slice(-2)
         });
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleBlur", function (event) {
+    (0, _defineProperty2["default"])(_this, "handleBlur", function (event) {
       return _this.submitChanges(event);
     });
-    /* rewrite method */
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function () {});
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSelect", function (value, event) {
+    (0, _defineProperty2["default"])(_this, "handleSelect", function (value, event) {
       _this.dispatchOnChange(value, event);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleVisibleChange", function (visible) {
+    (0, _defineProperty2["default"])(_this, "handleVisibleChange", function (visible) {
       return _this.setState({
         visible: visible
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getAriaLabel", function () {
-      var getI18nText = _this.asProps._getI18nText;
-      if (_this.field === 'hours') return getI18nText('hours');
-      if (_this.field === 'minutes') return getI18nText('minutes');
-      return undefined;
-    });
     return _this;
   }
-  (0, _createClass2["default"])(ItemPicker, [{
-    key: "minMax",
-    value: function minMax() {
-      return [];
-    }
-  }, {
+  (0, _inherits2["default"])(AbstractPickerInput, _Component);
+  return (0, _createClass2["default"])(AbstractPickerInput, [{
     key: "dispatchOnChange",
     value: function dispatchOnChange(value, event) {
       this.setState({
@@ -134,23 +120,20 @@ var ItemPicker = /*#__PURE__*/function (_Component) {
         size = _this$asProps.size,
         disabled = _this$asProps.disabled,
         onVisibleChange = _this$asProps.onVisibleChange,
+        ariaLabel = _this$asProps.ariaLabel,
         other = (0, _objectWithoutProperties2["default"])(_this$asProps, _excluded);
       var _this$state = this.state,
         dirtyValue = _this$state.dirtyValue,
         visible = _this$state.visible;
-      var timeValue = time[MAP_FIELD_TO_TIME[this.field]];
-      var value = dirtyValue === undefined ? timeValue : dirtyValue;
-      var _this$minMax3 = this.minMax(),
-        _this$minMax4 = (0, _slicedToArray2["default"])(_this$minMax3, 2),
-        min = _this$minMax4[0],
-        max = _this$minMax4[1];
+      var value = dirtyValue === undefined ? time : dirtyValue;
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_select["default"], _ref2.cn("Select", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
         "interaction": 'focus',
-        "size": size ? MAP_SIZE_SELECT[size] : false,
+        "size": size,
         "onChange": (0, _assignProps2.callAllEventHandlers)(onSelect, this.handleSelect),
         "onVisibleChange": (0, _assignProps2.callAllEventHandlers)(onVisibleChange, this.handleVisibleChange),
         "visible": visible,
-        "value": timeValue
+        "value": time,
+        "defaultHighlightedIndex": time ? null : 0
       })), /*#__PURE__*/_react["default"].createElement(SPickerInput, _ref2.cn("SPickerInput", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "tag": _input["default"].Value,
         "ref": this.inputRef,
@@ -159,39 +142,38 @@ var ItemPicker = /*#__PURE__*/function (_Component) {
         "disabled": disabled,
         "neighborLocation": false,
         "value": value,
-        "aria-label": this.getAriaLabel(),
+        "aria-label": ariaLabel,
         "onChange": this.handleChange,
         "onBlur": this.handleBlur,
         "onKeyDown": this.handleKeyDown
       }, _ref)))), /*#__PURE__*/_react["default"].createElement(_select["default"].Menu, {
         hMax: 180
-      }, getOptions(min, max, step)));
+      }, getOptions(this.minMax, step)));
     }
   }]);
-  return ItemPicker;
 }(_core.Component);
-(0, _defineProperty2["default"])(ItemPicker, "defaultProps", {
-  placeholder: '00',
-  offset: defaultPopperOffset
+(0, _defineProperty2["default"])(AbstractPickerInput, "style", style);
+(0, _defineProperty2["default"])(AbstractPickerInput, "defaultProps", function (_) {
+  return {
+    placeholder: '00',
+    offset: [-8, 4]
+  };
 });
-var Hours = /*#__PURE__*/function (_ItemPicker) {
-  (0, _inherits2["default"])(Hours, _ItemPicker);
-  var _super2 = (0, _createSuper2["default"])(Hours);
+var Hours = exports.Hours = /*#__PURE__*/function (_AbstractPickerInput2) {
   function Hours() {
     var _this2;
     (0, _classCallCheck2["default"])(this, Hours);
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this2 = _super2.call.apply(_super2, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "field", 'hours');
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handleKeyDown", function (event) {
+    _this2 = (0, _callSuper2["default"])(this, Hours, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "handleKeyDown", function (event) {
       var currentTarget = event.currentTarget;
       if (event.key === 'Enter') {
         _this2.submitChanges(event);
       }
       if (event.key === 'ArrowRight') {
-        if (currentTarget.selectionStart >= currentTarget.value.length && currentTarget.selectionStart === currentTarget.selectionEnd) {
+        if (currentTarget.selectionStart && currentTarget.selectionStart >= currentTarget.value.length && currentTarget.selectionStart === currentTarget.selectionEnd) {
           event.preventDefault();
           _this2.focusNext();
         }
@@ -199,15 +181,17 @@ var Hours = /*#__PURE__*/function (_ItemPicker) {
     });
     return _this2;
   }
-  (0, _createClass2["default"])(Hours, [{
+  (0, _inherits2["default"])(Hours, _AbstractPickerInput2);
+  return (0, _createClass2["default"])(Hours, [{
+    key: "field",
+    get: function get() {
+      return 'hours';
+    }
+  }, {
     key: "minMax",
-    value: function minMax() {
+    get: function get() {
       var is12Hour = this.asProps.is12Hour;
-      if (is12Hour) {
-        return [1, 12];
-      } else {
-        return [0, 23];
-      }
+      return is12Hour ? [1, 12] : [0, 23];
     }
   }, {
     key: "focusNext",
@@ -221,7 +205,7 @@ var Hours = /*#__PURE__*/function (_ItemPicker) {
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate(_prevProps, prevState) {
+    value: function componentDidUpdate(_, prevState) {
       var dirtyValue = this.state.dirtyValue;
       if (prevState.dirtyValue === undefined || dirtyValue === undefined) return;
       if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {
@@ -229,30 +213,24 @@ var Hours = /*#__PURE__*/function (_ItemPicker) {
       }
     }
   }]);
-  return Hours;
-}(ItemPicker);
-exports.Hours = Hours;
-(0, _defineProperty2["default"])(Hours, "defaultProps", function (_ref3) {
-  var size = _ref3.size;
-  return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, ItemPicker.defaultProps), {}, {
-    ml: size === 'l' ? 3 : undefined
+}(AbstractPickerInput);
+(0, _defineProperty2["default"])(Hours, "defaultProps", function (props) {
+  return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, AbstractPickerInput.defaultProps(props)), {}, {
+    ml: props.size === 'l' ? 3 : undefined
   });
 });
-var Minutes = /*#__PURE__*/function (_ItemPicker2) {
-  (0, _inherits2["default"])(Minutes, _ItemPicker2);
-  var _super3 = (0, _createSuper2["default"])(Minutes);
+var Minutes = exports.Minutes = /*#__PURE__*/function (_AbstractPickerInput3) {
   function Minutes() {
     var _this3;
     (0, _classCallCheck2["default"])(this, Minutes);
     for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
       args[_key3] = arguments[_key3];
     }
-    _this3 = _super3.call.apply(_super3, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "field", 'minutes');
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "handleKeyDown", function (event) {
+    _this3 = (0, _callSuper2["default"])(this, Minutes, [].concat(args));
+    (0, _defineProperty2["default"])(_this3, "handleKeyDown", function (event) {
       var currentTarget = event.currentTarget;
       if (event.key === 'ArrowLeft') {
-        if (currentTarget.selectionStart <= 0 && currentTarget.selectionStart === currentTarget.selectionEnd) {
+        if (currentTarget.selectionStart && currentTarget.selectionStart <= 0 && currentTarget.selectionStart === currentTarget.selectionEnd) {
           event.preventDefault();
           _this3.focusPrev();
         }
@@ -267,9 +245,15 @@ var Minutes = /*#__PURE__*/function (_ItemPicker2) {
     });
     return _this3;
   }
-  (0, _createClass2["default"])(Minutes, [{
+  (0, _inherits2["default"])(Minutes, _AbstractPickerInput3);
+  return (0, _createClass2["default"])(Minutes, [{
+    key: "field",
+    get: function get() {
+      return 'minutes';
+    }
+  }, {
     key: "minMax",
-    value: function minMax() {
+    get: function get() {
       return [0, 59];
     }
   }, {
@@ -283,13 +267,10 @@ var Minutes = /*#__PURE__*/function (_ItemPicker2) {
       }
     }
   }]);
-  return Minutes;
-}(ItemPicker);
-exports.Minutes = Minutes;
-(0, _defineProperty2["default"])(Minutes, "defaultProps", function (_ref4) {
-  var size = _ref4.size;
-  return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, ItemPicker.defaultProps), {}, {
-    mr: size === 'l' ? 3 : undefined
+}(AbstractPickerInput);
+(0, _defineProperty2["default"])(Minutes, "defaultProps", function (props) {
+  return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, AbstractPickerInput.defaultProps(props)), {}, {
+    mr: props.size === 'l' ? 3 : undefined
   });
 });
 //# sourceMappingURL=PickerInput.js.map

package/lib/cjs/component/PickerInput/PickerInput.js.map

@@ -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":[]}

package/lib/cjs/component/PickerInput/PickerInput.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=PickerInput.type.js.map

package/lib/cjs/component/PickerInput/PickerInput.type.js.map

@@ -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":[]}

package/lib/cjs/component/PickerInput/picker-input.shadow.css

@@ -0,0 +1,11 @@
+SPickerInput[size='m'] {
+  width: 19px;
+  margin: 0 var(--intergalactic-spacing-2x, 8px);
+  padding: 0;
+}
+
+SPickerInput[size='l'] {
+  width: 21px;
+  margin: 0 var(--intergalactic-spacing-2x, 8px);
+  padding: 0;
+}