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

package/lib/es6/PickerInput.js.map

@@ -1 +0,0 @@
-{"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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"}

package/lib/es6/TimePicker.js

@@ -1,348 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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 { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
-import { assignProps as _assignProps2 } from "@semcore/core";
-import { assignProps as _assignProps } from "@semcore/core";
-import React from 'react';
-import createComponent, { Component, sstyled, Root } from '@semcore/core';
-import Input from '@semcore/input';
-import { Box } from '@semcore/flex-box';
-import { Hours, Minutes } from './PickerInput';
-import Format from './PickerFormat';
-import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
-import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
-/*!__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_wcad9_gg_{position:relative;width:auto;outline:0}.___STimePicker_wcad9_gg_.__keyboardFocused_wcad9_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_wcad9_gg_.__disabled_wcad9_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_wcad9_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_wcad9_gg_.__placeholder_wcad9_gg_{text-overflow:initial}.___SPickerInput_wcad9_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_wcad9_gg_._size_l_wcad9_gg_,.___SPickerInput_wcad9_gg_._size_m_wcad9_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_wcad9_gg_._size_l_wcad9_gg_{width:21px}.___SPickerFormat_wcad9_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, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline: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, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_wcad9_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_wcad9_gg_.__active_wcad9_gg_,.___SPickerFormat_wcad9_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_wcad9_gg_:focus,.___SPickerFormat_wcad9_gg_:focus-visible{outline:0}.___SPickerFormat_wcad9_gg_._size_m_wcad9_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_wcad9_gg_._size_m_wcad9_gg_ .___SPickerFormatText_wcad9_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_wcad9_gg_._size_l_wcad9_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_wcad9_gg_._size_l_wcad9_gg_ .___SPickerFormatText_wcad9_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_wcad9_gg_.__disabled_wcad9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_wcad9_gg_.__keyboardFocused_wcad9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_wcad9_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_wcad9_gg_.__disabled_wcad9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}", /*__inner_css_end__*/"wcad9_gg_"),
-/*__reshadow_css_end__*/
-{
-  "__STimePicker": "___STimePicker_wcad9_gg_",
-  "_keyboardFocused": "__keyboardFocused_wcad9_gg_",
-  "_disabled": "__disabled_wcad9_gg_",
-  "__SPickerInput": "___SPickerInput_wcad9_gg_",
-  "_size_m": "_size_m_wcad9_gg_",
-  "_size_l": "_size_l_wcad9_gg_",
-  "__SPickerFormat": "___SPickerFormat_wcad9_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_wcad9_gg_",
-  "_placeholder": "__placeholder_wcad9_gg_",
-  "_active": "__active_wcad9_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_wcad9_gg_"
-});
-import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
-var MAP_MERIDIEM = {
-  AM: 'PM',
-  PM: 'AM'
-};
-var MAP_FIELD_TO_TIME = {
-  hours: 0,
-  minutes: 1
-};
-export function intOrDefault(value) {
-  var def = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var number = Number.parseInt(value);
-  return Number.isNaN(number) ? def : number;
-}
-export function withLeadingZero(value) {
-  value = String(value);
-  if (value.length === 1) return "0".concat(value);
-  return String(value);
-}
-export function meridiemByHours(hours) {
-  return hours >= 12 ? 'PM' : 'AM';
-}
-export function formatHoursTo12(hours /* hours by 24 */) {
-  var nHours = intOrDefault(hours, NaN); // if not (:00)
-  if (Number.isNaN(nHours)) return hours;
-
-  // if not (HH:00)
-  if (nHours === 0) return 12; // 0 => 12 PM
-  if (nHours > 12) return nHours - 12; // 22 => 10 PM
-
-  return hours;
-}
-export function formatHoursTo24(hours /* hours by 12 */, meridiem) {
-  var nHours = intOrDefault(hours, NaN); // if not (:00)
-
-  if (Number.isNaN(nHours)) return hours;
-  if (meridiem === 'AM') {
-    if (nHours === 12) return 0; // 12 AM => 0
-  }
-
-  if (meridiem === 'PM') {
-    if (nHours < 12) return nHours + 12; // 10 PM => 22
-  }
-
-  return hours;
-}
-var TimePickerRoot = /*#__PURE__*/function (_Component) {
-  _inherits(TimePickerRoot, _Component);
-  var _super = _createSuper(TimePickerRoot);
-  function TimePickerRoot() {
-    var _this;
-    _classCallCheck(this, TimePickerRoot);
-    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), "hoursInputRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "minutesInputRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "_lastMeridiem", 'AM');
-    _defineProperty(_assertThisInitialized(_this), "handleValueChange", function (value, field, event) {
-      var is12Hour = _this.asProps.is12Hour;
-      var _assertThisInitialize = _assertThisInitialized(_this),
-        meridiem = _assertThisInitialize.meridiem;
-      var time;
-      if (field) {
-        time = _this.value.split(':');
-        time[MAP_FIELD_TO_TIME[field]] = value;
-      } else {
-        time = value.split(':');
-      }
-      var _time = time,
-        _time2 = _slicedToArray(_time, 2),
-        _time2$ = _time2[0],
-        hours = _time2$ === void 0 ? '' : _time2$,
-        _time2$2 = _time2[1],
-        minutes = _time2$2 === void 0 ? '' : _time2$2;
-      if (is12Hour) hours = String(formatHoursTo12(hours));
-      value = _this.timeToValue([hours, minutes], meridiem);
-      _this.handlers.value(value, event);
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleMeridiemClick", function (event) {
-      var is12Hour = _this.asProps.is12Hour;
-      var _assertThisInitialize2 = _assertThisInitialized(_this),
-        value = _assertThisInitialize2.value,
-        meridiem = _assertThisInitialize2.meridiem;
-      var _value$split = value.split(':'),
-        _value$split2 = _slicedToArray(_value$split, 2),
-        _value$split2$ = _value$split2[0],
-        hours = _value$split2$ === void 0 ? '' : _value$split2$,
-        _value$split2$2 = _value$split2[1],
-        minutes = _value$split2$2 === void 0 ? '' : _value$split2$2;
-      if (is12Hour) hours = String(formatHoursTo12(hours));
-      value = _this.timeToValue([hours, minutes], MAP_MERIDIEM[meridiem]);
-      _this.handlers.value(value, event);
-    });
-    _defineProperty(_assertThisInitialized(_this), "_getHoursAndMinutesProps", function () {
-      var _this$asProps = _this.asProps,
-        is12Hour = _this$asProps.is12Hour,
-        size = _this$asProps.size,
-        disabled = _this$asProps.disabled,
-        getI18nText = _this$asProps.getI18nText;
-      var time = _this.valueToTime(_this.value);
-      return {
-        time: time,
-        size: size,
-        is12Hour: is12Hour,
-        disabled: disabled,
-        $onValueChange: _this.handleValueChange,
-        minutesInputRef: _this.minutesInputRef,
-        hoursInputRef: _this.hoursInputRef,
-        _getI18nText: getI18nText
-      };
-    });
-    _defineProperty(_assertThisInitialized(_this), "getHoursProps", function () {
-      return _objectSpread(_objectSpread({}, _this._getHoursAndMinutesProps()), {}, {
-        ref: _this.hoursInputRef
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "getMinutesProps", function () {
-      return _objectSpread(_objectSpread({}, _this._getHoursAndMinutesProps()), {}, {
-        ref: _this.minutesInputRef
-      });
-    });
-    return _this;
-  }
-  _createClass(TimePickerRoot, [{
-    key: "uncontrolledProps",
-    value:
-    // default AM
-
-    function uncontrolledProps() {
-      return {
-        value: null,
-        title: null
-      };
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _document$querySelect;
-      var _this$asProps2 = this.asProps,
-        id = _this$asProps2.id,
-        ariaDescribedBy = _this$asProps2['aria-describedby'];
-      var selector = "[for=".concat(id, "]");
-      var titleElement = (_document$querySelect = document.querySelector(selector)) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("#".concat(ariaDescribedBy));
-      if (titleElement) {
-        this.handlers.title(titleElement.textContent);
-      }
-    }
-  }, {
-    key: "value",
-    get: function get() {
-      var value = this.asProps.value;
-      return value === null || value === undefined ? ':' : value;
-    }
-  }, {
-    key: "meridiem",
-    get: function get() {
-      var value = this.asProps.value;
-      var _value$split3 = value.split(':'),
-        _value$split4 = _slicedToArray(_value$split3, 1),
-        _value$split4$ = _value$split4[0],
-        hours = _value$split4$ === void 0 ? '' : _value$split4$;
-      var nHours = intOrDefault(hours, NaN);
-      if (!Number.isNaN(nHours)) {
-        this._lastMeridiem = meridiemByHours(nHours);
-      }
-      return this._lastMeridiem;
-    }
-  }, {
-    key: "valueToTime",
-    value: function valueToTime(value) {
-      var is12Hour = this.asProps.is12Hour;
-      var _value$split5 = value.split(':'),
-        _value$split6 = _slicedToArray(_value$split5, 2),
-        _value$split6$ = _value$split6[0],
-        hours = _value$split6$ === void 0 ? '' : _value$split6$,
-        _value$split6$2 = _value$split6[1],
-        minutes = _value$split6$2 === void 0 ? '' : _value$split6$2;
-      if (is12Hour) hours = formatHoursTo12(hours);
-      hours = withLeadingZero(hours);
-      minutes = withLeadingZero(minutes);
-      return [hours, minutes];
-    }
-  }, {
-    key: "timeToValue",
-    value: function timeToValue(time, meridiem) {
-      var is12Hour = this.asProps.is12Hour;
-      var _time3 = _slicedToArray(time, 2),
-        _time3$ = _time3[0],
-        hours = _time3$ === void 0 ? '' : _time3$,
-        _time3$2 = _time3[1],
-        minutes = _time3$2 === void 0 ? '' : _time3$2;
-      hours = intOrDefault(hours, hours); // 03 => 3
-      minutes = intOrDefault(minutes, minutes); // MM => MM
-
-      if (is12Hour) hours = formatHoursTo24(hours, meridiem); // 12 PM -> 0
-
-      return "".concat(hours, ":").concat(minutes);
-    }
-  }, {
-    key: "getSeparatorProps",
-    value: function getSeparatorProps() {
-      return {
-        disabled: this.asProps.disabled,
-        hoursInputRef: this.hoursInputRef
-      };
-    }
-  }, {
-    key: "getFormatProps",
-    value: function getFormatProps() {
-      var _this$asProps3 = this.asProps,
-        size = _this$asProps3.size,
-        disabled = _this$asProps3.disabled,
-        disablePortal = _this$asProps3.disablePortal,
-        getI18nText = _this$asProps3.getI18nText;
-      return {
-        size: size,
-        disabled: disabled,
-        disablePortal: disablePortal,
-        meridiem: this.meridiem,
-        onClick: this.handleMeridiemClick,
-        getI18nText: getI18nText
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref3;
-      var STimePicker = Input;
-      var _this$asProps4 = this.asProps,
-        styles = _this$asProps4.styles,
-        Children = _this$asProps4.Children,
-        value = _this$asProps4.value,
-        is12Hour = _this$asProps4.is12Hour,
-        getI18nText = _this$asProps4.getI18nText,
-        title = _this$asProps4.title;
-      var _this$valueToTime = this.valueToTime(this.value),
-        _this$valueToTime2 = _slicedToArray(_this$valueToTime, 2),
-        hours = _this$valueToTime2[0],
-        minutes = _this$valueToTime2[1];
-      var label = value ? "".concat(title, " ").concat(getI18nText('title', {
-        time: "".concat(hours, ":").concat(withLeadingZero(minutes)),
-        meridiem: is12Hour ? this.meridiem : ''
-      })) : "".concat(title, " ").concat(getI18nText('titleEmpty'));
-      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(STimePicker, _ref3.cn("STimePicker", _objectSpread({}, _assignProps({
-        "role": 'group',
-        "aria-label": label,
-        "__excludeProps": ['value', 'title']
-      }, _ref))), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {}))));
-    }
-  }]);
-  return TimePickerRoot;
-}(Component);
-_defineProperty(TimePickerRoot, "displayName", 'TimePicker');
-_defineProperty(TimePickerRoot, "style", style);
-_defineProperty(TimePickerRoot, "enhance", [i18nEnhance(localizedMessages), keyboardFocusEnhance()]);
-_defineProperty(TimePickerRoot, "defaultProps", function (_ref5) {
-  var is12Hour = _ref5.is12Hour;
-  return {
-    defaultValue: '',
-    size: 'm',
-    children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TimePicker.Hours, null), /*#__PURE__*/React.createElement(TimePicker.Separator, null), /*#__PURE__*/React.createElement(TimePicker.Minutes, null), is12Hour && /*#__PURE__*/React.createElement(TimePicker.Format, null)),
-    i18n: localizedMessages,
-    locale: 'en',
-    defaultTitle: ''
-  };
-});
-var Separator = /*#__PURE__*/function (_Component2) {
-  _inherits(Separator, _Component2);
-  var _super2 = _createSuper(Separator);
-  function Separator() {
-    var _this2;
-    _classCallCheck(this, Separator);
-    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));
-    _defineProperty(_assertThisInitialized(_this2), "handlerClick", function () {
-      if (_this2.asProps.hoursInputRef.current) {
-        var _this2$asProps$hoursI;
-        (_this2$asProps$hoursI = _this2.asProps.hoursInputRef.current) === null || _this2$asProps$hoursI === void 0 ? void 0 : _this2$asProps$hoursI.focus();
-      }
-    });
-    return _this2;
-  }
-  _createClass(Separator, [{
-    key: "render",
-    value: function render() {
-      var _ref2 = this.asProps,
-        _ref4;
-      var STimePickerSeparator = Box;
-      var styles = this.asProps.styles;
-      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(STimePickerSeparator, _ref4.cn("STimePickerSeparator", _objectSpread({}, _assignProps2({
-        "onClick": this.handlerClick,
-        "aria-hidden": 'true'
-      }, _ref2))));
-    }
-  }]);
-  return Separator;
-}(Component);
-_defineProperty(Separator, "defaultProps", {
-  children: ':'
-});
-var TimePicker = createComponent(TimePickerRoot, {
-  Hours: Hours,
-  Minutes: Minutes,
-  Separator: Separator,
-  Format: Format
-});
-export default TimePicker;
-//# sourceMappingURL=TimePicker.js.map

package/lib/es6/TimePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimePicker.js","names":["React","createComponent","Component","sstyled","Root","Input","Box","Hours","Minutes","Format","localizedMessages","i18nEnhance","style","_sstyled","insert","keyboardFocusEnhance","MAP_MERIDIEM","AM","PM","MAP_FIELD_TO_TIME","hours","minutes","intOrDefault","value","def","arguments","length","undefined","number","Number","parseInt","isNaN","withLeadingZero","String","concat","meridiemByHours","formatHoursTo12","nHours","NaN","formatHoursTo24","meridiem","TimePickerRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","args","Array","_key","call","apply","_defineProperty","_assertThisInitialized","createRef","field","event","is12Hour","asProps","_assertThisInitialize","time","split","_time","_time2","_slicedToArray","_time2$","_time2$2","timeToValue","handlers","_assertThisInitialize2","_value$split","_value$split2","_value$split2$","_value$split2$2","_this$asProps","size","disabled","getI18nText","valueToTime","$onValueChange","handleValueChange","minutesInputRef","hoursInputRef","_getI18nText","_objectSpread","_getHoursAndMinutesProps","ref","_createClass","key","uncontrolledProps","title","componentDidMount","_document$querySelect","_this$asProps2","id","ariaDescribedBy","selector","titleElement","document","querySelector","textContent","get","_value$split3","_value$split4","_value$split4$","_lastMeridiem","_value$split5","_value$split6","_value$split6$","_value$split6$2","_time3","_time3$","_time3$2","getSeparatorProps","getFormatProps","_this$asProps3","disablePortal","onClick","handleMeridiemClick","render","_ref","_ref3","STimePicker","_this$asProps4","styles","Children","_this$valueToTime","_this$valueToTime2","label","createElement","Fragment","cn","_assignProps","_ref5","defaultValue","children","TimePicker","Separator","i18n","locale","defaultTitle","_Component2","_super2","_this2","_len2","_key2","current","_this2$asProps$hoursI","focus","_ref2","_ref4","STimePickerSeparator","_assignProps2","handlerClick"],"sources":["../../src/TimePicker.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Input from '@semcore/input';\nimport { Box } from '@semcore/flex-box';\nimport { Hours, Minutes } from './PickerInput';\nimport Format from './PickerFormat';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/time-picker.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nconst MAP_MERIDIEM = {\n  AM: 'PM',\n  PM: 'AM',\n};\nconst MAP_FIELD_TO_TIME = {\n  hours: 0,\n  minutes: 1,\n};\n\nexport function intOrDefault(value, def = 0) {\n  const number = Number.parseInt(value);\n  return Number.isNaN(number) ? def : number;\n}\n\nexport function withLeadingZero(value) {\n  value = String(value);\n  if (value.length === 1) return `0${value}`;\n  return String(value);\n}\n\nexport function meridiemByHours(hours) {\n  return hours >= 12 ? 'PM' : 'AM';\n}\n\nexport function formatHoursTo12(hours /* hours by 24 */) {\n  const nHours = intOrDefault(hours, NaN); // if not (:00)\n  if (Number.isNaN(nHours)) return hours;\n\n  // if not (HH:00)\n  if (nHours === 0) return 12; // 0 => 12 PM\n  if (nHours > 12) return nHours - 12; // 22 => 10 PM\n\n  return hours;\n}\n\nexport function formatHoursTo24(hours /* hours by 12 */, meridiem) {\n  const nHours = intOrDefault(hours, NaN); // if not (:00)\n\n  if (Number.isNaN(nHours)) return hours;\n\n  if (meridiem === 'AM') {\n    if (nHours === 12) return 0; // 12 AM => 0\n  }\n\n  if (meridiem === 'PM') {\n    if (nHours < 12) return nHours + 12; // 10 PM => 22\n  }\n\n  return hours;\n}\n\nclass TimePickerRoot extends Component {\n  static displayName = 'TimePicker';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages), keyboardFocusEnhance()];\n  static defaultProps = ({ is12Hour }) => ({\n    defaultValue: '',\n    size: 'm',\n    children: (\n      <>\n        <TimePicker.Hours />\n        <TimePicker.Separator />\n        <TimePicker.Minutes />\n        {is12Hour && <TimePicker.Format />}\n      </>\n    ),\n    i18n: localizedMessages,\n    locale: 'en',\n    defaultTitle: '',\n  });\n\n  hoursInputRef = React.createRef();\n  minutesInputRef = React.createRef();\n\n  _lastMeridiem = 'AM'; // default AM\n\n  uncontrolledProps() {\n    return {\n      value: null,\n      title: null,\n    };\n  }\n\n  componentDidMount() {\n    const { id, 'aria-describedby': ariaDescribedBy } = this.asProps;\n    const selector = `[for=${id}]`;\n    const titleElement =\n      document.querySelector(selector) ?? document.querySelector(`#${ariaDescribedBy}`);\n\n    if (titleElement) {\n      this.handlers.title(titleElement.textContent);\n    }\n  }\n\n  get value() {\n    const { value } = this.asProps;\n    return value === null || value === undefined ? ':' : value;\n  }\n\n  get meridiem() {\n    const { value } = this.asProps;\n    const [hours = ''] = value.split(':');\n\n    const nHours = intOrDefault(hours, NaN);\n\n    if (!Number.isNaN(nHours)) {\n      this._lastMeridiem = meridiemByHours(nHours);\n    }\n\n    return this._lastMeridiem;\n  }\n\n  valueToTime(value) {\n    const { is12Hour } = this.asProps;\n    let [hours = '', minutes = ''] = value.split(':');\n\n    if (is12Hour) hours = formatHoursTo12(hours);\n\n    hours = withLeadingZero(hours);\n    minutes = withLeadingZero(minutes);\n\n    return [hours, minutes];\n  }\n\n  timeToValue(time, meridiem) {\n    const { is12Hour } = this.asProps;\n    let [hours = '', minutes = ''] = time;\n\n    hours = intOrDefault(hours, hours); // 03 => 3\n    minutes = intOrDefault(minutes, minutes); // MM => MM\n\n    if (is12Hour) hours = formatHoursTo24(hours, meridiem); // 12 PM -> 0\n\n    return `${hours}:${minutes}`;\n  }\n\n  handleValueChange = (value, field, event) => {\n    const { is12Hour } = this.asProps;\n    const { meridiem } = this;\n\n    let time;\n    if (field) {\n      time = this.value.split(':');\n      time[MAP_FIELD_TO_TIME[field]] = value;\n    } else {\n      time = value.split(':');\n    }\n\n    let [hours = '', minutes = ''] = time;\n\n    if (is12Hour) hours = String(formatHoursTo12(hours));\n\n    value = this.timeToValue([hours, minutes], meridiem);\n    this.handlers.value(value, event);\n  };\n\n  handleMeridiemClick = (event) => {\n    const { is12Hour } = this.asProps;\n    let { value, meridiem } = this;\n    let [hours = '', minutes = ''] = value.split(':');\n\n    if (is12Hour) hours = String(formatHoursTo12(hours));\n\n    value = this.timeToValue([hours, minutes], MAP_MERIDIEM[meridiem]);\n    this.handlers.value(value, event);\n  };\n\n  _getHoursAndMinutesProps = () => {\n    const { is12Hour, size, disabled, getI18nText } = this.asProps;\n    const time = this.valueToTime(this.value);\n\n    return {\n      time,\n      size,\n      is12Hour,\n      disabled,\n      $onValueChange: this.handleValueChange,\n      minutesInputRef: this.minutesInputRef,\n      hoursInputRef: this.hoursInputRef,\n      _getI18nText: getI18nText,\n    };\n  };\n\n  getHoursProps = () => {\n    return { ...this._getHoursAndMinutesProps(), ref: this.hoursInputRef };\n  };\n  getMinutesProps = () => {\n    return { ...this._getHoursAndMinutesProps(), ref: this.minutesInputRef };\n  };\n\n  getSeparatorProps() {\n    return {\n      disabled: this.asProps.disabled,\n      hoursInputRef: this.hoursInputRef,\n    };\n  }\n\n  getFormatProps() {\n    const { size, disabled, disablePortal, getI18nText } = this.asProps;\n\n    return {\n      size,\n      disabled,\n      disablePortal,\n      meridiem: this.meridiem,\n      onClick: this.handleMeridiemClick,\n      getI18nText,\n    };\n  }\n\n  render() {\n    const STimePicker = Root;\n    const { styles, Children, value, is12Hour, getI18nText, title } = this.asProps;\n    const [hours, minutes] = this.valueToTime(this.value);\n\n    const label = value\n      ? `${title} ${getI18nText('title', {\n          time: `${hours}:${withLeadingZero(minutes)}`,\n          meridiem: is12Hour ? this.meridiem : '',\n        })}`\n      : `${title} ${getI18nText('titleEmpty')}`;\n\n    return sstyled(styles)(\n      <>\n        <STimePicker\n          render={Input}\n          role={'group'}\n          aria-label={label}\n          __excludeProps={['value', 'title']}\n        >\n          <Children />\n        </STimePicker>\n      </>,\n    );\n  }\n}\n\nclass Separator extends Component {\n  static defaultProps = {\n    children: ':',\n  };\n\n  handlerClick = () => {\n    if (this.asProps.hoursInputRef.current) {\n      this.asProps.hoursInputRef.current?.focus();\n    }\n  };\n\n  render() {\n    const STimePickerSeparator = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(\n      <STimePickerSeparator render={Box} onClick={this.handlerClick} aria-hidden='true' />,\n    );\n  }\n}\n\nconst TimePicker = createComponent(TimePickerRoot, {\n  Hours,\n  Minutes,\n  Separator,\n  Format,\n});\n\nexport default TimePicker;\n"],"mappings":"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"}

package/lib/es6/index.d.js

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

package/lib/es6/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { InputProps, InputValueProps } from '@semcore/input';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface ITimePickerProps extends TimePickerProps, UnknownProperties {}\nexport type TimePickerProps = Omit<InputProps, 'size'> & {\n  /** Time in the hh:mm format */\n  value?: string;\n  /** Default value if `value` property is not provided */\n  defaultValue?: string;\n  /** The event responses upon time changing */\n  onChange?: (time: string, event?: React.SyntheticEvent) => void;\n  /** In charge of the component blocking */\n  disabled?: boolean;\n  /** Control size\n   * @default m */\n  size?: 'm' | 'l';\n  /** 12-hour time format */\n  is12Hour?: boolean;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface ITimePickerItemProps extends TimePickerItemProps, UnknownProperties {}\nexport type TimePickerItemProps = InputValueProps & {\n  /** Step for changing of the values in the dropdown list */\n  step?: number;\n};\n\n/** @deprecated */\nexport interface ITimePickerFormatProps extends TimePickerFormatProps, UnknownProperties {}\nexport type TimePickerFormatProps = BoxProps & KeyboardFocusProps & {};\n\n/** @deprecated */\nexport interface ITimePickerContext extends TimePickerContext, UnknownProperties {}\nexport type TimePickerContext = {\n  getHoursProps: PropGetterFn;\n  getFormatProps: PropGetterFn;\n  getMinutesProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITimePickerHandlers extends TimePickerHandlers, UnknownProperties {}\nexport type TimePickerHandlers = {\n  value: (value: string) => void;\n};\n\ndeclare const TimePicker: Intergalactic.Component<\n  'div',\n  TimePickerProps,\n  TimePickerContext,\n  [handlers: TimePickerHandlers]\n> & {\n  Hours: Intergalactic.Component<'div', TimePickerItemProps>;\n  Minutes: Intergalactic.Component<'div', TimePickerItemProps>;\n  Separator: typeof Box;\n  Format: Intergalactic.Component<'div', TimePickerFormatProps>;\n};\n\nexport default TimePicker;\n"],"mappings":""}

package/lib/es6/style/time-picker.shadow.css

@@ -1,121 +0,0 @@
-STimePicker {
-  position: relative;
-  width: auto;
-  outline: none;
-}
-
-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, #6c6e79);
-  cursor: default;
-}
-
-SPickerInput {
-  box-sizing: content-box;
-  text-align: center;
-  z-index: 1;
-  height: 1.5em;
-
-  &[placeholder] {
-    text-overflow: initial;
-  }
-  &:focus {
-    background-color: var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2));
-  }
-}
-
-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;
-  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, #c4c7cf);
-  border-radius: 0 var(--intergalactic-control-rounded, 6px)
-    var(--intergalactic-control-rounded, 6px) 0;
-  outline: 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, #6c6e79);
-  background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
-
-  &:hover {
-    color: var(--intergalactic-text-secondary, #6c6e79);
-    background-color: var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9);
-  }
-
-  &:active,
-  &[active] {
-    color: var(--intergalactic-text-secondary, #6c6e79);
-    background-color: var(--intergalactic-bg-secondary-neutral-active, #c4c7cf);
-  }
-
-  &:focus,
-  &:focus-visible {
-    outline: none;
-  }
-}
-
-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 calc(-1 * var(--intergalactic-spacing-1x, 4px)) 0 0;
-  & SPickerFormatText {
-    margin: 0 var(--intergalactic-spacing-3x, 12px);
-  }
-}
-
-SPickerFormat[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
-  cursor: default;
-  pointer-events: none;
-  border-color: transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf);
-}
-
-SPickerFormat[keyboardFocused] {
-  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
-}
-
-STimePickerSeparator {
-  color: var(--intergalactic-text-primary, #191b23);
-}
-
-STimePickerSeparator[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
-  pointer-events: none;
-}

package/lib/esm/PickerFormat.mjs

@@ -1,70 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component } from "@semcore/core";
-import React from "react";
-import { ScreenReaderOnly, Box } from "@semcore/flex-box";
-import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
-var TimePickerFormat = /* @__PURE__ */ function(_Component) {
-  _inherits(TimePickerFormat2, _Component);
-  var _super = _createSuper(TimePickerFormat2);
-  function TimePickerFormat2() {
-    var _this;
-    _classCallCheck(this, TimePickerFormat2);
-    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
-          })
-        });
-      }, 0);
-      setTimeout(function() {
-        _this.setState({
-          changedFormatNotice: ""
-        });
-      }, 2e3);
-    });
-    return _this;
-  }
-  _createClass(TimePickerFormat2, [{
-    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 TimePickerFormat2;
-}(Component);
-_defineProperty(TimePickerFormat, "enhance", [keyboardFocusEnhance(), uniqueIDEnhancement()]);
-export {
-  TimePickerFormat as default
-};