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

package/lib/es6/PickerFormat.js

@@ -0,0 +1,79 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { assignProps as _assignProps } from "@semcore/core";
+import React from 'react';
+import { Component, sstyled, Root } from '@semcore/core';
+import { Box } from '@semcore/flex-box';
+import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import { ScreenReaderOnly } from '@semcore/flex-box';
+import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
+var TimePickerFormat = /*#__PURE__*/function (_Component) {
+  _inherits(TimePickerFormat, _Component);
+  var _super = _createSuper(TimePickerFormat);
+  function TimePickerFormat() {
+    var _this;
+    _classCallCheck(this, TimePickerFormat);
+    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));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      changedFormatNotice: ''
+    });
+    _defineProperty(_assertThisInitialized(_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;
+  }
+  _createClass(TimePickerFormat, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SPickerFormat = 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 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SPickerFormat, _ref2.cn("SPickerFormat", _objectSpread({}, _assignProps({
+        "type": 'button',
+        "tag": 'button',
+        "onClick": this.handleClick,
+        "aria-describedby": "".concat(uid, "_describe")
+      }, _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", {
+        "role": 'status',
+        "aria-live": 'polite'
+      }), changedFormatNotice), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+        "aria-hidden": 'true',
+        "id": "".concat(uid, "_describe")
+      }), getI18nText('formatToggler')));
+    }
+  }]);
+  return TimePickerFormat;
+}(Component);
+_defineProperty(TimePickerFormat, "enhance", [keyboardFocusEnhance(), uniqueIDEnhancement()]);
+export default TimePickerFormat;
+//# sourceMappingURL=PickerFormat.js.map

package/lib/es6/PickerFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerFormat.js","names":["React","Component","sstyled","Root","Box","keyboardFocusEnhance","ScreenReaderOnly","uniqueIDEnhancement","TimePickerFormat","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","changedFormatNotice","setTimeout","_this$asProps","asProps","meridiem","getI18nText","setState","_createClass","key","value","render","_ref","_ref2","SPickerFormat","_this$asProps2","Children","styles","uid","state","SPickerFormatText","createElement","Fragment","cn","_objectSpread","_assignProps","handleClick","origin"],"sources":["../../src/PickerFormat.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { ScreenReaderOnly } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nclass TimePickerFormat extends Component {\n  static enhance = [keyboardFocusEnhance(), uniqueIDEnhancement()];\n\n  state = {\n    changedFormatNotice: '',\n  };\n\n  handleClick = () => {\n    setTimeout(() => {\n      const { meridiem, getI18nText } = this.asProps;\n      this.setState({ changedFormatNotice: getI18nText('changedFormatNotice', { meridiem }) });\n    }, 0);\n\n    setTimeout(() => {\n      this.setState({ changedFormatNotice: '' });\n    }, 2000);\n  };\n\n  render() {\n    const SPickerFormat = Root;\n    const { Children, meridiem, styles, getI18nText, uid } = this.asProps;\n    const { changedFormatNotice } = this.state;\n    const SPickerFormatText = 'span';\n\n    return sstyled(styles)(\n      <>\n        <SPickerFormat\n          render={Box}\n          type='button'\n          tag='button'\n          onClick={this.handleClick}\n          aria-describedby={`${uid}_describe`}\n        >\n          {Children.origin ? <Children /> : <SPickerFormatText>{meridiem}</SPickerFormatText>}\n        </SPickerFormat>\n        <ScreenReaderOnly role={'status'} aria-live={'polite'}>\n          {changedFormatNotice}\n        </ScreenReaderOnly>\n        <ScreenReaderOnly aria-hidden={'true'} id={`${uid}_describe`}>\n          {getI18nText('formatToggler')}\n        </ScreenReaderOnly>\n      </>,\n    );\n  }\n}\n\nexport default TimePickerFormat;\n"],"mappings":"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"}

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

@@ -1,89 +1,102 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-var _excluded = ["styles", "step", "onSelect", "time", "size", "disabled", "onVisibleChange", "ariaLabel"];
-import { Component, sstyled, Root } from '@semcore/core';
-import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
+var _excluded = ["styles", "step", "onSelect", "time", "size", "disabled", "onVisibleChange"];
+import React from 'react';
 import Input from '@semcore/input';
 import Select from '@semcore/select';
-import React from 'react';
-/*!__reshadow-styles__:"./picker-input.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_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 = _slicedToArray(minMax, 2),
-    min = _minMax[0],
-    max = _minMax[1];
+import { intOrDefault, withLeadingZero } from './TimePicker';
+import { Component, sstyled, Root } from '@semcore/core';
+import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
+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 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 = String(numValue).padStart(2, '0');
+    var value = withLeadingZero(String(numValue));
     return /*#__PURE__*/React.createElement(Select.Option, {
       value: value,
       key: value
     }, value);
   });
 }
-var AbstractPickerInput = /*#__PURE__*/function (_Component) {
-  function AbstractPickerInput() {
+var defaultPopperOffset = [-8, 4];
+var ItemPicker = /*#__PURE__*/function (_Component) {
+  _inherits(ItemPicker, _Component);
+  var _super = _createSuper(ItemPicker);
+  function ItemPicker() {
     var _this;
-    _classCallCheck(this, AbstractPickerInput);
+    _classCallCheck(this, ItemPicker);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, AbstractPickerInput, [].concat(args));
-    _defineProperty(_this, "state", {
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "inputRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "state", {
       dirtyValue: undefined,
       visible: false
     });
-    _defineProperty(_this, "inputRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_this, "parseValueWithMinMax", function (value) {
-      var _this$minMax = _slicedToArray(_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)));
+    _defineProperty(_assertThisInitialized(_this), "parseValueWithMinMax", function (value) {
+      var _this$minMax = _this.minMax(),
+        _this$minMax2 = _slicedToArray(_this$minMax, 2),
+        min = _this$minMax2[0],
+        max = _this$minMax2[1];
+      return String(Math.max(min, Math.min(max, value)));
     });
-    _defineProperty(_this, "handleChange", function (value, event) {
+    _defineProperty(_assertThisInitialized(_this), "handleChange", function (value, event) {
+      /* hide props for bubbling events */
       event.stopPropagation();
-      var inputValue = value.replace(/[^0-9]/g, '');
-      var numberValue = Number(inputValue);
+      var numberValue = intOrDefault(Number(value), NaN);
       if (!Number.isNaN(numberValue)) {
         _this.setState({
-          dirtyValue: inputValue.slice(-2)
+          dirtyValue: value.slice(-2)
         });
       }
     });
-    _defineProperty(_this, "handleBlur", function (event) {
+    _defineProperty(_assertThisInitialized(_this), "handleBlur", function (event) {
       return _this.submitChanges(event);
     });
-    _defineProperty(_this, "handleSelect", function (value, event) {
+    /* rewrite method */
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function () {});
+    _defineProperty(_assertThisInitialized(_this), "handleSelect", function (value, event) {
       _this.dispatchOnChange(value, event);
     });
-    _defineProperty(_this, "handleVisibleChange", function (visible) {
+    _defineProperty(_assertThisInitialized(_this), "handleVisibleChange", function (visible) {
       return _this.setState({
         visible: visible
       });
     });
+    _defineProperty(_assertThisInitialized(_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;
   }
-  _inherits(AbstractPickerInput, _Component);
-  return _createClass(AbstractPickerInput, [{
+  _createClass(ItemPicker, [{
+    key: "minMax",
+    value: function minMax() {
+      return [];
+    }
+  }, {
     key: "dispatchOnChange",
     value: function dispatchOnChange(value, event) {
       this.setState({
@@ -115,20 +128,23 @@ var AbstractPickerInput = /*#__PURE__*/function (_Component) {
         size = _this$asProps.size,
         disabled = _this$asProps.disabled,
         onVisibleChange = _this$asProps.onVisibleChange,
-        ariaLabel = _this$asProps.ariaLabel,
         other = _objectWithoutProperties(_this$asProps, _excluded);
       var _this$state = this.state,
         dirtyValue = _this$state.dirtyValue,
         visible = _this$state.visible;
-      var value = dirtyValue === undefined ? time : dirtyValue;
+      var timeValue = time[MAP_FIELD_TO_TIME[this.field]];
+      var value = dirtyValue === undefined ? timeValue : dirtyValue;
+      var _this$minMax3 = this.minMax(),
+        _this$minMax4 = _slicedToArray(_this$minMax3, 2),
+        min = _this$minMax4[0],
+        max = _this$minMax4[1];
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(Select, _ref2.cn("Select", _objectSpread(_objectSpread({}, other), {}, {
         "interaction": 'focus',
-        "size": size,
+        "size": size ? MAP_SIZE_SELECT[size] : false,
         "onChange": callAllEventHandlers(onSelect, this.handleSelect),
         "onVisibleChange": callAllEventHandlers(onVisibleChange, this.handleVisibleChange),
         "visible": visible,
-        "value": time,
-        "defaultHighlightedIndex": time ? null : 0
+        "value": timeValue
       })), /*#__PURE__*/React.createElement(SPickerInput, _ref2.cn("SPickerInput", _objectSpread({}, _assignProps({
         "tag": Input.Value,
         "ref": this.inputRef,
@@ -137,38 +153,39 @@ var AbstractPickerInput = /*#__PURE__*/function (_Component) {
         "disabled": disabled,
         "neighborLocation": false,
         "value": value,
-        "aria-label": ariaLabel,
+        "aria-label": this.getAriaLabel(),
         "onChange": this.handleChange,
         "onBlur": this.handleBlur,
         "onKeyDown": this.handleKeyDown
       }, _ref)))), /*#__PURE__*/React.createElement(Select.Menu, {
         hMax: 180
-      }, getOptions(this.minMax, step)));
+      }, getOptions(min, max, step)));
     }
   }]);
+  return ItemPicker;
 }(Component);
-_defineProperty(AbstractPickerInput, "style", style);
-_defineProperty(AbstractPickerInput, "defaultProps", function (_) {
-  return {
-    placeholder: '00',
-    offset: [-8, 4]
-  };
+_defineProperty(ItemPicker, "defaultProps", {
+  placeholder: '00',
+  offset: defaultPopperOffset
 });
-var Hours = /*#__PURE__*/function (_AbstractPickerInput2) {
+var Hours = /*#__PURE__*/function (_ItemPicker) {
+  _inherits(Hours, _ItemPicker);
+  var _super2 = _createSuper(Hours);
   function Hours() {
     var _this2;
     _classCallCheck(this, Hours);
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this2 = _callSuper(this, Hours, [].concat(args));
-    _defineProperty(_this2, "handleKeyDown", function (event) {
+    _this2 = _super2.call.apply(_super2, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this2), "field", 'hours');
+    _defineProperty(_assertThisInitialized(_this2), "handleKeyDown", function (event) {
       var currentTarget = event.currentTarget;
       if (event.key === 'Enter') {
         _this2.submitChanges(event);
       }
       if (event.key === 'ArrowRight') {
-        if (currentTarget.selectionStart && currentTarget.selectionStart >= currentTarget.value.length && currentTarget.selectionStart === currentTarget.selectionEnd) {
+        if (currentTarget.selectionStart >= currentTarget.value.length && currentTarget.selectionStart === currentTarget.selectionEnd) {
           event.preventDefault();
           _this2.focusNext();
         }
@@ -176,17 +193,15 @@ var Hours = /*#__PURE__*/function (_AbstractPickerInput2) {
     });
     return _this2;
   }
-  _inherits(Hours, _AbstractPickerInput2);
-  return _createClass(Hours, [{
-    key: "field",
-    get: function get() {
-      return 'hours';
-    }
-  }, {
+  _createClass(Hours, [{
     key: "minMax",
-    get: function get() {
+    value: function minMax() {
       var is12Hour = this.asProps.is12Hour;
-      return is12Hour ? [1, 12] : [0, 23];
+      if (is12Hour) {
+        return [1, 12];
+      } else {
+        return [0, 23];
+      }
     }
   }, {
     key: "focusNext",
@@ -200,7 +215,7 @@ var Hours = /*#__PURE__*/function (_AbstractPickerInput2) {
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate(_, prevState) {
+    value: function componentDidUpdate(_prevProps, prevState) {
       var dirtyValue = this.state.dirtyValue;
       if (prevState.dirtyValue === undefined || dirtyValue === undefined) return;
       if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {
@@ -208,24 +223,29 @@ var Hours = /*#__PURE__*/function (_AbstractPickerInput2) {
       }
     }
   }]);
-}(AbstractPickerInput);
-_defineProperty(Hours, "defaultProps", function (props) {
-  return _objectSpread(_objectSpread({}, AbstractPickerInput.defaultProps(props)), {}, {
-    ml: props.size === 'l' ? 3 : undefined
+  return Hours;
+}(ItemPicker);
+_defineProperty(Hours, "defaultProps", function (_ref3) {
+  var size = _ref3.size;
+  return _objectSpread(_objectSpread({}, ItemPicker.defaultProps), {}, {
+    ml: size === 'l' ? 3 : undefined
   });
 });
-var Minutes = /*#__PURE__*/function (_AbstractPickerInput3) {
+var Minutes = /*#__PURE__*/function (_ItemPicker2) {
+  _inherits(Minutes, _ItemPicker2);
+  var _super3 = _createSuper(Minutes);
   function Minutes() {
     var _this3;
     _classCallCheck(this, Minutes);
     for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
       args[_key3] = arguments[_key3];
     }
-    _this3 = _callSuper(this, Minutes, [].concat(args));
-    _defineProperty(_this3, "handleKeyDown", function (event) {
+    _this3 = _super3.call.apply(_super3, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this3), "field", 'minutes');
+    _defineProperty(_assertThisInitialized(_this3), "handleKeyDown", function (event) {
       var currentTarget = event.currentTarget;
       if (event.key === 'ArrowLeft') {
-        if (currentTarget.selectionStart && currentTarget.selectionStart <= 0 && currentTarget.selectionStart === currentTarget.selectionEnd) {
+        if (currentTarget.selectionStart <= 0 && currentTarget.selectionStart === currentTarget.selectionEnd) {
           event.preventDefault();
           _this3.focusPrev();
         }
@@ -240,15 +260,9 @@ var Minutes = /*#__PURE__*/function (_AbstractPickerInput3) {
     });
     return _this3;
   }
-  _inherits(Minutes, _AbstractPickerInput3);
-  return _createClass(Minutes, [{
-    key: "field",
-    get: function get() {
-      return 'minutes';
-    }
-  }, {
+  _createClass(Minutes, [{
     key: "minMax",
-    get: function get() {
+    value: function minMax() {
       return [0, 59];
     }
   }, {
@@ -262,10 +276,12 @@ var Minutes = /*#__PURE__*/function (_AbstractPickerInput3) {
       }
     }
   }]);
-}(AbstractPickerInput);
-_defineProperty(Minutes, "defaultProps", function (props) {
-  return _objectSpread(_objectSpread({}, AbstractPickerInput.defaultProps(props)), {}, {
-    mr: props.size === 'l' ? 3 : undefined
+  return Minutes;
+}(ItemPicker);
+_defineProperty(Minutes, "defaultProps", function (_ref4) {
+  var size = _ref4.size;
+  return _objectSpread(_objectSpread({}, ItemPicker.defaultProps), {}, {
+    mr: size === 'l' ? 3 : undefined
   });
 });
 export { Hours, Minutes };

package/lib/es6/PickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerInput.js","names":["React","Input","Select","intOrDefault","withLeadingZero","Component","sstyled","Root","callAllEventHandlers","MAP_FIELD_TO_TIME","hours","minutes","MAP_SIZE_SELECT","m","l","getOptions","min","max","step","arguments","length","undefined","Number","toFixed","options","Array","fill","numValue","map","i","index","value","String","createElement","Option","key","defaultPopperOffset","ItemPicker","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","args","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","dirtyValue","visible","_this$minMax","minMax","_this$minMax2","_slicedToArray","Math","event","stopPropagation","numberValue","NaN","isNaN","setState","slice","submitChanges","dispatchOnChange","getI18nText","asProps","_getI18nText","field","_createClass","$onValueChange","state","parseValueWithMinMax","render","_ref","_ref2","SPickerInput","Trigger","_this$asProps","styles","onSelect","time","size","disabled","onVisibleChange","other","_objectWithoutProperties","_excluded","_this$state","timeValue","_this$minMax3","_this$minMax4","cn","_objectSpread","handleSelect","handleVisibleChange","_assignProps","Value","inputRef","getAriaLabel","handleChange","handleBlur","handleKeyDown","Menu","hMax","placeholder","offset","Hours","_ItemPicker","_super2","_this2","_len2","_key2","currentTarget","selectionStart","selectionEnd","preventDefault","focusNext","is12Hour","minutesInputRef","current","focus","componentDidUpdate","_prevProps","prevState","_ref3","defaultProps","ml","Minutes","_ItemPicker2","_super3","_this3","_len3","_key3","focusPrev","hoursInputRef","_ref4","mr"],"sources":["../../src/PickerInput.jsx"],"sourcesContent":["import React from 'react';\nimport Input from '@semcore/input';\nimport Select from '@semcore/select';\nimport { intOrDefault, withLeadingZero } from './TimePicker';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst MAP_FIELD_TO_TIME = {\n  hours: 0,\n  minutes: 1,\n};\n\nconst MAP_SIZE_SELECT = {\n  m: 'm',\n  l: 'l',\n};\n\nfunction getOptions(min, max, step = 1) {\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 = withLeadingZero(String(numValue));\n    return (\n      <Select.Option value={value} key={value}>\n        {value}\n      </Select.Option>\n    );\n  });\n}\n\nconst defaultPopperOffset = [-8, 4];\n\nclass ItemPicker extends Component {\n  static defaultProps = {\n    placeholder: '00',\n    offset: defaultPopperOffset,\n  };\n\n  inputRef = React.createRef();\n\n  minMax() {\n    return [];\n  }\n\n  state = {\n    dirtyValue: undefined,\n    visible: false,\n  };\n\n  parseValueWithMinMax = (value) => {\n    const [min, max] = this.minMax();\n    return String(Math.max(min, Math.min(max, value)));\n  };\n\n  dispatchOnChange(value, event) {\n    this.setState({ dirtyValue: undefined });\n    this.asProps.$onValueChange(value, this.field, event);\n  }\n\n  submitChanges(event) {\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, event) => {\n    /* hide props for bubbling events */\n    event.stopPropagation();\n    const numberValue = intOrDefault(Number(value), NaN);\n\n    if (!Number.isNaN(numberValue)) {\n      this.setState({ dirtyValue: value.slice(-2) });\n    }\n  };\n\n  handleBlur = (event) => this.submitChanges(event);\n\n  /* rewrite method */\n  handleKeyDown = () => {};\n\n  handleSelect = (value, event) => {\n    this.dispatchOnChange(value, event);\n  };\n\n  handleVisibleChange = (visible) => this.setState({ visible });\n\n  getAriaLabel = () => {\n    const { _getI18nText: getI18nText } = this.asProps;\n    if (this.field === 'hours') return getI18nText('hours');\n    if (this.field === 'minutes') return getI18nText('minutes');\n    return undefined;\n  };\n\n  render() {\n    const SPickerInput = Root;\n    const { styles, step, onSelect, time, size, disabled, onVisibleChange, ...other } =\n      this.asProps;\n    const { dirtyValue, visible } = this.state;\n    const timeValue = time[MAP_FIELD_TO_TIME[this.field]];\n    const value = dirtyValue === undefined ? timeValue : dirtyValue;\n    const [min, max] = this.minMax();\n\n    return sstyled(styles)(\n      <Select\n        {...other}\n        interaction='focus'\n        size={size ? MAP_SIZE_SELECT[size] : false}\n        onChange={callAllEventHandlers(onSelect, this.handleSelect)}\n        onVisibleChange={callAllEventHandlers(onVisibleChange, this.handleVisibleChange)}\n        visible={visible}\n        value={timeValue}\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={this.getAriaLabel()}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n        />\n        <Select.Menu hMax={180}>{getOptions(min, max, step)}</Select.Menu>\n      </Select>,\n    );\n  }\n}\n\nclass Hours extends ItemPicker {\n  field = 'hours';\n  static defaultProps = ({ size }) => ({\n    ...ItemPicker.defaultProps,\n    ml: size === 'l' ? 3 : undefined,\n  });\n\n  minMax() {\n    const { is12Hour } = this.asProps;\n    if (is12Hour) {\n      return [1, 12];\n    } else {\n      return [0, 23];\n    }\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) => {\n    const { currentTarget } = event;\n    if (event.key === 'Enter') {\n      this.submitChanges(event);\n    }\n    if (event.key === 'ArrowRight') {\n      if (\n        currentTarget.selectionStart >= currentTarget.value.length &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        event.preventDefault();\n        this.focusNext();\n      }\n    }\n  };\n\n  componentDidUpdate(_prevProps, prevState) {\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 ItemPicker {\n  field = 'minutes';\n  static defaultProps = ({ size }) => ({\n    ...ItemPicker.defaultProps,\n    mr: size === 'l' ? 3 : undefined,\n  });\n\n  minMax() {\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) => {\n    const { currentTarget } = event;\n    if (event.key === 'ArrowLeft') {\n      if (\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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"}