@semcore/time-picker 16.2.0-prerelease.1 → 16.2.0

package/lib/{esm/style/time-picker.shadow.css → es6/component/PickerFormat/picker-format.shadow.css}

@@ -1,45 +1,3 @@
-STimePicker {
-  position: relative;
-  width: auto;
-  outline: none;
-
-  SPickerInput {
-    box-sizing: content-box;
-    text-align: center;
-    z-index: 1;
-    height: 1.5em;
-
-    &[placeholder] {
-      text-overflow: initial;
-    }
-    &:focus {
-      outline: none;
-      background-color: var(--intergalactic-bg-highlight-focus, oklch(0.524 0.266 263.1 / 0.116));
-    }
-  }
-}
-
-/*STimePicker[keyboardFocused]:focus {*/
-/*  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));*/
-/*}*/
-
-STimePicker[disabled] {
-  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
-  cursor: default;
-}
-
-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;
-}
-
 SPickerFormat {
   flex-shrink: 0;
   position: relative;
@@ -100,17 +58,4 @@ SPickerFormat[disabled] {
   cursor: default;
   pointer-events: none;
   border-color: transparent transparent transparent var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
-}
-
-/*SPickerFormat[keyboardFocused] {*/
-/*  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));*/
-/*}*/
-
-STimePickerSeparator {
-  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
-}
-
-STimePickerSeparator[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.4);
-  pointer-events: none;
-}
+}

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

@@ -1,77 +1,77 @@
 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 _inherits from "@babel/runtime/helpers/inherits";
 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"];
+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';
 import Input from '@semcore/input';
 import Select from '@semcore/select';
 import React from 'react';
-import { intOrDefault, withLeadingZero } from './TimePicker';
-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;
+/*!__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];
   var length = Number(((max + 1 - min) / step).toFixed(0));
   var options = Array(length).fill('');
   var numValue = min;
   return options.map(function (_i, index) {
     numValue = index === 0 ? numValue : numValue + step;
-    var value = withLeadingZero(String(numValue));
+    var value = String(numValue).padStart(2, '0');
     return /*#__PURE__*/React.createElement(Select.Option, {
       value: value,
       key: value
     }, value);
   });
 }
-var defaultPopperOffset = [-8, 4];
-var ItemPicker = /*#__PURE__*/function (_Component) {
-  function ItemPicker() {
+var AbstractPickerInput = /*#__PURE__*/function (_Component) {
+  function AbstractPickerInput() {
     var _this;
-    _classCallCheck(this, ItemPicker);
+    _classCallCheck(this, AbstractPickerInput);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ItemPicker, [].concat(args));
-    _defineProperty(_this, "inputRef", /*#__PURE__*/React.createRef());
+    _this = _callSuper(this, AbstractPickerInput, [].concat(args));
     _defineProperty(_this, "state", {
       dirtyValue: undefined,
       visible: false
     });
+    _defineProperty(_this, "inputRef", /*#__PURE__*/React.createRef());
     _defineProperty(_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)));
+      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(_this, "handleChange", function (value, event) {
-      /* hide props for bubbling events */
       event.stopPropagation();
-      var numberValue = intOrDefault(Number(value), Number.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)
         });
       }
     });
     _defineProperty(_this, "handleBlur", function (event) {
       return _this.submitChanges(event);
     });
-    /* rewrite method */
-    _defineProperty(_this, "handleKeyDown", function () {});
     _defineProperty(_this, "handleSelect", function (value, event) {
       _this.dispatchOnChange(value, event);
     });
@@ -80,21 +80,10 @@ var ItemPicker = /*#__PURE__*/function (_Component) {
         visible: visible
       });
     });
-    _defineProperty(_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(ItemPicker, _Component);
-  return _createClass(ItemPicker, [{
-    key: "minMax",
-    value: function minMax() {
-      return [];
-    }
-  }, {
+  _inherits(AbstractPickerInput, _Component);
+  return _createClass(AbstractPickerInput, [{
     key: "dispatchOnChange",
     value: function dispatchOnChange(value, event) {
       this.setState({
@@ -126,23 +115,20 @@ var ItemPicker = /*#__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 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];
+      var value = dirtyValue === undefined ? time : dirtyValue;
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(Select, _ref2.cn("Select", _objectSpread(_objectSpread({}, other), {}, {
         "interaction": 'focus',
-        "size": size ? MAP_SIZE_SELECT[size] : false,
+        "size": size,
         "onChange": callAllEventHandlers(onSelect, this.handleSelect),
         "onVisibleChange": callAllEventHandlers(onVisibleChange, this.handleVisibleChange),
         "visible": visible,
-        "value": timeValue
+        "value": time,
+        "defaultHighlightedIndex": time ? null : 0
       })), /*#__PURE__*/React.createElement(SPickerInput, _ref2.cn("SPickerInput", _objectSpread({}, _assignProps({
         "tag": Input.Value,
         "ref": this.inputRef,
@@ -151,21 +137,24 @@ 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.createElement(Select.Menu, {
         hMax: 180
-      }, getOptions(min, max, step)));
+      }, getOptions(this.minMax, step)));
     }
   }]);
 }(Component);
-_defineProperty(ItemPicker, "defaultProps", {
-  placeholder: '00',
-  offset: defaultPopperOffset
+_defineProperty(AbstractPickerInput, "style", style);
+_defineProperty(AbstractPickerInput, "defaultProps", function (_) {
+  return {
+    placeholder: '00',
+    offset: [-8, 4]
+  };
 });
-var Hours = /*#__PURE__*/function (_ItemPicker2) {
+var Hours = /*#__PURE__*/function (_AbstractPickerInput2) {
   function Hours() {
     var _this2;
     _classCallCheck(this, Hours);
@@ -173,14 +162,13 @@ var Hours = /*#__PURE__*/function (_ItemPicker2) {
       args[_key2] = arguments[_key2];
     }
     _this2 = _callSuper(this, Hours, [].concat(args));
-    _defineProperty(_this2, "field", 'hours');
     _defineProperty(_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();
         }
@@ -188,16 +176,17 @@ var Hours = /*#__PURE__*/function (_ItemPicker2) {
     });
     return _this2;
   }
-  _inherits(Hours, _ItemPicker2);
+  _inherits(Hours, _AbstractPickerInput2);
   return _createClass(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",
@@ -211,7 +200,7 @@ var Hours = /*#__PURE__*/function (_ItemPicker2) {
     }
   }, {
     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) {
@@ -219,14 +208,13 @@ var Hours = /*#__PURE__*/function (_ItemPicker2) {
       }
     }
   }]);
-}(ItemPicker);
-_defineProperty(Hours, "defaultProps", function (_ref3) {
-  var size = _ref3.size;
-  return _objectSpread(_objectSpread({}, ItemPicker.defaultProps), {}, {
-    ml: size === 'l' ? 3 : undefined
+}(AbstractPickerInput);
+_defineProperty(Hours, "defaultProps", function (props) {
+  return _objectSpread(_objectSpread({}, AbstractPickerInput.defaultProps(props)), {}, {
+    ml: props.size === 'l' ? 3 : undefined
   });
 });
-var Minutes = /*#__PURE__*/function (_ItemPicker3) {
+var Minutes = /*#__PURE__*/function (_AbstractPickerInput3) {
   function Minutes() {
     var _this3;
     _classCallCheck(this, Minutes);
@@ -234,11 +222,10 @@ var Minutes = /*#__PURE__*/function (_ItemPicker3) {
       args[_key3] = arguments[_key3];
     }
     _this3 = _callSuper(this, Minutes, [].concat(args));
-    _defineProperty(_this3, "field", 'minutes');
     _defineProperty(_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();
         }
@@ -253,10 +240,15 @@ var Minutes = /*#__PURE__*/function (_ItemPicker3) {
     });
     return _this3;
   }
-  _inherits(Minutes, _ItemPicker3);
+  _inherits(Minutes, _AbstractPickerInput3);
   return _createClass(Minutes, [{
+    key: "field",
+    get: function get() {
+      return 'minutes';
+    }
+  }, {
     key: "minMax",
-    value: function minMax() {
+    get: function get() {
       return [0, 59];
     }
   }, {
@@ -270,11 +262,10 @@ var Minutes = /*#__PURE__*/function (_ItemPicker3) {
       }
     }
   }]);
-}(ItemPicker);
-_defineProperty(Minutes, "defaultProps", function (_ref4) {
-  var size = _ref4.size;
-  return _objectSpread(_objectSpread({}, ItemPicker.defaultProps), {}, {
-    mr: size === 'l' ? 3 : undefined
+}(AbstractPickerInput);
+_defineProperty(Minutes, "defaultProps", function (props) {
+  return _objectSpread(_objectSpread({}, AbstractPickerInput.defaultProps(props)), {}, {
+    mr: props.size === 'l' ? 3 : undefined
   });
 });
 export { Hours, Minutes };

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerInput.js","names":["Component","sstyled","Root","callAllEventHandlers","Input","Select","React","style","_sstyled","insert","getOptions","minMax","step","arguments","length","undefined","_minMax","_slicedToArray","min","max","Number","toFixed","options","Array","fill","numValue","map","_i","index","value","String","padStart","createElement","Option","key","AbstractPickerInput","_Component","_this","_classCallCheck","_len","args","_key","_callSuper","concat","_defineProperty","dirtyValue","visible","createRef","_this$minMax","numberValue","isNaN","Math","event","stopPropagation","inputValue","replace","setState","slice","submitChanges","dispatchOnChange","_inherits","_createClass","asProps","$onValueChange","field","state","parseValueWithMinMax","render","_ref","_ref2","SPickerInput","Trigger","_this$asProps","styles","onSelect","time","size","disabled","onVisibleChange","ariaLabel","other","_objectWithoutProperties","_excluded","_this$state","cn","_objectSpread","handleSelect","handleVisibleChange","_assignProps","Value","inputRef","handleChange","handleBlur","handleKeyDown","Menu","hMax","_","placeholder","offset","Hours","_AbstractPickerInput2","_this2","_len2","_key2","currentTarget","selectionStart","selectionEnd","preventDefault","focusNext","get","is12Hour","minutesInputRef","current","focus","componentDidUpdate","prevState","props","defaultProps","ml","Minutes","_AbstractPickerInput3","_this3","_len3","_key3","focusPrev","hoursInputRef","mr"],"sources":["../../../../src/component/PickerInput/PickerInput.tsx"],"sourcesContent":["import { Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport Input from '@semcore/input';\nimport Select from '@semcore/select';\nimport React from 'react';\n\nimport style from './picker-input.shadow.css';\nimport type { PickerInputMinMax, PickerInputProps } from './PickerInput.type';\nimport type { TimePickerField } from '../TimePicker/TimePicker.type';\n\nfunction getOptions(minMax: PickerInputMinMax, step = 1) {\n  const [min, max] = minMax;\n  const length = Number(((max + 1 - min) / step).toFixed(0));\n  const options = Array(length).fill('');\n  let numValue = min;\n  return options.map((_i, index) => {\n    numValue = index === 0 ? numValue : numValue + step;\n    const value = String(numValue).padStart(2, '0');\n\n    return (\n      <Select.Option value={value} key={value}>\n        {value}\n      </Select.Option>\n    );\n  });\n}\n\ntype State = {\n  dirtyValue?: string;\n  visible: boolean;\n};\n\nabstract class AbstractPickerInput extends Component<PickerInputProps, [], {}, {}, State> {\n  static style = style;\n  static defaultProps = (_: PickerInputProps) => ({\n    placeholder: '00',\n    offset: [-8, 4],\n  });\n\n  state: State = {\n    dirtyValue: undefined,\n    visible: false,\n  };\n\n  inputRef = React.createRef();\n\n  abstract get field(): TimePickerField;\n  abstract get minMax(): PickerInputMinMax;\n  abstract handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;\n\n  parseValueWithMinMax = (value: string) => {\n    const [min, max] = this.minMax;\n\n    const numberValue = isNaN(Number(value)) ? min : Number(value);\n\n    return String(Math.max(min, Math.min(max, numberValue)));\n  };\n\n  dispatchOnChange(value: string, event: React.SyntheticEvent) {\n    this.setState({ dirtyValue: undefined });\n    this.asProps.$onValueChange(value, this.field, event);\n  }\n\n  submitChanges(event: React.SyntheticEvent) {\n    let { dirtyValue } = this.state;\n    if (dirtyValue !== undefined) {\n      // if changes value\n      if (dirtyValue) dirtyValue = this.parseValueWithMinMax(dirtyValue); // if not \"\"\n      this.dispatchOnChange(dirtyValue, event);\n    }\n  }\n\n  handleChange = (value: string, event: React.SyntheticEvent) => {\n    event.stopPropagation();\n\n    const inputValue = value.replace(/[^0-9]/g, '');\n    const numberValue = Number(inputValue);\n\n    if (!Number.isNaN(numberValue)) {\n      this.setState({ dirtyValue: inputValue.slice(-2) });\n    }\n  };\n\n  handleBlur = (event: React.SyntheticEvent) => this.submitChanges(event);\n\n  handleSelect = (value: string, event: React.SyntheticEvent) => {\n    this.dispatchOnChange(value, event);\n  };\n\n  handleVisibleChange = (visible: boolean) => this.setState({ visible });\n\n  render() {\n    const SPickerInput = Root;\n    const { styles, step, onSelect, time, size, disabled, onVisibleChange, ariaLabel, ...other } = this.asProps;\n    const { dirtyValue, visible } = this.state;\n    const value = dirtyValue === undefined ? time : dirtyValue;\n\n    return sstyled(styles)(\n      <Select\n        {...other}\n        interaction='focus'\n        size={size}\n        onChange={callAllEventHandlers(onSelect, this.handleSelect)}\n        onVisibleChange={callAllEventHandlers(onVisibleChange, this.handleVisibleChange)}\n        visible={visible}\n        value={time}\n        defaultHighlightedIndex={time ? null : 0}\n      >\n        <SPickerInput\n          render={Select.Trigger}\n          tag={Input.Value}\n          ref={this.inputRef}\n          inputMode='numeric'\n          size={size}\n          disabled={disabled}\n          neighborLocation={false}\n          value={value}\n          aria-label={ariaLabel}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n        />\n        <Select.Menu hMax={180}>{getOptions(this.minMax, step)}</Select.Menu>\n      </Select>,\n    );\n  }\n}\n\nclass Hours extends AbstractPickerInput {\n  static defaultProps = (props: PickerInputProps) => ({\n    ...AbstractPickerInput.defaultProps(props),\n    ml: props.size === 'l' ? 3 : undefined,\n  });\n\n  get field(): TimePickerField {\n    return 'hours';\n  }\n\n  get minMax(): PickerInputMinMax {\n    const { is12Hour } = this.asProps;\n\n    return is12Hour ? [1, 12] : [0, 23];\n  }\n\n  focusNext() {\n    if (this.asProps.minutesInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.minutesInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const { currentTarget } = event;\n    if (event.key === 'Enter') {\n      this.submitChanges(event);\n    }\n    if (event.key === 'ArrowRight') {\n      if (\n        currentTarget.selectionStart &&\n        currentTarget.selectionStart >= currentTarget.value.length &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        event.preventDefault();\n        this.focusNext();\n      }\n    }\n  };\n\n  componentDidUpdate(_: PickerInputProps, prevState: State) {\n    const { dirtyValue } = this.state;\n    if (prevState.dirtyValue === undefined || dirtyValue === undefined) return;\n\n    if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {\n      this.focusNext();\n    }\n  }\n}\n\nclass Minutes extends AbstractPickerInput {\n  static defaultProps = (props: PickerInputProps) => ({\n    ...AbstractPickerInput.defaultProps(props),\n    mr: props.size === 'l' ? 3 : undefined,\n  });\n\n  get field(): TimePickerField {\n    return 'minutes';\n  }\n\n  get minMax(): PickerInputMinMax {\n    return [0, 59];\n  }\n\n  focusPrev() {\n    if (this.asProps.hoursInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.hoursInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const { currentTarget } = event;\n    if (event.key === 'ArrowLeft') {\n      if (\n        currentTarget.selectionStart &&\n        currentTarget.selectionStart <= 0 &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        event.preventDefault();\n        this.focusPrev();\n      }\n    }\n    if (event.key === 'Backspace') {\n      if (currentTarget.value.length === 0) {\n        event.preventDefault();\n        this.focusPrev();\n      }\n    }\n    if (event.key === 'Enter') this.submitChanges(event);\n  };\n}\n\nexport { Hours, Minutes };\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PickerInput.type.js.map

package/lib/es6/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/es6/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;
+}