@semcore/time-picker 3.4.36 → 3.4.38

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.4.38] - 2023-04-03
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/select` [3.5.12 ~> 3.5.13]).
+
+## [3.4.37] - 2023-03-28
+
+### Added
+
+- Added default color (`--intergalactic-text-primary`) to `Separator` component.
+
 ## [3.4.36] - 2023-03-28
 
 ### Changed

package/lib/cjs/PickerFormat.js

@@ -1,54 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _core = require("@semcore/core");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _flexBox = require("@semcore/flex-box");
-
 var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
-
 var TimePickerFormat = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(TimePickerFormat, _Component);
-
   var _super = (0, _createSuper2["default"])(TimePickerFormat);
-
   function TimePickerFormat() {
     (0, _classCallCheck2["default"])(this, TimePickerFormat);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2["default"])(TimePickerFormat, [{
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-          _ref2;
-
+        _ref2;
       var SPickerFormat = _flexBox.Box;
       var _this$asProps = this.asProps,
-          Children = _this$asProps.Children,
-          meridiem = _this$asProps.meridiem,
-          styles = _this$asProps.styles,
-          getI18nText = _this$asProps.getI18nText;
+        Children = _this$asProps.Children,
+        meridiem = _this$asProps.meridiem,
+        styles = _this$asProps.styles,
+        getI18nText = _this$asProps.getI18nText;
       var SPickerFormatText = 'span';
       var label = getI18nText('format', {
         meridiem: meridiem
@@ -63,7 +47,6 @@ var TimePickerFormat = /*#__PURE__*/function (_Component) {
   }]);
   return TimePickerFormat;
 }(_core.Component);
-
 (0, _defineProperty2["default"])(TimePickerFormat, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
 var _default = TimePickerFormat;
 exports["default"] = _default;

package/lib/cjs/PickerFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerFormat.js","names":["TimePickerFormat","SPickerFormat","Box","asProps","Children","meridiem","styles","getI18nText","SPickerFormatText","label","sstyled","origin","Component","keyboardFocusEnhance"],"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';\n\nclass TimePickerFormat extends Component {\n  static enhance = [keyboardFocusEnhance()];\n  render() {\n    const SPickerFormat = Root;\n    const { Children, meridiem, styles, getI18nText } = this.asProps;\n    const SPickerFormatText = 'span';\n\n    const label = getI18nText('format', { meridiem });\n\n    return sstyled(styles)(\n      <SPickerFormat render={Box} type=\"button\" tag=\"button\" role=\"switch\" aria-label={label}>\n        {Children.origin ? <Children /> : <SPickerFormatText>{meridiem}</SPickerFormatText>}\n      </SPickerFormat>,\n    );\n  }\n}\n\nexport default TimePickerFormat;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;IAEMA,gB;;;;;;;;;;;;WAEJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,aAAa,GAOMC,YAPzB;MACA,oBAAoD,KAAKC,OAAzD;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,QAAlB,iBAAkBA,QAAlB;MAAA,IAA4BC,MAA5B,iBAA4BA,MAA5B;MAAA,IAAoCC,WAApC,iBAAoCA,WAApC;MACA,IAAMC,iBAAiB,GAAG,MAA1B;MAEA,IAAMC,KAAK,GAAGF,WAAW,CAAC,QAAD,EAAW;QAAEF,QAAQ,EAARA;MAAF,CAAX,CAAzB;MAEA,eAAO,IAAAK,aAAA,EAAQJ,MAAR,CAAP,eACE,gCAAC,aAAD;QAAA,QAAiC,QAAjC;QAAA,OAA8C,QAA9C;QAAA,QAA4D,QAA5D;QAAA,cAAiFG;MAAjF,YACGL,QAAQ,CAACO,MAAT,gBAAkB,gCAAC,QAAD,2BAAlB,gBAAiC,gCAAC,iBAAD,qCAAoBN,QAApB,CADpC,CADF;IAKD;;;EAd4BO,e;;iCAAzBZ,gB,aACa,CAAC,IAAAa,gCAAA,GAAD,C;eAgBJb,gB"}
+{"version":3,"file":"PickerFormat.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","TimePickerFormat","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SPickerFormat","Box","_this$asProps","Children","meridiem","styles","getI18nText","SPickerFormatText","label","sstyled","createElement","cn","_objectSpread2","assignProps","origin","Component","_defineProperty2","keyboardFocusEnhance","_default","exports"],"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';\n\nclass TimePickerFormat extends Component {\n  static enhance = [keyboardFocusEnhance()];\n  render() {\n    const SPickerFormat = Root;\n    const { Children, meridiem, styles, getI18nText } = this.asProps;\n    const SPickerFormatText = 'span';\n\n    const label = getI18nText('format', { meridiem });\n\n    return sstyled(styles)(\n      <SPickerFormat render={Box} type=\"button\" tag=\"button\" role=\"switch\" aria-label={label}>\n        {Children.origin ? <Children /> : <SPickerFormatText>{meridiem}</SPickerFormatText>}\n      </SPickerFormat>,\n    );\n  }\n}\n\nexport default TimePickerFormat;\n"],"mappings":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAoF,IAE9EK,gBAAgB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,gBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,gBAAA;EAAA,SAAAA,iBAAA;IAAA,IAAAK,gBAAA,mBAAAL,gBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,gBAAA;IAAAS,GAAA;IAAAC,KAAA,EAEpB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,aAAa,GAOMC,YAPC;MAC1B,IAAAC,aAAA,GAAoD,IAAI,CAACJ,OAAO;QAAxDK,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,MAAM,GAAAH,aAAA,CAANG,MAAM;QAAEC,WAAW,GAAAJ,aAAA,CAAXI,WAAW;MAC/C,IAAMC,iBAAiB,GAAG,MAAM;MAEhC,IAAMC,KAAK,GAAGF,WAAW,CAAC,QAAQ,EAAE;QAAEF,QAAQ,EAARA;MAAS,CAAC,CAAC;MAEjD,OAAAL,KAAA,GAAO,IAAAU,aAAO,EAACJ,MAAM,CAAC,eACpBxB,MAAA,YAAA6B,aAAA,CAACV,aAAa,EAAAD,KAAA,CAAAY,EAAA,sBAAAC,cAAA,qBAAAjC,KAAA,CAAAkC,WAAA;QAAA,QAAmB,QAAQ;QAAA,OAAK,QAAQ;QAAA,QAAM,QAAQ;QAAA,cAAaL;MAAK,GAAAX,IAAA,KACnFM,QAAQ,CAACW,MAAM,gBAAGjC,MAAA,YAAA6B,aAAA,CAACP,QAAQ,EAAAJ,KAAA,CAAAY,EAAA,iBAAG,gBAAG9B,MAAA,YAAA6B,aAAA,CAACH,iBAAiB,EAAAR,KAAA,CAAAY,EAAA,2BAAEP,QAAQ,CAAqB,CACrE;IAEpB;EAAC;EAAA,OAAAnB,gBAAA;AAAA,EAd4B8B,eAAS;AAAA,IAAAC,gBAAA,aAAlC/B,gBAAgB,aACH,CAAC,IAAAgC,gCAAoB,GAAE,CAAC;AAAA,IAAAC,QAAA,GAgB5BjC,gBAAgB;AAAAkC,OAAA,cAAAD,QAAA"}

package/lib/cjs/PickerInput.js

@@ -1,42 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _core = require("@semcore/core");
-
 var _react = _interopRequireDefault(require("react"));
-
 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,
@@ -46,7 +29,6 @@ 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));
@@ -61,21 +43,15 @@ function getOptions(min, max) {
     }, value);
   });
 }
-
 var ItemPicker = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(ItemPicker, _Component);
-
   var _super = (0, _createSuper2["default"])(ItemPicker);
-
   function ItemPicker() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, ItemPicker);
-
     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", {
@@ -84,17 +60,15 @@ var ItemPicker = /*#__PURE__*/function (_Component) {
     });
     (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];
-
+        _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"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (value, e) {
       /* hide props for bubbling events */
       e.stopPropagation();
       var numberValue = (0, _TimePicker.intOrDefault)(Number(value), NaN);
-
       if (!Number.isNaN(numberValue)) {
         _this.setState({
           dirtyValue: value.slice(-2)
@@ -104,6 +78,7 @@ var ItemPicker = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleBlur", function (e) {
       return _this.submitChanges(e);
     });
+    /* rewrite method */
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function () {});
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSelect", function (value, e) {
       _this.dispatchOnChange(value, e);
@@ -121,7 +96,6 @@ var ItemPicker = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-
   (0, _createClass2["default"])(ItemPicker, [{
     key: "minMax",
     value: function minMax() {
@@ -139,11 +113,9 @@ var ItemPicker = /*#__PURE__*/function (_Component) {
     key: "submitChanges",
     value: function submitChanges(event) {
       var dirtyValue = this.state.dirtyValue;
-
       if (dirtyValue !== undefined) {
         // if changes value
         if (dirtyValue) dirtyValue = this.parseValueWithMinMax(dirtyValue); // if not ""
-
         this.dispatchOnChange(dirtyValue, event);
       }
     }
@@ -151,29 +123,26 @@ var ItemPicker = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-          _ref2;
-
+        _ref2;
       var SPickerInput = _select["default"].Trigger;
       var _this$asProps = this.asProps,
-          styles = _this$asProps.styles,
-          step = _this$asProps.step,
-          onSelect = _this$asProps.onSelect,
-          time = _this$asProps.time,
-          size = _this$asProps.size,
-          disabled = _this$asProps.disabled,
-          onVisibleChange = _this$asProps.onVisibleChange,
-          other = (0, _objectWithoutProperties2["default"])(_this$asProps, _excluded);
+        styles = _this$asProps.styles,
+        step = _this$asProps.step,
+        onSelect = _this$asProps.onSelect,
+        time = _this$asProps.time,
+        size = _this$asProps.size,
+        disabled = _this$asProps.disabled,
+        onVisibleChange = _this$asProps.onVisibleChange,
+        other = (0, _objectWithoutProperties2["default"])(_this$asProps, _excluded);
       var _this$state = this.state,
-          dirtyValue = _this$state.dirtyValue,
-          visible = _this$state.visible;
+        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];
-
+        _this$minMax4 = (0, _slicedToArray2["default"])(_this$minMax3, 2),
+        min = _this$minMax4[0],
+        max = _this$minMax4[1];
       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,
@@ -201,47 +170,36 @@ var ItemPicker = /*#__PURE__*/function (_Component) {
   }]);
   return ItemPicker;
 }(_core.Component);
-
 (0, _defineProperty2["default"])(ItemPicker, "defaultProps", {
   placeholder: '00'
 });
-
 var Hours = /*#__PURE__*/function (_ItemPicker) {
   (0, _inherits2["default"])(Hours, _ItemPicker);
-
   var _super2 = (0, _createSuper2["default"])(Hours);
-
   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 (e) {
       var currentTarget = e.currentTarget;
       if (e.keyCode === 13) _this2.submitChanges(e);
-
       if (e.keyCode === 39) {
         if (currentTarget.selectionStart >= currentTarget.value.length && currentTarget.selectionStart === currentTarget.selectionEnd) {
           e.preventDefault();
-
           _this2.nextInput();
         }
       }
     });
     return _this2;
   }
-
   (0, _createClass2["default"])(Hours, [{
     key: "minMax",
     value: function minMax() {
       var is12Hour = this.asProps.is12Hour;
-
       if (is12Hour) {
         return [1, 12];
       } else {
@@ -263,7 +221,6 @@ var Hours = /*#__PURE__*/function (_ItemPicker) {
     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) {
         this.nextInput();
       }
@@ -271,48 +228,36 @@ var Hours = /*#__PURE__*/function (_ItemPicker) {
   }]);
   return Hours;
 }(ItemPicker);
-
 exports.Hours = Hours;
-
 var Minutes = /*#__PURE__*/function (_ItemPicker2) {
   (0, _inherits2["default"])(Minutes, _ItemPicker2);
-
   var _super3 = (0, _createSuper2["default"])(Minutes);
-
   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 (e) {
       var currentTarget = e.currentTarget;
       if (e.keyCode === 13) _this3.submitChanges(e);
-
       if (e.keyCode === 37) {
         if (currentTarget.selectionStart <= 0 && currentTarget.selectionStart === currentTarget.selectionEnd) {
           e.preventDefault();
-
           _this3.prevFocus();
         }
       }
-
       if (e.keyCode === 8) {
         if (currentTarget.value.length === 0) {
           e.preventDefault();
-
           _this3.prevFocus();
         }
       }
     });
     return _this3;
   }
-
   (0, _createClass2["default"])(Minutes, [{
     key: "minMax",
     value: function minMax() {
@@ -331,6 +276,5 @@ var Minutes = /*#__PURE__*/function (_ItemPicker2) {
   }]);
   return Minutes;
 }(ItemPicker);
-
 exports.Minutes = Minutes;
 //# sourceMappingURL=PickerInput.js.map

package/lib/cjs/PickerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerInput.js","names":["MAP_FIELD_TO_TIME","hours","minutes","MAP_SIZE_SELECT","m","l","getOptions","min","max","step","length","Number","toFixed","options","Array","fill","numValue","map","i","index","value","withLeadingZero","String","ItemPicker","React","createRef","dirtyValue","undefined","visible","minMax","Math","e","stopPropagation","numberValue","intOrDefault","NaN","isNaN","setState","slice","submitChanges","dispatchOnChange","getI18nText","asProps","_getI18nText","field","event","$onValueChange","state","parseValueWithMinMax","SPickerInput","Select","Trigger","styles","onSelect","time","size","disabled","onVisibleChange","other","timeValue","sstyled","callAllEventHandlers","handleSelect","handleVisibleChange","Input","Value","inputRef","getAriaLabel","handleChange","handleBlur","handleKeyDown","Component","placeholder","Hours","currentTarget","keyCode","selectionStart","selectionEnd","preventDefault","nextInput","is12Hour","minutesInputRef","current","focus","prevProps","prevState","Minutes","prevFocus","hoursInputRef"],"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\nclass ItemPicker extends Component {\n  static defaultProps = {\n    placeholder: '00',\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, e) => {\n    /* hide props for bubbling events */\n    e.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 = (e) => this.submitChanges(e);\n\n  /* rewrite method */\n  handleKeyDown = () => {};\n\n  handleSelect = (value, e) => {\n    this.dispatchOnChange(value, e);\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          size={size}\n          disabled={disabled}\n          neighborLocation={false}\n          value={value}\n          aria-label={this.getAriaLabel()}\n          __excludeProps={[\n            'aria-haspopup',\n            'aria-controls',\n            'aria-flowto',\n            'aria-expanded',\n            'aria-autocomplete',\n            'role',\n          ]}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n        />\n        <Select.Menu aria-hidden=\"true\" hMax={180}>\n          {getOptions(min, max, step)}\n        </Select.Menu>\n      </Select>,\n    );\n  }\n}\n\nclass Hours extends ItemPicker {\n  field = 'hours';\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  nextInput() {\n    if (this.asProps.minutesInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.minutesInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 39) {\n      if (\n        currentTarget.selectionStart >= currentTarget.value.length &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.nextInput();\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.nextInput();\n    }\n  }\n}\n\nclass Minutes extends ItemPicker {\n  field = 'minutes';\n\n  minMax() {\n    return [0, 59];\n  }\n\n  prevFocus() {\n    if (this.asProps.hoursInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.hoursInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 37) {\n      if (\n        currentTarget.selectionStart <= 0 &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n    if (e.keyCode === 8) {\n      if (currentTarget.value.length === 0) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n  };\n}\n\nexport { Hours, Minutes };\n"],"mappings":"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"}
+{"version":3,"file":"PickerInput.js","names":["_core","require","_react","_interopRequireDefault","_input","_select","_TimePicker","_assignProps2","_excluded","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","withLeadingZero","String","createElement","Option","key","ItemPicker","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","args","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","dirtyValue","visible","_this$minMax","minMax","_this$minMax2","_slicedToArray2","Math","e","stopPropagation","numberValue","intOrDefault","NaN","isNaN","setState","slice","submitChanges","dispatchOnChange","getI18nText","asProps","_getI18nText","field","_createClass2","event","$onValueChange","state","parseValueWithMinMax","render","_ref","_ref2","SPickerInput","Select","Trigger","_this$asProps","styles","onSelect","time","size","disabled","onVisibleChange","other","_objectWithoutProperties2","_this$state","timeValue","_this$minMax3","_this$minMax4","sstyled","cn","_objectSpread2","callAllEventHandlers","handleSelect","handleVisibleChange","assignProps","Input","Value","inputRef","getAriaLabel","handleChange","handleBlur","handleKeyDown","Menu","hMax","Component","placeholder","Hours","_ItemPicker","_super2","_this2","_len2","_key2","currentTarget","keyCode","selectionStart","selectionEnd","preventDefault","nextInput","is12Hour","minutesInputRef","current","focus","componentDidUpdate","prevProps","prevState","exports","Minutes","_ItemPicker2","_super3","_this3","_len3","_key3","prevFocus","hoursInputRef"],"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\nclass ItemPicker extends Component {\n  static defaultProps = {\n    placeholder: '00',\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, e) => {\n    /* hide props for bubbling events */\n    e.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 = (e) => this.submitChanges(e);\n\n  /* rewrite method */\n  handleKeyDown = () => {};\n\n  handleSelect = (value, e) => {\n    this.dispatchOnChange(value, e);\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          size={size}\n          disabled={disabled}\n          neighborLocation={false}\n          value={value}\n          aria-label={this.getAriaLabel()}\n          __excludeProps={[\n            'aria-haspopup',\n            'aria-controls',\n            'aria-flowto',\n            'aria-expanded',\n            'aria-autocomplete',\n            'role',\n          ]}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n        />\n        <Select.Menu aria-hidden=\"true\" hMax={180}>\n          {getOptions(min, max, step)}\n        </Select.Menu>\n      </Select>,\n    );\n  }\n}\n\nclass Hours extends ItemPicker {\n  field = 'hours';\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  nextInput() {\n    if (this.asProps.minutesInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.minutesInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 39) {\n      if (\n        currentTarget.selectionStart >= currentTarget.value.length &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.nextInput();\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.nextInput();\n    }\n  }\n}\n\nclass Minutes extends ItemPicker {\n  field = 'minutes';\n\n  minMax() {\n    return [0, 59];\n  }\n\n  prevFocus() {\n    if (this.asProps.hoursInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.hoursInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 37) {\n      if (\n        currentTarget.selectionStart <= 0 &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n    if (e.keyCode === 8) {\n      if (currentTarget.value.length === 0) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n  };\n}\n\nexport { Hours, Minutes };\n"],"mappings":"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"}